প্রকল্পে ডিজাইনার না থাকলে কোনও বিকাশকারীকে ইউআই মকআপ করা উচিত?


57

আমি একটি ছোট দল নিয়ে কাজ করছি যা একটি মালিকানাধীন ওয়েব অ্যাপ্লিকেশন তৈরি করে এবং ইউএক্স এর অগ্রাধিকারের কিছু নয় কারণ আমাদের নিজস্ব লোকেরা এটি পরিচালনা করে তবে আমরা তাদের কাজ আরও সহজ করার চেষ্টা করি।

আমি একটি বিকাশকারী হিসাবে, আমি নতুন স্ক্রিন তৈরি শুরু করার আগে একটি ইউআই মকআপ তৈরি করা উচিত? সহকর্মীদের সাথে এটির কথা বলার জন্য এবং একটি রেফারেন্স মডেল রাখার জন্য খুব বেশি অভিনব কিছু নয় mostly আমি অন্ধভাবে কোড লেখার আগে কিছু ইউএমএল ডায়াগ্রাম তৈরি করার সাথে তুলনা করছিলাম।

আমার এক সহকর্মী বলছেন এটি হিংস্র এবং এটি করা আমার কাজ নয়।


51
আপনার যদি ডিজাইনার না থাকে এবং এটি বিকাশকারীদের কাজ নাও থাকে, তবে এটি করার কথা কার? দারোয়ান, হয়তো?
গ্র্যান্ডমাস্টারবি

10
আপনি অবশ্যই করতে পারেন, সম্ভবত আপনার উচিত ছিল, তবে এটি আপনার অস্বাভাবিক নাটকীয় সহকর্মী হিসাবে রাখার কারণে এটি অস্বাভাবিক এবং স্পষ্টতই "বেপরোয়া" নয় is পরিস্থিতি এবং পরিবেশের উপর নির্ভর করে আপনি কোনও প্রস্তুত পণ্যটির মতো দেখতে বেশি কিছু দেখানোর চেয়ে বেশিরভাগ ক্ষেত্রে রুক্ষ মখআপ করা ভাল। যেমন কেবল আপনার কাগজ বা হোয়াইটবোর্ডে আপনার মকআপ আঁকছে বালাসামিক এটির জন্য একটি ভাল সরঞ্জাম।
জো বল্লার্ড

3
আমি ধরে নিলাম আপনার সত্যিকার অর্থেই "মকআপ?" একটি "মক" অন্যরকম কিছু
রবার্ট হার্ভে

23
ব্যবহারকারীর অভিজ্ঞতা নকশা জিনিসগুলি দেখতে সুন্দর দেখাচ্ছে beyond প্রোগ্রামারদের এটির সাথে খুব জড়িত হওয়া উচিত।
জেফো

2
যা বেমানান তা হ'ল আপনার সহকর্মীদের প্রতিক্রিয়া। এটি খুব সাধারণ
ক্লোদিয়ু ক্রেঙ্গা

উত্তর:


74

আমি প্রায়শই এই জাতীয় প্রকল্পগুলিতে কাজ করি এবং উত্তরটি হ'ল উত্তম হ্যাঁ এবং যত তাড়াতাড়ি সম্ভব is

লোকেরা স্ক্র্যাচ থেকে সমাধানের চেয়ে কিছু খসড়া উন্নতির সমালোচনা করা আরও সহজ মনে করে। সুতরাং আমি দুটি কারণে প্রাথমিকভাবে খসড়া তৈরি শুরু করি:

  • কীভাবে তথ্য উপস্থাপন করা যায় সে সম্পর্কে বিষয়টি বিশেষজ্ঞদের একটি ধারণা দিন।
  • সমস্যা এবং তথ্য কাঠামো সম্পর্কে আমার বর্তমান বোঝাপড়াটি দেখান।

বিরল ক্ষেত্রে এমন কিছু প্রমাণ থাকতেও ভালো লাগল যে আমরা আসলে আমাদের যে বিষয়ে সম্মত হয়েছিল তা আমি সরবরাহ করেছি ...


16
এবং সত্যই, আপনার কাছে কমপক্ষে একটি ন্যাপকিন স্কেচ আপনার সামনে বসে থাকলে কোডটি লেখা এত সহজ।
ক্যাথি

