Copy
͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏  ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏  ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏  ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏  ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏  ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏  ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏  ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏  ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏  ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ 

পেপার প্রোটোটাইপিং(Paper Prototyping) কী?

পেপার প্রোটোটাইপিং ইউজার এক্সপেরিয়েন্স ডিজাইনের একটি ডিজাইন টেকনিক । এটি করার মূল উদ্দেশ্য হচ্ছে প্রাথমিক ধাপে কোন প্রোডাক্ট বা ইউজার ইন্টারফেস (UI) পরীক্ষানিরীক্ষা করা । এই টেকনিকে প্রধানত কোন প্রোডাক্ট, অ্যাপ-এর ইউজার ইন্টারফেসের লো-ফিডেলিটি (Low-fidelity) এবং কাগজের ভার্সন বানিয়ে সেটা দিয়ে বাস্তব দুনিয়ায় প্রোডাক্টটা কীভাবে ফাংশন করবে সেটি দেখা, এবং বিচার করা ।

উপকারিতাঃ

পেপার প্রোটোটাইপিং-এর বেশ কিছু উপকারিতা আছে, যথা—

  ১। খরচ কম : ডিজাইনের প্রাথমিক ধাপে, খুব কম খরচে পেপার প্রোটোটাইপিং করে স্টেকহোল্ডার, ইউজার ফিডব্যাক নিয়ে ডিজাইনের উপর আবার কাজ করা যায়, উন্নত করা যায় ।

  ২। স্বল্পসময় সাপেক্ষ : পেপার প্রোটোটাইপ খুব সহজে দ্রুত করে ফেলা যায় । এতে করে ডিজাইনাররা অল্প সময়ে একাধিক ডিজাইন টেস্ট করতে পারেন ।

  ৩। পরিবর্তনযোগ্যতা : যেহেতু পেপার প্রোটোটাইপিং তৈরি করা সহজ, সেহেতু ডিজাইনাররা দ্রুত প্রোটোটাইপ পরিবর্তন করতে পারেন । পুনরায় আবার টেস্ট করতে পারেন ।

  ৪। ইউজার সেন্টার্ড ডিজাইন (UCD) পেপার প্রোটোটাইপিং ডিজাইনারদের ইউজারের প্রয়োজন এবং চাহিদার বিবেচনা করে ডিজাইন করতে সাহায্য করে থাকে । পেপার প্রোটোটাইপিং রিয়েল ইউজারদের সাথে ডিজাইন টেস্ট করার সুযোগ করে দেয় ।

  ৫। ভালো ইউজাবিলিটিঃ যেহেতু পেপার প্রোটোটাইপ প্রথম থেকেই ইউজারদের সাথে টেস্ট করা হয়ে থাকে । তাই ডিজাইনাররা প্রাথমিক ধাপেই ইউজাবিলিটি ইস্যুগুলো বের করতে সক্ষম হন ।

  ৬। ডিজাইন কমিউনিকেশন : পেপার প্রোটোটাইপিং একটি কমিউনিকেশন টুল। এর সাহায্যে ডিজাইনাররা ডিজাইন নিয়ে সহজে আইডিয়া শেয়ার করতে পারেন, অন্যান্য টিম এবং স্টেক হোল্ডারদের থেকে ফিডব্যাক নিতে পারেন ।

  ৭। অন্বেষণ : পেপার প্রোটোটাইপিং যেহেতু রিস্ক ফ্রি এবং সময় কম লাগায়, অনেক ডিজাইন আইডিয়া টেস্ট করতে চাপ কম থাকে । তাই এখানে ডিজাইনাররা মুক্তভাবে চিন্তা করার স্বাধীনতা পেয়ে থাকেন ।

যেভাবে করবেনঃ

চলুন এবার কীভাবে পেপার প্রোটোটাইপিং করতে হয়ে তার একটি সাধারণ একটি উদাহরণ দেখে নেওয়া যাক ।

পেপার প্রোটোটাইপিং শুরু হয় মূলত পর্যাপ্ত ইউজার রিসার্চ করে যখন রিকয়ারমেন্টের একটি সাধারণ ধারণা পাওয়া যায় ।

এই ক্ষেত্রে আমরা একটি ডিজাইন প্রম্পট/ সিনারিও নিবো।

কল্পনা করুন, আপনি একটি কফি শপে গেলেন, এবং বারিস্টা আপনাকে একটি ট্যাব হাতে দিয়ে বললো আপনার মতো অর্ডার করতে ।

রিকয়ারমেন্টঃ

  ১। ইউজার নির্দিষ্ট সাইজের, এক কাপ ড্রিঙ্ক অর্ডার করবেন এবং এবং ড্রিঙ্কটি কাস্টমাইজ করবেন ।

  ২। মোট বিল দেখাতে হবে ।

  ৩। অর্ডার কনফার্ম করার আগে পুরো অর্ডারের সারমর্ম দেখাতে হবে ।

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

 

প্রথমে এই সিনারিও ভিত্তিতে ইউজারের উদ্দেশ্য (Intent) এবং ফলাফল (Outcome) চিন্তা করতে হবে, এর উদাহরণ এমন হতে পারে—

গোল্ডেন পাথ্‌

এটি হচ্ছে আমাদের "গোল্ডেন পাথ্‌" । এটি হচ্ছে এমন একটি রাস্তা যেটি আপনার ইউজার ব্যবহার করে তার কাজ সম্পাদন করবে । পেপার প্রোটোটাইপিং-এ এটি বেশ গুরুত্বপূর্ণ । এটি ঠিক মতো বের করতে পারলে ডিজাইন এবং ইউজারের সমস্যা সমাধান করতে সহজ হয়ে থাকে । এই বিষয়ে আরও জানতে চাইলে এই আর্টিকেলটি (Creating the Golden Path) পড়তে পারেন ।

