ওয়েব3 ইন্টারফেস ডিজাইনের জন্য ৭টি হিউরিস্টিকস
পেজ সর্বশেষ আপডেট: ২৫ ডিসেম্বর, ২০২৪
ব্যবহারযোগ্যতার হিউরিস্টিকস (Usability heuristics) হলো সাধারণ "বাস্তবসম্মত নিয়ম" (rules of thumb) যা আপনি আপনার সাইটের ব্যবহারযোগ্যতা পরিমাপ করতে ব্যবহার করতে পারেন। এখানকার ৭টি হিউরিস্টিকস বিশেষভাবে ওয়েব3 (Web3)-এর জন্য তৈরি করা হয়েছে এবং এগুলোকে জ্যাকব নিয়েলসেনের (Jakob Nielsen) ইন্টারঅ্যাকশন ডিজাইনের ১০টি সাধারণ নীতির (opens in a new tab) পাশাপাশি ব্যবহার করা উচিত।
ওয়েব3 এর জন্য সাতটি ব্যবহারযোগ্যতার হিউরিস্টিকস
- কাজের পরে ফিডব্যাক
- নিরাপত্তা এবং বিশ্বাস
- সবচেয়ে গুরুত্বপূর্ণ তথ্যটি স্পষ্ট
- বোধগম্য পরিভাষা
- কাজগুলো যতটা সম্ভব সংক্ষিপ্ত
- নেটওয়ার্ক সংযোগগুলো দৃশ্যমান এবং নমনীয়
- ওয়ালেট থেকে নয়, অ্যাপ থেকে নিয়ন্ত্রণ
সংজ্ঞা এবং উদাহরণ
1. কাজের পরে ফিডব্যাক
যখন কিছু ঘটেছে বা ঘটছে, তখন তা স্পষ্ট হওয়া উচিত।
ব্যবহারকারীরা তাদের পূর্ববর্তী পদক্ষেপের ফলাফলের ওপর ভিত্তি করে পরবর্তী পদক্ষেপের সিদ্ধান্ত নেন। তাই সিস্টেমের অবস্থা সম্পর্কে তাদের অবগত থাকা অপরিহার্য। ওয়েব3-তে এটি বিশেষভাবে গুরুত্বপূর্ণ কারণ ব্লকচেইন-এ লেনদেন সম্পন্ন হতে মাঝে মাঝে কিছুটা সময় লাগতে পারে। যদি অপেক্ষা করার জন্য কোনো ফিডব্যাক না থাকে, তবে ব্যবহারকারীরা নিশ্চিত হতে পারেন না যে আদৌ কিছু ঘটেছে কি না।
টিপস:
- মেসেজিং, নোটিফিকেশন এবং অন্যান্য অ্যালার্টের মাধ্যমে ব্যবহারকারীকে জানান।
- অপেক্ষার সময় স্পষ্টভাবে জানিয়ে দিন।
- যদি কোনো কাজে কয়েক সেকেন্ডের বেশি সময় লাগে, তবে একটি টাইমার বা অ্যানিমেশন দিয়ে ব্যবহারকারীকে আশ্বস্ত করুন যাতে তাদের মনে হয় যে কিছু একটা হচ্ছে।
- যদি কোনো প্রক্রিয়ায় একাধিক ধাপ থাকে, তবে প্রতিটি ধাপ দেখান।
উদাহরণ: একটি লেনদেন-এর সাথে জড়িত প্রতিটি ধাপ দেখালে ব্যবহারকারীরা বুঝতে পারেন যে তারা প্রক্রিয়ার কোন পর্যায়ে আছেন। উপযুক্ত আইকনগুলো ব্যবহারকারীকে তাদের কাজের অবস্থা সম্পর্কে জানতে সাহায্য করে।
2. নিরাপত্তা এবং বিশ্বাস অন্তর্নিহিত থাকে
নিরাপত্তাকে অগ্রাধিকার দেওয়া উচিত এবং ব্যবহারকারীর জন্য এর ওপর জোর দেওয়া উচিত। মানুষ তাদের ডেটা নিয়ে গভীরভাবে চিন্তা করে। নিরাপত্তা প্রায়শই ব্যবহারকারীদের জন্য একটি প্রাথমিক উদ্বেগের বিষয়, তাই ডিজাইনের সব স্তরে এটি বিবেচনা করা উচিত। আপনার সবসময় ব্যবহারকারীদের বিশ্বাস অর্জনের চেষ্টা করা উচিত, তবে আপনি কীভাবে এটি করবেন তা বিভিন্ন অ্যাপে ভিন্ন হতে পারে। এটি কোনো পরের চিন্তার বিষয় হওয়া উচিত নয়, বরং শুরু থেকেই সচেতনভাবে ডিজাইন করা উচিত। সোশ্যাল চ্যানেল এবং ডকুমেন্টেশনসহ চূড়ান্ত UI পর্যন্ত পুরো ব্যবহারকারীর অভিজ্ঞতায় বিশ্বাস গড়ে তুলুন। ডিসেন্ট্রালাইজেশন-এর স্তর, ট্রেজারি মাল্টিসিগ (multi-sig) স্ট্যাটাস এবং টিম ডক্সড (doxxed) কি না, এই বিষয়গুলো ব্যবহারকারীদের বিশ্বাসকে প্রভাবিত করে।
টিপস:
- গর্বের সাথে আপনার অডিটগুলোর তালিকা দিন
- একাধিক অডিট করান
- আপনার ডিজাইন করা যেকোনো নিরাপত্তা ফিচারের প্রচার করুন
- অন্তর্নিহিত ইন্টিগ্রেশনসহ সম্ভাব্য ঝুঁকিগুলো তুলে ধরুন
- কৌশলগুলোর জটিলতা সম্পর্কে জানান
- নন-UI সমস্যাগুলো বিবেচনা করুন যা আপনার ব্যবহারকারীদের নিরাপত্তার ধারণাকে প্রভাবিত করতে পারে
উদাহরণ: ফুটারে একটি স্পষ্ট আকারে আপনার অডিটগুলো অন্তর্ভুক্ত করুন।
3. সবচেয়ে গুরুত্বপূর্ণ তথ্যটি স্পষ্ট
জটিল সিস্টেমের জন্য, শুধুমাত্র সবচেয়ে প্রাসঙ্গিক ডেটা দেখান। কোনটি সবচেয়ে গুরুত্বপূর্ণ তা নির্ধারণ করুন এবং এর প্রদর্শনকে অগ্রাধিকার দিন। অতিরিক্ত তথ্য বিভ্রান্তিকর হতে পারে এবং সিদ্ধান্ত নেওয়ার সময় ব্যবহারকারীরা সাধারণত একটি তথ্যের ওপর নির্ভর করেন। ডিফাই (DeFi)-তে, এটি সম্ভবত ইল্ড (yield) অ্যাপগুলোতে APR এবং লেন্ডিং (lending) অ্যাপগুলোতে LTV হবে।
টিপস:
- ব্যবহারকারী গবেষণা সবচেয়ে গুরুত্বপূর্ণ মেট্রিকটি উন্মোচন করবে
- মূল তথ্যটি বড় করে দেখান এবং অন্যান্য বিবরণ ছোট ও বাধাহীন রাখুন
- মানুষ পড়ে না, তারা স্ক্যান করে; নিশ্চিত করুন যে আপনার ডিজাইনটি স্ক্যানযোগ্য
উদাহরণ: স্ক্যান করার সময় সম্পূর্ণ রঙের বড় টোকেনগুলো সহজেই খুঁজে পাওয়া যায়। APR বড় এবং একটি অ্যাকসেন্ট রঙে হাইলাইট করা হয়েছে।
4. স্পষ্ট পরিভাষা
পরিভাষা বোধগম্য এবং উপযুক্ত হওয়া উচিত। প্রযুক্তিগত শব্দজট একটি বড় বাধা হতে পারে, কারণ এর জন্য সম্পূর্ণ নতুন একটি মানসিক মডেল তৈরি করার প্রয়োজন হয়। ব্যবহারকারীরা তাদের আগে থেকে জানা শব্দ, বাক্যাংশ এবং ধারণাগুলোর সাথে ডিজাইনটিকে মেলাতে পারেন না। সবকিছু বিভ্রান্তিকর এবং অপরিচিত মনে হয়, এবং এটি ব্যবহার করার চেষ্টা করার আগেই তাদের অনেক কিছু শিখতে হয়। একজন ব্যবহারকারী কিছু টাকা জমানোর উদ্দেশ্যে ডিফাই (DeFi)-তে আসতে পারেন, কিন্তু তারা যা দেখতে পান তা হলো: মাইনিং, ফার্মিং, স্টেকিং, এমিশনস, ব্রাইবস, ভল্টস, লকারস, veTokens, ভেস্টিং, এপোক, ডিসেন্ট্রালাইজড এ্যালগরিদম, প্রটোকল-মালিকানাধীন লিকুইডিটি... সহজ শব্দ ব্যবহার করার চেষ্টা করুন যা বেশিরভাগ মানুষ বুঝতে পারবে। শুধুমাত্র আপনার প্রজেক্টের জন্য সম্পূর্ণ নতুন শব্দ আবিষ্কার করবেন না।
টিপস:
- সহজ এবং সামঞ্জস্যপূর্ণ পরিভাষা ব্যবহার করুন
- যতটা সম্ভব বিদ্যমান ভাষা ব্যবহার করুন
- নিজের তৈরি করা শব্দ ব্যবহার করবেন না
- প্রচলিত নিয়মগুলো অনুসরণ করুন
- ব্যবহারকারীদের যতটা সম্ভব শিক্ষিত করুন
উদাহরণ: "আপনার রিওয়ার্ডস" (Your rewards) একটি ব্যাপকভাবে বোধগম্য, নিরপেক্ষ শব্দ; এটি এই প্রজেক্টের জন্য তৈরি করা কোনো নতুন শব্দ নয়। বাস্তব জগতের মানসিক মডেলের সাথে মেলাতে রিওয়ার্ডগুলো USD-তে দেখানো হয়, এমনকি যদি রিওয়ার্ডগুলো অন্য কোনো টোকেন-এও থাকে।
5. কাজগুলো যতটা সম্ভব সংক্ষিপ্ত
সাব-অ্যাকশনগুলোকে একত্রিত করে ব্যবহারকারীর ইন্টারঅ্যাকশন দ্রুত করুন। এটি স্মার্ট কন্ট্রাক্ট স্তরে এবং UI-তেও করা যেতে পারে। একটি সাধারণ কাজ সম্পন্ন করার জন্য ব্যবহারকারীকে সিস্টেমের এক অংশ থেকে অন্য অংশে যেতে হবে না – বা সিস্টেমটি পুরোপুরি ছেড়ে যেতে হবে না।
টিপস:
- যেখানে সম্ভব অন্যান্য কাজের সাথে "Approve" একত্রিত করুন
- সাইনিং (signing) ধাপগুলোকে যতটা সম্ভব একসাথে যুক্ত করুন
উদাহরণ: "অ্যাড লিকুইডিটি" (add liquidity) এবং "স্টেক" (stake) একত্রিত করা একটি অ্যাক্সিলারেটরের সহজ উদাহরণ যা ব্যবহারকারীর সময় এবং গ্যাস উভয়ই বাঁচায়।
6. নেটওয়ার্ক সংযোগগুলো দৃশ্যমান এবং নমনীয়
ব্যবহারকারী কোন নেটওয়ার্ক-এর সাথে সংযুক্ত আছেন তা তাদের জানান এবং নেটওয়ার্ক পরিবর্তন করার জন্য স্পষ্ট শর্টকাট প্রদান করুন। এটি মাল্টিচেইন অ্যাপগুলোতে বিশেষভাবে গুরুত্বপূর্ণ। সংযোগ বিচ্ছিন্ন থাকলে বা অসমর্থিত নেটওয়ার্ক-এর সাথে সংযুক্ত থাকলেও অ্যাপের মূল ফাংশনগুলো দৃশ্যমান থাকা উচিত।
টিপস:
- সংযোগ বিচ্ছিন্ন থাকা অবস্থায় অ্যাপের যতটা সম্ভব অংশ দেখান
- ব্যবহারকারী বর্তমানে কোন নেটওয়ার্ক-এর সাথে সংযুক্ত আছেন তা দেখান
- নেটওয়ার্ক পরিবর্তন করার জন্য ব্যবহারকারীকে ওয়ালেট-এ যেতে বাধ্য করবেন না
- যদি অ্যাপটির জন্য ব্যবহারকারীকে নেটওয়ার্ক পরিবর্তন করতে হয়, তবে মূল কল টু অ্যাকশন (call to action) থেকে কাজটি করার জন্য প্রম্পট করুন
- যদি অ্যাপটিতে একাধিক নেটওয়ার্ক-এর জন্য মার্কেট বা ভল্ট থাকে, তবে ব্যবহারকারী বর্তমানে কোন সেটটি দেখছেন তা স্পষ্টভাবে উল্লেখ করুন
উদাহরণ: অ্যাপবারে ব্যবহারকারীকে দেখান যে তারা কোন নেটওয়ার্ক-এর সাথে সংযুক্ত আছেন এবং তাদের এটি পরিবর্তন করার অনুমতি দিন।
7. ওয়ালেট থেকে নয়, অ্যাপ থেকে নিয়ন্ত্রণ
UI-এর উচিত ব্যবহারকারীকে তাদের প্রয়োজনীয় সবকিছু জানানো এবং তাদের যা করতে হবে তার ওপর নিয়ন্ত্রণ দেওয়া। ওয়েব3-তে, কিছু কাজ আপনি UI-তে করেন এবং কিছু কাজ আপনি ওয়ালেট-এ করেন। সাধারণত, আপনি UI-তে একটি কাজ শুরু করেন এবং তারপর ওয়ালেট-এ তা নিশ্চিত করেন। যদি এই দুটি দিক সতর্কতার সাথে একত্রিত করা না হয়, তবে ব্যবহারকারীরা অস্বস্তি বোধ করতে পারেন।
টিপস:
- UI-তে ফিডব্যাকের মাধ্যমে সিস্টেমের অবস্থা জানান
- তাদের হিস্ট্রির একটি রেকর্ড রাখুন
- পুরোনো লেনদেন-এর জন্য ব্লক এক্সপ্লোরার-এর লিঙ্ক প্রদান করুন
- নেটওয়ার্ক পরিবর্তন করার জন্য শর্টকাট প্রদান করুন।
উদাহরণ: একটি সূক্ষ্ম কন্টেইনার ব্যবহারকারীকে দেখায় যে তাদের ওয়ালেট-এ কী কী প্রাসঙ্গিক টোকেন রয়েছে এবং মূল CTA নেটওয়ার্ক পরিবর্তন করার জন্য একটি শর্টকাট প্রদান করে।
