7 اکتشاف برای طراحی رابط Web3

اکتشاف قابلیت استفاده "قوانین سرانگشتی" گسترده ای هستند که می توانید برای اندازه گیری قابلیت استفاده سایت خود از آنها استفاده کنید. این اکتشاف ها به طور خاص برای Web3 طراحی شده اند و باید در کنار Jakob Nielsen [10 اصل کلی برای طراحی تعامل] (https://www.nngroup.com/articles/ten-usability-heuristics/(opens in a new tab)) استفاده شوند.

هفت اکتشاف قابلیت استفاده برای web3

1. بازخورد در ادامه عمل می‌آید
2. امنیت و اعتماد
3. مهمترین اطلاعات واضح است
4. اصطلاحات قابل درک
5. اقدامات تا حد امکان کوتاه است
6. اتصالات شبکه قابل مشاهده و انعطاف پذیر هستند
7. از برنامه کنترل کنید، نه کیف پول

تعاریف و مثالها

1. بازخورد به دنبال عمل می‌آید

وقتی اتفاقی افتاده یا در حال وقوع است باید واضح باشد.

کاربران بر اساس نتیجه گام های قبلی خود در مورد مراحل بعدی خود تصمیم می گیرند. بنابراین ضروری است که آنها از وضعیت سیستم مطلع شوند. این امر به ویژه در Web3 بسیار مهم است زیرا تراکنش‌ها گاهی اوقات ممکن است زمان کوتاهی طول بکشد تا به بلاک چین متعهد شوند. اگر بازخوردی وجود نداشته باشد که به آنها اطلاع دهد که منتظر بمانند، کاربران مطمئن نیستند که آیا اتفاقی افتاده یا خیر.

نکات:

• از طریق پیام رسانی، اعلان ها و سایر هشدارها به کاربر اطلاع دهید.
• زمان های انتظار را به وضوح در میان بگذارید.
• اگر قرار است عملی بیش از چند ثانیه طول بکشد، با استفاده از یک تایمر یا یک انیمیشن به کاربر اطمینان دهید تا احساس کند چیزی در حال رخ دادن است.
• اگر چندین مرحله برای یک فرآیند وجود دارد، هر مرحله را نشان دهید.

مثال: نمایش هر مرحله درگیر در یک تراکنش به کاربران کمک می کند تا بدانند در کجای فرآیند قرار دارند. آیکون های مناسب به کاربر امکان می دهند از وضعیت اقدامات خود مطلع شود.

2. امنیت و اعتماد ایجاد می‌شوند

امنیت باید در اولویت قرار گیرد و این باید برای کاربر تاکید شود. افراد عمیقاً به داده های خود اهمیت می دهند. ایمنی اغلب یک نگرانی اولیه برای کاربران است، بنابراین باید در تمام سطوح طراحی در نظر گرفته شود. همیشه باید به دنبال جلب اعتماد کاربران خود باشید، اما روشی که این کار را انجام می‌دهید می‌تواند در اپلیکیشن‌های مختلف معنای متفاوت داشته باشد. این نباید یک فکر ثانوی باشد، بلکه باید آگاهانه طراحی شود. در طول تجربه کاربر، از جمله کانال‌های اجتماعی و اسناد، و همچنین رابط کاربری نهایی، اعتماد ایجاد کنید. مواردی مانند سطح غیرمتمرکز، وضعیت چند علامت خزانه، و اینکه آیا تیم از کار افتاده است یا نه، همگی بر اعتماد کاربران تأثیر می‌گذارند

نکات:

• ممیزی های خود را با افتخار فهرست کنید
• ممیزی های متعدد دریافت کنید
• هر ویژگی ایمنی که طراحی کرده اید را تبلیغ کنید
• خطرات احتمالی، از جمله ادغام های اساسی را برجسته کنید
• پیچیدگی استراتژی ها را به اشتراک بگذارید
• مسائل غیر UI را در نظر بگیرید که ممکن است بر درک کاربران شما از ایمنی تأثیر بگذارد

مثال: ممیزی‌های خود را در پاورقی، در اندازه‌های برجسته بگنجانید.

3. مهم‌ترین اطلاعات واضح است

برای سیستم های پیچیده، فقط مرتبط ترین داده ها را نشان دهید. تعیین کنید چه چیزی مهم است و نمایش آن را اولویت بندی کنید. اطلاعات بیش از حد طاقت فرسا است و کاربران معمولاً هنگام تصمیم گیری بر روی یک قطعه اطلاعات تمرکز می‌کنند. در DeFi، این احتمالاً APR برای برنامه‌های بازدهی و LTV در برنامه‌های وام‌دهی خواهد بود.

نکات:

• تحقیقات کاربر مهمترین معیار را آشکار می کند
• اطلاعات کلیدی را بزرگ و سایر جزئیات را کوچک و محجوب کنید
• افراد نمی خوانند، اسکن می کنند. اطمینان حاصل کنید که طرح شما قابل اسکن است

مثال: نشانه های بزرگ به صورت تمام رنگی هنگام اسکن به راحتی پیدا می شوند. APR بزرگ است و با رنگ برجسته برجسته شده است.

4. اصطلاحات واضح

اصطلاحات باید قابل فهم و مناسب باشند. اصطلاحات فنی می تواند یک مانع بزرگ باشد، زیرا نیاز به ساخت یک مدل ذهنی کاملاً جدید دارد. کاربران نمی توانند طراحی را با کلمات، عبارات و مفاهیمی که از قبل می دانند مرتبط کنند. همه چیز گیج کننده و ناآشنا به نظر می رسد، و قبل از اینکه آنها حتی بتوانند از آن استفاده کنند، یک منحنی یادگیری شیب دار وجود دارد. کاربرانی که می‌خواهند مقداری پول پس‌انداز کنند، ممکن است به DeFi نزدیک شوند، و چیزی که پیدا می‌کنند این است: استخراج، فارمینگ، سهامگذاری، انتشار گازهای گلخانه‌ای، رشوه، گاوصندوق ها، قفسه‌ها، توکن‌های vetoken، واگذاری، ایپوک ها، الگوریتم‌های غیرمتمرکز، نقدینگی متعلق به پروتکل… سعی کنید از اصطلاحات ساده ای استفاده کنید که برای گسترده ترین گروه مردم قابل درک باشد. اصطلاحات جدید را فقط برای پروژه خود اختراع نکنید.

نکات:

• از اصطلاحات ساده و ثابت استفاده کنید
• تا حد امکان از زبان موجود استفاده کنید
• شرایط خود را مطرح نکنید
• قراردادها را همانطور که ظاهر می شوند دنبال کنید
• تا حد امکان به کاربران آموزش دهید

مثال: "پاداش شما" اصطلاحی است که به طور گسترده درک می‌شود و خنثی است و کلمه جدیدی برای این پروژه ساخته نشده است. جوایز به USD تعلق می‌گیرد تا با مدل‌های ذهنی دنیای واقعی مطابقت داشته باشد، حتی اگر خود پاداش‌ها با توکن دیگری باشند.

5. اقدامات تا حد امکان کوتاه هستند

با گروه‌بندی کنش‌های فرعی، تعاملات کاربر را تسریع کنید. این ممکن است در سطح قرارداد هوشمند و همچنین رابط کاربری انجام شود. کاربر نباید مجبور باشد از یک قسمت سیستم به قسمت دیگر حرکت کند - یا سیستم را به طور کامل ترک کند تا یک اقدام مشترک را انجام دهد.

نکات:

• در صورت امکان، «تأیید» را با سایر اقدامات ترکیب کنید
• مراحل امضا را تا حد امکان به هم نزدیک کنید

مثال: ترکیب «افزودن نقدینگی» و «سهام» یک مثال ساده از شتاب‌دهنده‌ای است که در زمان و گس کاربر صرفه‌جویی می‌کند.

6. اتصالات شبکه قابل مشاهده و انعطاف پذیر هستند

به کاربر اطلاع دهید که به چه شبکه ای متصل است و میانبرهای واضحی برای تغییر شبکه ارائه دهید. این به ویژه در برنامه های چند زنجیره ای مهم است. عملکردهای اصلی برنامه همچنان باید هنگام قطع یا اتصال به یک شبکه غیر پشتیبانی قابل مشاهده باشند.

نکات:

• تا آنجا که ممکن است برنامه را هنگام قطع ارتباط نشان دهید
• نشان دهید که کاربر در حال حاضر به کدام شبکه متصل است
• کاربر را مجبور نکنید برای تغییر شبکه به کیف پول مراجعه کند
• اگر برنامه از کاربر می‌خواهد که شبکه را تغییر دهد، این عمل را از تماس اصلی برای اقدام درخواست کنید
• اگر برنامه حاوی بازارها یا انبارهایی برای چندین شبکه است، به وضوح مشخص کنید که کاربر در حال حاضر به کدام مجموعه نگاه می کند

مثال: به کاربر نشان دهید که به کدام شبکه متصل است و به او اجازه دهید آن را در نوار برنامه تغییر دهد.

7. کنترل از برنامه، نه کیف پول

رابط کاربری باید همه چیزهایی که کاربر باید بداند را بگوید و کنترل همه چیزهایی که باید انجام دهد را به او بدهد. در Web3، اقداماتی هستند که در رابط کاربری انجام می دهید و اقداماتی که در کیف پول انجام می دهید. به طور کلی، شما یک عمل را در UI آغاز می کنید و سپس آن را در کیف پول تأیید می کنید. اگر این دو رشته به دقت ادغام نشوند، کاربران ممکن است احساس ناراحتی کنند.

نکات:

• وضعیت سیستم را از طریق بازخورد در UI اعلام کنید
• تاریخچه آنها را ثبت کنید
• پیوندهایی برای مسدود کردن کاوشگرها برای تراکنش های قدیمی ارائه دهید
• میانبرهایی برای تغییر شبکه ها ارائه دهید.

مثال: یک ظرف ظریف به کاربر نشان می دهد که چه توکن های مرتبطی در کیف پول خود دارد و CTA اصلی میانبری برای تغییر شبکه ارائه می دهد.