9
পয়েন্ট 2) ব্যবসায়টি তুচ্ছ না হলে ভয়ঙ্করভাবে গুরুত্বপূর্ণ!
বৃহস্পতি

4
ইউএক্স 3 বছর ধরে কাজ করেছেন এমন ব্যক্তি হিসাবে, লোকের সাথে কেবল বিকাশ করার জন্য স্কেচ থাকা (বিকাশকারী, ক্লায়েন্ট, শেষ ব্যবহারকারী) খুব অবিশ্বাস্যভাবে দরকারী এবং গুরুত্বপূর্ণ। রাস্তায় আপনাকে প্রচুর সময় সাশ্রয় করবে যখন আপনাকে পুরোপুরি সাইটটি আবার করতে হবে না কারণ কেউ হতাশ হয়েছেন!
জিনোমজোন

39

মকআপগুলি চমত্কার এবং কোনও দেবতার সেগুলি না করার কোনও কারণ নেই। (কোনও প্রকল্পের ইউআই ডিজাইনার থাকা সত্ত্বেও কোনও ডিআইইআই ইউআই লেআউটের একটি রুক্ষ খসড়া করার পক্ষেও কার্যকর হতে পারে))

আমি আপনাকে উচ্চতর স্ক্রিনের মতো দেখতে এমন মকআপগুলি তৈরি করি না বলে উচ্চারণ করি। আপনি যদি এগুলি শেষ ব্যবহারকারীদের সাথে ভাগ করে থাকেন যা প্রায়শই এমন জিনিসগুলিতে ফোকাস করে যা রঙ এবং থিমগুলির মতো নয়। আমি আপনাকে যা করতে পারি তা হ'ল হয় কাগজ বা হোয়াইটবোর্ড স্কেচে হাত আঁকানো। অথবা আপনি যদি কম্পিউটারে এগুলি চান তবে পেনসিল প্রকল্প বা ভিজিওর মতো কিছু ব্যবহার করুন ( এখানে জোনাথন অ্যাবেটের কিছু ভিজিও স্টেনসিল যা হ্যান্ডড্রেন দেখায়)


6
এমনকি আপনি ওভারলে, ডায়লগ ইত্যাদিও হাত কাটাতে পারেন, কাঁচি দিয়ে তাদের কেটে ফেলতে পারেন এবং যখন ব্যবহারকারী কোনও হাত টানা বোতামটি স্পর্শ করে তখন তাদের আঁকানো মূল পর্দার উপরে রাখতে পারেন। তারা স্বজ্ঞাত কী কী আবিষ্কার করে, আপনি আসলে কতগুলি বোতামের প্রয়োজন হচ্ছেন এবং এগুলি সম্পর্কে কিছু ধারণা দেওয়ার জন্য খুব তাড়াতাড়ি।
রিমকো গ্রিলিচ

এটি কেবল ক্রেজি কথাবার্তা ... আসলে স্টোরিবোর্ডিং করছে। এই নতুন ছেলেদের পুরানো স্কুলে যাওয়ার উপায়: পি
ম্যাথু হোয়াইট

1
"সত্যিকারের পর্দার মতো দেখতে এমন মকআপগুলি তৈরি করবেন না" একটি অত্যন্ত গভীর অন্তর্দৃষ্টি।
অ্যান্ড্রু মায়ার্স

1
আমি একটি উপাখ্যানের কথা মনে আছে যা ব্যবহারকারীরা কোনও প্রকল্পের সমাপ্তির বিচার করবেন যেগুলি কীভাবে তাদের উপস্থাপিত স্ক্রিনশটগুলি পলিশ করা হয়েছিল by এই জাতীয় প্রযুক্তিগত ব্যবহারকারীদের জন্য যারা উপস্থাপনা এবং কার্যকারিতাটির মধ্যে পার্থক্য রাখে না, "এটি করা হয়নি" যোগাযোগ করার জন্য স্কেচ রাখা খুব গুরুত্বপূর্ণ।
ম্যাথিউ এম।

