একটা prototype আসল (বা প্রায়-আসল) screen-কে একসাথে সংযুক্ত করে এমন কিছুতে পরিণত করে যা একজন ব্যক্তি আসলে click করে দেখতে পারে — যে ধাপে একটা static design কোনো code লেখার আগে একটা আসল product-এর মতো আচরণ শুরু করে।
| Low-fi wireframe | Hi-fi prototype | |
|---|---|---|
| Visual detail | ধূসর box, placeholder টেক্সট | আসল রং, আসল copy, চূড়ান্ত visual-এর কাছাকাছি |
| Interactivity | Static, একবারে একটা screen | Clickable — screen সংযুক্ত, button আসলে navigate করে |
| যার জন্য ব্যবহৃত | দ্রুত structural feedback, প্রাথমিক অন্বেষণ | বাস্তবসম্মত testing, stakeholder demo, developer handoff reference |
| যাতে বানানো | কাগজ, বা Figma-তে সরল আকৃতি | Figma-এর Prototype tab, interaction দিয়ে frame সংযুক্ত করা |
Figma-এর Prototype tab-এ, একটা element বেছে নিলে একটা connection node দেখা যায় — এটা আরেকটা frame-এ drag করলে একটা clickable link তৈরি হয়। একটা flow জুড়ে এরকম বেশ কয়েকটা স্তুপ করলে (একটা button যা একটা detail screen-এ যায়, একটা back arrow যা ফিরে আসে) এমন কিছু তৈরি হয় যা একজন আসল ব্যক্তি click করে দেখতে পারে যেন এটা শেষ হওয়া app, এই সাইটের Figma কোর্সে হাতে-কলমে কভার করা।
Testing-এ কোনো lab বা ডজন ডজন participant দরকার নেই — একটা prototype-এ একটা কাজ চেষ্টা করা মাত্র ৫ জন মানুষও নির্ভরযোগ্যভাবে বেশিরভাগ বড় usability সমস্যা প্রকাশ করে। মূল পদ্ধতি: কাউকে একটা নির্দিষ্ট কাজ দিন ("এই item-টা খুঁজে আপনার cart-এ যোগ করুন"), সাহায্য না করে তাদের চেষ্টা দেখুন, আর ঠিক কোথায় তারা ইতস্তত করে, ভুল জিনিস click করে, বা আটকে যায় তা নোট করুন।
সাহায্য করার তাড়না প্রতিরোধ করুন
একটা test-এর আগে কখনো prototype কীভাবে কাজ করে তা ব্যাখ্যা করবেন না — যদি একজন আসল user ব্যাখ্যা ছাড়া বিভ্রান্ত হয়, একজন আসল customer-ও হবে। Test-এর সময় নীরবতাই যেখানে সৎ feedback থাকে।