ইউজার জার্নি।

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

ইন্টারেকশান (GIF ফাইল এর সাইজ অনেক খানি হওয়ায় এড করা যায় নি)।

নিচে সবগুলো স্ক্রিনের ছবি দেওয়া হল—

যেহেতু বিন্যাস/গুছানোর ব্যাপারটা মানুষের করতে ভাল্লাগে সেহেতু আপনি যদি ছড়ানো ছিটানো করেও রাখেন, তবু মানুষ নিজের মতো করে ইনফরমেশন সাজিয়ে নিবে।

কিন্তু অরগানাইজ এবং ক্যাটাগরাইজ আপনি প্রোপারলি/ নিজ থেকে করে দিলে ইউজার এর জন্য ইনফরমেশন লোড কমে আসবে। এবং ইউজার জার্নিটা স্মুথ হবে। কিন্তু যখনই আপনি বেশি ইনফরমেশন দেবেন একসাথে দেখবেন আমরা নিজের মত করে ওটাকে ভেঙে নিচ্ছি।

যেমন ধরুন:

বামে, ফ্লোটির প্রথম স্ক্রিন এবং ডানে কোন ধরণের কফি অর্ডার করবেন সেটি জানতে চাওয়া হচ্ছে।

বামে কফির বিস্তারিত ইনফো এবং ডানে কফির কাপ সাইজ এবং দুধের ধরণ বেছে নেয়া হচ্ছে।

বামে, চিনির ধরণ সিলেক্ট করা হচ্ছে আর ডানে, অর্ডারের বিস্তারিত এবং পূর্নাঙ্গ বিল।

বামে, পেমেন্ট মেথড এবং ডানে, অর্ডার কনফারমেনশন ।

বামে , অর্ডার হওয়ার সাকসেস স্ট্যাটাস এবং ডানে, UI ইলিমেন্টস।

এখন আমাদের প্রোটোটাইপ প্রস্তুত । পরবর্তী ধাপ হচ্ছে এই প্রোটোটাইপ টেস্ট করার । চলুন তাহলে টেস্ট করার জন্য আগে ২টি টাস্ক বানাই, যেগুলো ইউজার সম্পন্ন করব ।

  ১। আপনার পছন্দের একটি কফি অর্ডার করুন ।

  ২। অনুমান করুন আপনার অর্ডার করার মাঝে আপনি মন পরিবর্তন করলেন এবং অর্ডারটি সেভাবে পরিবর্তন করতে চান, তাহলে কীভাবে করবেন?

ইউজারদের দেমগ্রাপফিক ডাটাঃ

প্রথম অংশগ্রহণকারী একজন ২৫ বছর বয়সী আফ্রিকান পুরুষ এবং একজন শিক্ষার্থী । দ্বিতীয় অংশগ্রহণকারী একজন ৩৩ বছর বয়সী দক্ষিণ এশিয়ান, মার্কিন যুক্তরাষ্ট্রের স্থায়ী বাসিন্দা এবং তিনিও একজন শিক্ষার্থী ।

ইউজার টেস্ট করছেন প্রোটোটাইপটি।

পদ্ধতি এবং ফলাফলঃ

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

 

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

 

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

 

এই প্রোটোটাইপে একটি প্রধান সমস্যা উঠে আসে, সেটি হচ্ছে যখন অংশগ্রহণকারীদের দ্বিতীয় টাস্কের কথা বলে হয়েছে, দুজনই "Add/Remove Items” বাটন ব্যবহার করে অর্ডার মডিফাই করতে যান । কিন্তু এখানে তার বিভ্রান্ত হয়ে পরেন । যেমন একজন যেতে চেয়েছিলেন একদম প্রথম পেইজে, আরেকজন যেতে চেয়েছিলেন কাপ সাইজ সিলেক্ট করার পেইজে । কিন্তু আমি তাদের "Sweeteners” পেইজে নিয়ে যাই । ধারণা করেছিলাম যে প্রয়োজন হলে তারা ব্যাক বাটনে ক্লিক করে আগের পেইজে যাবেন । কিন্তু তারা বিভ্রান্ত হয়ে যান । এই ক্ষেত্রে পরবর্তী ইটারেশনে এই ডিজাইন নিয়ে আবার ভাবতে হবে এবং সমাধান নিয়ে আসার চেষ্টা করতে হবে ।

 

আবার একজন নিচের "Your Order: $3.95” দেখে সেটার অর্থ বুঝতে পারেন নি । এখানে মূলত কিছু অ্যাড করার প্রতি ধাপে ধাপে কফির দাম দেখাতে ছেয়েছিলাম । ধারণা করা যাচ্ছে এখানেও উন্নতির দরকার আছে ।

 

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

 

ভালো থাকুন, টাডা •ᴗ•

📍️ Curated resource

The platformfor creatives.

Browse and save curated inspiration from designers all around the world.

📚 Book recommendation

Build Better Products

By Laura Klein

The book takes a step-by-step approach and considers every possibility you might come across when working on a new product; it even has a chapter on building a better team.

✂️ Plugins of this week

Looking for a snappy headline for your latest project? Just tell ChatGPT what you're working on, and it'll come up with a suggestion in no time.







This email was sent to <<Email Address>>
why did I get this?    unsubscribe from this list    update subscription preferences
Uxchithi · Basurhat · Noakhali 1200 · Bangladesh

Email Marketing Powered by Mailchimp