1
@ অ্যান্ড্রু ... আমি যখন অ্যাক্সেস এবং ভিবিতে অ্যাপ্লিকেশনগুলি ঠাট্টা করছিলাম তখন এগুলি আমি আবার শিখেছি। আপনি কাউকে এমন কিছু দেখান যা স্ক্রিনশটের মতো দেখায় এবং তারা আশা করে আপনি এটি
পাঠিয়ে দিতে

11

হ্যাঁ একেবারে.

আপনার কাজটি কীভাবে করা যায় তা অন্য কাউকে আপনাকে বলতে দেবেন না। এবং আপনি ঠিক বলেছেন, এটি আপনার ডেটা মডেলের জন্য ইউএমএল করার মতো। ধরে নিই যে আপনি একজন বিকাশকারী, আপনার কাজটি মানের সফ্টওয়্যার সরবরাহ করা। যদি মকআপগুলি আপনাকে এটি করতে সহায়তা করে, তবে এটি আপনার কাজের অংশ।

কম বিশ্বস্ততা মকআপগুলি করুন - এগুলিকে বাস্তব পর্দার মতো দেখায় না। আপনি ফন্ট এবং পিক্সেল এবং সীমানাগুলি সামঞ্জস্য করতে খুব বেশি সময় নষ্ট করবেন এবং আপনার ব্যবহারকারীগণ কার্যকারিতাটির দিকে মনোনিবেশ করার চেয়ে এই জাতীয় বিবরণটি নিয়ে আগ্রহী হবেন। বালাসামিকের মতো কিছু এটির জন্য দুর্দান্ত, অন্যান্য অনুরূপ অন্যান্য সরঞ্জামগুলির মধ্যে কোনও সন্দেহ নেই। মকআপ হাতে নিয়ে আপনার ব্যবহারকারীদের সাথে এবং উন্নয়ন দলের অন্যান্য সদস্যদের সাথে প্রকল্পের বৈশিষ্ট্যগুলি নিয়ে আলোচনা করা অনেক সহজ হয়ে যায়।


অবশ্যই আপনি বলেছেন আমি নিম্ন বিশ্বস্ততা মকআপস সম্পর্কে কথা বলছি। আমি ব্যক্তিগতভাবে ড্র.ইওওকে একটি অতি হালকা ওজনের সমাধান হিসাবে এবং সহকর্মীদের মধ্যে সহজ ভাগ করে নেওয়ার জন্য ব্যবহার করি।
কনস্টান্টাইন

10

"একটি নতুন স্ক্রিন" ডিজাইন করার সময়, আপনি প্রথমে ইউআই এবং আপনার / বা আপনার সহকর্মীদের সাথে ইউআই সম্পর্কে মোটামুটি ধারণাটি নিয়ে আলোচনা করতে চান। আপনি "কোডে" বা "ইউএমএলে" ব্যবহারকারীর সাথে এটি আলোচনা করতে পারবেন না, এটি কেবল কাজ করে না (এটি প্রোগ্রামারদের মধ্যেও কাজ করবে না)। এবং আপনার প্রত্যাশা করা উচিত যে আপনার প্রথম দুটি বা তিনটি স্যাচলেট ফেলে দিতে হবে, বা কমপক্ষে ইউআই উপাদানগুলি পুনরায় সাজানো দরকার range

সুতরাং আপনার যদি কোনও গ্রাফিকাল ইউআই ডিজাইনের সরঞ্জাম থাকে যা আপনাকে এটি দ্রুত করতে দেয়, এটি এটি ব্যবহার করা বোধগম্য। তবে, আপনার যদি ইউআই উপাদানগুলিকে ম্যানুয়ালি কোডিং করতে হয় এবং ইউআই উপাদানগুলি ফেলে দেওয়া বা পুনরায় সাজানোতে প্রচুর প্রচেষ্টা নেওয়া হয় তবে স্পষ্টতই ইউআইকে "কোড" না দেওয়ার বিষয়টি আরও স্পষ্টভাবে বোঝায়। কোনও গ্রাফিকাল অঙ্কন সরঞ্জাম ব্যবহার করে বা কেবল পেন্সিল এবং কাগজ ব্যবহার করে পৃথক মকআপগুলি তৈরি করা আরও বেশি কার্যকর effic


5

অগত্যা। মকআপগুলি খুব কম ব্যবহারের হতে পারে তার কমপক্ষে দুটি কারণ রয়েছে।

