7 مبادئ توجيهية لتصميم واجهة Web3
المبادئ التوجيهية لقابلية الاستخدام هي "قواعد عامة" واسعة النطاق يمكنك استخدامها لقياس قابلية استخدام موقعك. المبادئ التوجيهية السبعة هنا مصممة خصيصًا لـ Web3 ويجب استخدامها جنبًا إلى جنب مع المبادئ العشرة العامة لتصميم التفاعل (opens in a new tab) الخاصة بـ جاكوب نيلسن (Jakob Nielsen).
سبعة مبادئ توجيهية لقابلية الاستخدام في Web3
- الملاحظات تتبع الإجراء
- الأمان والثقة
- المعلومات الأكثر أهمية واضحة
- مصطلحات مفهومة
- الإجراءات قصيرة قدر الإمكان
- اتصالات الشبكة مرئية ومرنة
- التحكم من التطبيق، وليس من المحفظة
تعريفات وأمثلة
1. الملاحظات تتبع الإجراء
يجب أن يكون واضحًا عندما يحدث شيء ما، أو حدث بالفعل.
يقرر المستخدمون خطواتهم التالية بناءً على نتيجة خطواتهم السابقة. لذلك من الضروري أن يظلوا على اطلاع بحالة النظام. هذا مهم بشكل خاص في Web3 حيث يمكن أن تستغرق المعاملات أحيانًا وقتًا قصيرًا للالتزام في سلسلة الكتل. إذا لم تكن هناك ملاحظات تخبرهم بالانتظار، فلن يكون المستخدمون متأكدين مما إذا كان أي شيء قد حدث.
نصائح:
- إعلام المستخدم عبر الرسائل والإشعارات والتنبيهات الأخرى.
- توضيح أوقات الانتظار بشكل جلي.
- إذا كان الإجراء سيستغرق أكثر من بضع ثوانٍ، فطمئن المستخدم باستخدام مؤقت أو رسم متحرك لجعله يشعر بأن شيئًا ما يحدث.
- إذا كانت هناك خطوات متعددة لعملية ما، فاعرض كل خطوة.
مثال: عرض كل خطوة متضمنة في معاملة يساعد المستخدمين على معرفة مكانهم في العملية. تتيح الأيقونات المناسبة للمستخدم معرفة حالة إجراءاته.
2. الأمان والثقة مدمجان
يجب إعطاء الأولوية للأمان، ويجب التأكيد على ذلك للمستخدم. يهتم الناس بشدة ببياناتهم. غالبًا ما تكون السلامة مصدر قلق أساسي للمستخدمين، لذلك يجب أخذها في الاعتبار على جميع مستويات التصميم. يجب أن تسعى دائمًا لكسب ثقة مستخدميك، ولكن الطريقة التي تقوم بها بذلك يمكن أن تعني أشياء مختلفة في تطبيقات مختلفة. لا ينبغي أن يكون هذا فكرة لاحقة، بل يجب تصميمه بوعي طوال الوقت. قم ببناء الثقة طوال تجربة المستخدم، بما في ذلك القنوات الاجتماعية والوثائق، بالإضافة إلى واجهة المستخدم النهائية. أشياء مثل مستوى اللامركزية، وحالة التوقيع المتعدد (multi-sig) للخزانة، وما إذا كان الفريق معروف الهوية (doxxed)، كلها تؤثر على ثقة المستخدمين.
نصائح:
- اذكر عمليات التدقيق الخاصة بك بفخر
- احصل على عمليات تدقيق متعددة
- أعلن عن أي ميزات أمان قمت بتصميمها
- سلط الضوء على المخاطر المحتملة، بما في ذلك عمليات الدمج الأساسية
- وضح مدى تعقيد الاستراتيجيات
- ضع في اعتبارك المشكلات غير المتعلقة بواجهة المستخدم والتي قد تؤثر على تصور المستخدمين للسلامة
مثال: قم بتضمين عمليات التدقيق الخاصة بك في التذييل، بحجم بارز.
3. المعلومات الأكثر أهمية واضحة
بالنسبة للأنظمة المعقدة، اعرض فقط البيانات الأكثر صلة. حدد ما هو الأكثر أهمية، وأعط الأولوية لعرضه. كثرة المعلومات مربكة وعادة ما يرتكز المستخدمون على معلومة واحدة عند اتخاذ القرارات. في التمويل اللامركزي (DeFi)، من المحتمل أن يكون هذا هو APR في تطبيقات العوائد ونسبة القرض إلى القيمة (LTV) في تطبيقات الإقراض.
نصائح:
- سيكشف بحث المستخدم عن المقياس الأكثر أهمية
- اجعل المعلومات الرئيسية كبيرة، والتفاصيل الأخرى صغيرة وغير مزعجة
- الناس لا يقرؤون، بل يتصفحون سريعًا؛ تأكد من أن تصميمك قابل للتصفح السريع
مثال: الرموز المميزة الكبيرة بالألوان الكاملة يسهل العثور عليها عند التصفح السريع. الـ APR كبير ومميز بلون بارز.
4. مصطلحات واضحة
يجب أن تكون المصطلحات مفهومة ومناسبة. يمكن أن تكون المصطلحات التقنية عائقًا كبيرًا، لأنها تتطلب بناء نموذج عقلي جديد تمامًا. لا يتمكن المستخدمون من ربط التصميم بالكلمات والعبارات والمفاهيم التي يعرفونها بالفعل. يبدو كل شيء محيرًا وغير مألوف، وهناك منحنى تعليمي حاد قبل أن يتمكنوا حتى من محاولة استخدامه. قد يقترب المستخدمون من التمويل اللامركزي (DeFi) رغبة في توفير بعض المال، وما يجدونه هو: التعدين، زراعة العوائد، التخزين، الإصدارات، الرشاوى، الخزائن، الأقفال، رموز veTokens، استحقاق، الحقب، الخوارزميات اللامركزية، السيولة المملوكة للبروتوكول... حاول استخدام مصطلحات بسيطة يفهمها أوسع نطاق من الناس. لا تخترع مصطلحات جديدة تمامًا لمشروعك فقط.
نصائح:
- استخدم مصطلحات بسيطة ومتسقة
- استخدم اللغة الحالية قدر الإمكان
- لا تبتكر مصطلحاتك الخاصة
- اتبع الأعراف كما تظهر
- قم بتثقيف المستخدمين قدر الإمكان
مثال: "مكافآتك" هو مصطلح محايد ومفهوم على نطاق واسع؛ وليس كلمة جديدة تم اختراعها لهذا المشروع. يتم تقييم المكافآت بالدولار الأمريكي (USD) لتتناسب مع النماذج العقلية في العالم الحقيقي، حتى لو كانت المكافآت نفسها في رمز مميز آخر.
5. الإجراءات قصيرة قدر الإمكان
قم بتسريع تفاعلات المستخدم عن طريق تجميع الإجراءات الفرعية. يمكن القيام بذلك على مستوى العقد الذكي، وكذلك واجهة المستخدم. لا ينبغي أن يضطر المستخدم إلى الانتقال من جزء من النظام إلى جزء آخر - أو مغادرة النظام بالكامل - لإكمال إجراء شائع.
نصائح:
- اجمع "موافقة" مع إجراءات أخرى حيثما أمكن
- قم بتجميع خطوات التوقيع معًا قدر الإمكان
مثال: الجمع بين "إضافة سيولة" و"حصة التخزين" هو مثال بسيط على مسرع يوفر للمستخدم الوقت والغاز.
6. اتصالات الشبكة مرئية ومرنة
أبلغ المستخدم بالشبكة التي يتصل بها، ووفر اختصارات واضحة لتغيير الشبكة. هذا مهم بشكل خاص في التطبيقات متعددة السلاسل. يجب أن تظل الوظائف الرئيسية للتطبيق مرئية أثناء قطع الاتصال أو الاتصال بشبكة غير مدعومة.
نصائح:
- اعرض أكبر قدر ممكن من التطبيق أثناء قطع الاتصال
- اعرض الشبكة التي يتصل بها المستخدم حاليًا
- لا تجعل المستخدم يذهب إلى المحفظة لتغيير الشبكة
- إذا كان التطبيق يتطلب من المستخدم تبديل الشبكة، فاطلب الإجراء من الدعوة الرئيسية لاتخاذ إجراء (CTA)
- إذا كان التطبيق يحتوي على أسواق أو خزائن لشبكات متعددة، فاذكر بوضوح المجموعة التي ينظر إليها المستخدم حاليًا
مثال: اعرض للمستخدم الشبكة التي يتصل بها، واسمح له بتغييرها، في شريط التطبيق.
7. التحكم من التطبيق، وليس من المحفظة
يجب أن تخبر واجهة المستخدم المستخدم بكل ما يحتاج إلى معرفته وتمنحه التحكم في كل ما يحتاج إلى القيام به. في Web3، هناك إجراءات تتخذها في واجهة المستخدم، وإجراءات تتخذها في المحفظة. بشكل عام، تبدأ إجراءً في واجهة المستخدم، ثم تؤكده في المحفظة. يمكن أن يشعر المستخدمون بعدم الارتياح إذا لم يتم دمج هذين المسارين بعناية.
نصائح:
- قم بتوصيل حالة النظام عبر الملاحظات في واجهة المستخدم
- احتفظ بسجل لتاريخهم
- وفر روابط لمستكشفي الكتل للمعاملات القديمة
- وفر اختصارات لتغيير الشبكات.
مثال: تُظهر حاوية دقيقة للمستخدم الرموز المميزة ذات الصلة التي يمتلكها في محفظته، وتوفر الدعوة الرئيسية لاتخاذ إجراء (CTA) اختصارًا لتغيير الشبكة.
آخر تحديث للصفحة: 25 ديسمبر 2024