প্রথমত, যদি আপনি যে কাজগুলি করতে যাচ্ছেন সেগুলি সম্পর্কে যদি কোনও প্রতিষ্ঠিত শিল্প চর্চা থাকে তবে আপনি কেবল এগিয়ে যেতে পারেন এবং ঠিক এটি করতে পারেন। আপনি ইউআই ডিজাইনের শিল্পকে এগিয়ে নিয়ে যাবেন না, তবে এটি ঠিক তেমনি।

দ্বিতীয়ত, আপনার শেষ ব্যবহারকারীরা প্রায়শই জানেন না যে তাদের পক্ষে ভাল কী এবং কেন তা। তারা প্রোগ্রামটি ব্যবহার করা শুরু না করা অবধি কেবল বলতে পারছে না (আসল বা মক ডেটা সহ)। কোনও পরিমাণে স্থির মকআপগুলি এতে সহায়তা করবে না।

কিছুটা নমনীয় ওয়েব ফ্রেমওয়ার্ক সহ, "পূর্ববর্তী এন স্ক্রিনগুলির মতো আরও একটি ইউআই স্ক্রিন" এর জন্য, আপনি একটি ওয়ার্কিং প্রোটোটাইপ দিয়ে শুরু করতে পারেন এবং যেতে যেতে পুনর্বিন্যাস করতে পারেন। মেকআপ করুন এবং কোনও অভিনব কাজ করতে যাবার সময়ে সহকর্মীদের সাথে আলোচনা করুন।


শেষ ব্যবহারকারীদের মধ্যে সেরা কি না তা জানা সম্পর্কে আধিকারিক সত্য। আপনি এমনকি অ্যাপ্লিকেশনটির লেআউট এবং প্রবাহ না দেখা পর্যন্ত আপনি সৎভাবে বলতে পারবেন না যে আপনি সেরা কি জানেন। মকআপ হিসাবে ইউআই ব্যবহার করার ক্ষেত্রে সবচেয়ে বড় সমস্যাটি আপনি যে প্রত্যাশাটি সেট করছেন is লোকেরা কিছু দেখে এবং ছোট বিষয়গুলির বিষয়ে অভিযোগ করে যা কিছু যায় আসে না বা আপনি কেন অন্য কিছুতে এত বেশি সময় নিচ্ছেন তা অবাক করে দেয়।
ম্যাথু হোয়াইট

@ ম্যাথুওহাইটেড আপনি যখন ইউআই নিয়ে আলোচনা করতে আসেন তখন তারা কি ছোট জিনিস সম্পর্কে অভিযোগ করেন বা আপনি যখন পণ্যটি তাদের থাস্ক সম্পাদনের জন্য ব্যবহার করার প্রস্তাব দিচ্ছেন তখন তারা কি তাদের সম্পর্কে অভিযোগ করেন? আমি বরং প্রত্যাশা করি পরবর্তী ঘটনাটি আরও গঠনমূলক হবে এবং এটি ইনস্টল বেসের সাথে ইন-হাউস ওয়েব অ্যাপ্লিকেশনকে ভাল ধার দেয়
ইউজিন রায়বটসেভ

3

সর্বদা!

আমি একটি ছোট সংস্থার জন্য কাজ করি এবং আমি একমাত্র "সফট" আইটি ব্যক্তি। আমি সমস্ত প্রয়োজনীয়তা, ডিজাইন, কোডিং, পরীক্ষা (যদিও কেউ সর্বদা আমার পরীক্ষার বৈধতা দেয়), ডাটাবেস ডিজাইন ইত্যাদি করি

ডিজাইন পদক্ষেপে কখনও কাটেনি কর্নার - আপনার শেষ ব্যবহারকারীরা আপনাকে ধন্যবাদ জানাবে। আপনি নিজেকে খুব ধন্যবাদ হবে, কারণ আপনি হবে পুনরায় কাজ এটা অন্তিম ব্যবহারকারীদের খুশি করতে শেষ পর্যন্ত। এমনকি যদি আপনার মকআপটি হাতে স্ক্রিবলড কাগজের টুকরো ছাড়া আর কিছু না হয় তবে এটি কী প্রত্যাশা করবে তা একটি ধারণা দেয়। কিছু স্ক্রিবল করতে 10 মিনিট সময় নিলে এক সপ্তাহের কাজের সাশ্রয় হয় (সেখানে থাকুন, হয়ে গেল)

এটি আপনার কোডিংয়ে আপনাকে সহায়তা করে। এটি আপনাকে কী করতে হবে, এটি সম্পাদন করার সবচেয়ে কার্যকরী উপায় এবং পথে যে কোনও প্রতিবন্ধকতা থাকতে পারে তা নিয়ে ভাবার সুযোগ দেয়।

উদাহরণস্বরূপ, আপনি দেখতে পাচ্ছেন যে "সরল" প্রতিবেদনটি আপনার তৈরি করা দরকার আপনার প্রথম ভাবার চেয়ে বেশি শক্ত কারণ আপনি টেবিল xyz এ কিছু তারিখ ক্যাপচার করছেন না। এটি আপনার দিগন্তকেও প্রশস্ত করে এবং আপনার দল, উচ্চপদস্থ ব্যক্তিকে বা এমনকি ভবিষ্যতের সম্ভাব্য ক্যারিয়ারের সুযোগগুলির জন্যও ব্যবহার করা যেতে পারে যা আপনি খালি ন্যূনতমের চেয়ে বেশি করেন এবং "এটি আমার কাজ নয়" এর বাক্সের বাইরেও আসতে পারে (<--- সিরিয়াসলি, সে ছেলেটি না হউক, আমরা সকলেই তাকে ঘৃণা করি) বা এটি আপনাকে অতিরিক্ত শিক্ষার সুযোগ দেয়।


2

আসুন এটি আরও সাধারণ উপায়ে দেখুন:

  • খসড়া তৈরি করা কি একটি ভাল ধারণা?
  • কার খসড়া তৈরি করা উচিত?

খসড়া তৈরি করা কি একটি ভাল ধারণা?

খসড়া তৈরি করা মূলত 2 টি সুবিধা দেয়। প্রথমত, এটি ফোকাস সরবরাহ করে, যা প্রকৃত কাজটি দ্রুতগতির দিকে নিয়ে যায়। দ্বিতীয়ত, কাজ এত সহজ শেষ হওয়ার আগে এটি কাজের দিকনির্দেশনা নিয়ে আলোচনা করে ing

একটি খসড়া তৈরি করার ক্ষতিটি হ'ল এটি সময় ব্যবহার করে। এটি তৈরি করতে 4 ঘন্টা সময় লাগে এমন কোনও বিশদ বিস্তৃত খসড়া তৈরি করতে 2 ঘন্টা ব্যয় করা সামান্যই বোধগম্য।

আপনার ক্ষেত্রে, মকআপটির স্তরটি প্রকল্পের মধ্যে আনুমানিক পরিমাণের কাজ এবং খসড়ার সুবিধাটি বিবেচনায় নিতে হবে। এগুলির উপর নির্ভর করে, আপনার মকআপটি পোস্টের পরে এবং একটি সম্পূর্ণ ইন্টারেক্টিভ ওয়েবসাইটের মধ্যে 10 সেকেন্ডের স্ক্রিবলের মধ্যে যে কোনও জায়গায় হতে পারে। খুব বড় এবং ব্যয়বহুল প্রকল্পগুলির জন্য পুরো দলগুলি কয়েক সপ্তাহ ধরে একটি খসড়াটিতে কাজ করা এবং এটি করার সময় তাদের খসড়াটির খসড়া তৈরি করা অস্বাভাবিক নয়।

কার খসড়া তৈরি করা উচিত?

এখানে বিস্তৃত উত্তরের প্রয়োজন নেই: আপনি যদি খসড়া তৈরি করে উপকৃত হন তবে আপনি একটি খসড়া তৈরি করেন। যদি আপনি অন্য কারও জন্য খসড়া তৈরি করে আপনি উপকৃত হন তবে অন্য কাউকে আপনার জন্য একটি খসড়া তৈরি করতে বলুন।


সৃষ্টির সময়ের তুলনা করার গুরুত্বের উপর সত্যই দুর্দান্ত বিষয়। আমরা খসড়া তৈরি করেছি বলে সময় দ্বিগুণ করার কোনও দরকার নেই।
কনস্ট্যান্টাইন

-2

আপনার কলেজটি একেবারে সঠিক। অভ্যন্তরীণ অ্যাপ্লিকেশনগুলির সাধারণত একটি পূর্বনির্ধারিত চেহারা থাকে। এছাড়াও এই জাতীয় অ্যাপ্লিকেশনগুলির জন্য, ব্যবহারকারীরা কাটিয়া প্রান্তের UI খুঁজছেন না। তারা যা চায় তা হ'ল এমন কিছু যা কার্যকর এবং ব্যবহারযোগ্যভাবে সহজ। আপনি যদি ইউআইকে আমূল পরিবর্তন করার পরিকল্পনা না করেন (যা আমি অভ্যন্তরীণ অ্যাপ্লিকেশনগুলির জন্য .... এর বিরুদ্ধে দৃ strongly়ভাবে পরামর্শ দেব), কেবল বিদ্যমান চেহারা এবং অনুভূতিটি অনুসরণ করুন। মক আপগুলি দুর্দান্ত, তবে আপনার ক্ষেত্রে কেবল আপনার ব্যথা বাড়িয়ে তুলবে।


1
মকআপগুলি কাটিয়া প্রান্তের ইউআই তৈরির জন্য নয়, তারা কোনও পর্দার বিন্যাস এবং আচরণ উপহাস করার জন্য। প্রকৃতপক্ষে বেশিরভাগ ক্ষেত্রে, তারা সত্যই সুন্দর নয় not আমি কেবল একমত নই
কাইরেন জনস্টোন

3
আমি যে নির্দিষ্ট অভ্যন্তরীণ অ্যাপ্লিকেশনটি বিকাশ করছিলাম তার জন্য মকআপগুলি দরকারী বলে মনে করেছি। ধারণাটি নকশা করা বা একটি নতুন ইউআই দৃষ্টান্ত আবিষ্কার করার ছিল না (যেমন আপনি বলেছেন যে এটির প্রয়োজন ছিল না), তবে ব্যবহারকারীরা প্রয়োজনীয়তাগুলি কী তা বোঝানোর জন্য, যেহেতু কোনও ইউআই আপনাকে আলোচনার জন্য কিছু কংক্রিট দেয় gives
জেমস_পিক

@ কেরেন জোনস্টোন আমি আপনার সাথে সম্পূর্ণ একমত তবে তিনি নিজেই বলেছেন যে "ইউএক্স খুব বেশি অগ্রাধিকার নয়"। তিনি যদি দলের যুক্তিসঙ্গতভাবে প্রবীণ সদস্য না হন তবে তার পুরষ্কারগুলি চেষ্টা (মক আপগুলি তৈরি করা) সাথে মেলে না। মক-আপগুলি দুর্দান্ত। তবে তার পরিস্থিতিতে নয়।
ক্ষিতিজ উপাধ্যায়

আমি সম্মত নই - বেশিরভাগ পরিস্থিতিতে - মকআপগুলি এই পরিস্থিতিতে সত্যিকারের উপকারী - অ্যাপটি কীভাবে কাজ করবে তা দেখার জন্য, যদি এটি বোধগম্য হয় এবং যদি বিকাশকারী দ্বারা প্রয়োজনীয়তা বোঝে - ব্যয়বহুল অংশটি হওয়ার আগে (লিখিত কোড)
কাইরেন জনস্টোন

1
আমাদের দল প্রায় 3 জন একজন সিনিয়র সদস্য / টিম লিডার রয়েছেন, এবং আমি এবং অন্য এক ব্যক্তি যার সাথে এই প্রকল্পে কাজ করার জন্য চুক্তিবদ্ধ হয়েছিল। খসড়াটি মূলত দলের নেতার সাথে নতুন পর্দার ওভার নিয়ে আলোচনা করার জন্য করা হয়েছিল। এছাড়াও নতুন পর্দার পুরো পয়েন্টটি এমন একটি বিদ্যমানটিকে উন্নত করা ছিল যা ব্যবহারের জন্য ব্যথা ছিল, তাই সবকিছু আবার করাতে হয়েছিল।
কনস্টান্টাইন
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.