ثقة أقل ، وصدق أكبر: أفضل ممارسات وأنماط تصميم Web3

نشرت: 2022-07-22

المطورون لديهم حلم بإنترنت جديد. Web3 هو نموذج لامركزي يمنح المستخدمين الملكية الكاملة للأنظمة الأساسية والمحتوى الذي يقومون بإنشائه عبر الإنترنت. لكن محاولة إحداث ثورة في الإنترنت تطرح تحديات تصميم متعددة - بشكل رئيسي ، بناء واجهات مستخدم تحل الارتباك ومخاوف السلامة التي تسببها ميزات Web3 المميزة.

شرح Web3

لفهم Web3 ، من المفيد معرفة تاريخ موجز للإنترنت:

  • كان الويب 1.0 لامركزيًا ، مما يعني أن الملكية والتحكم في المحتوى والمنصات تم توزيعها بين العديد من الأفراد والشركات.
  • تطورت Web 2.0 ، التكرار الحالي للإنترنت ، بفضل عدد صغير من شركات البرمجيات التي لديها منصات سهلة الاستخدام ، مثل Apple و Google و Facebook (الآن Meta) و Twitter. نظرًا لأن المزيد من الأشخاص أصبحوا مبدعين ومستهلكين نشطين عبر الإنترنت ، فقد نمت شبكة الإنترنت بشكل أكثر مركزية ، وتمتلكها وتتحكم فيها إلى حد كبير عدد قليل من الشركات.

مع Web3 ، يقوم المطورون بجعل الإنترنت لامركزية مرة أخرى. لن تمتلك الاحتكارات التقنية بعد الآن حيازة وإدارة المحتوى والمنصات التي ينشئها المستخدمون. يهدف Web3 أيضًا إلى حل مشكلات أمان وخصوصية الإنترنت.

Web3 هو:

  • غير موثوق به: يحتفظ المطورون ومنشئو المحتوى والمستخدمون الآخرون بالسيطرة على الطريقة التي يتم بها بناء وصيانة منصات Web3 و DApps - التطبيقات اللامركزية - وكذلك المحتوى الذي يمكن نشره. لديهم رؤية كاملة في الكود وطريقة تشغيل الخدمات. وهذا يتناقض مع الويب 2.0 ، حيث تتمتع الشركات والحكومات بالسيطرة ولا يمكن للمستخدمين التحقق بشكل مستقل من المعلومات حول كيفية تطوير التطبيقات وإدارتها.
  • بدون إذن: يمكن للمستخدمين إدخال أي تطبيق Web3 بدون إذن من شركة أو وكالة حكومية. يقومون بتسجيل الدخول باستخدام محافظ التشفير الرقمية التي تحتوي على مفاتيحهم الخاصة ، وكلمات المرور التي يستخدمونها للوصول إلى العملات الرقمية. يمكن أن تكون المحافظ أجهزة مشابهة لمحركات أقراص USB أو تطبيقات الهاتف المحمول مثل MetaMask و TrustWallet.
  • التوزيع: لا تتركز القوة والتحكم في منتجات وخدمات الإنترنت في أيدي المستثمرين أو الرؤساء التنفيذيين ، بل يتم توزيعها بشكل منصف بين المستخدمين الذين يكسبون حصص ملكية بناءً على مساهماتهم في تطوير منصات Web3 وصيانتها.
  • Open: يعمل Web3 على blockchain ، الذي يخزن البيانات في مجموعات فردية ، والمعروفة باسم block. بمجرد امتلاء الكتلة بالمعلومات ، يتم ربطها بالجزء السابق ، وتشكيل سلسلة بترتيب زمني. Blockchain هو دفتر الأستاذ المفتوح الأكثر استخدامًا لتسجيل المعاملات المالية.

تم إنشاء العديد من تطبيقات Web3 بواسطة فرق صغيرة تتألف إلى حد كبير من المطورين ويقودهم. بعض الفرق مستقلة. يتم توظيف آخرين من قبل الشركات ، بما في ذلك أسواق NFT (رمز غير قابل للفطريات) وتبادل العملات المشفرة. غالبًا ما يقوم المطورون بتوظيف المصممين للعمل على منتجات Web3. في كثير من الحالات ، يفضل المصممون الذين لديهم خبرة سابقة في Web3 بسبب منحنى التعلم الحاد في هذا الفضاء سريع التغير.

حالات استخدام Web3 وحواجز التوسع

تهيمن التطبيقات المالية على Web3: العملات المشفرة ، وتبادل العملات المشفرة للتداول (البورصات اللامركزية ، أو DEXs) ، و NFTs ، والتي تُستخدم للدلالة على ملكية العناصر الرقمية أو المادية الفريدة. بالإضافة إلى ذلك ، يتيح التمويل اللامركزي ، أو DeFi ، للمستخدمين تجاوز البنوك والوصول إلى الخدمات المالية من نظير إلى نظير ، مثل الاقتراض والإقراض وكسب الفوائد وأصول التداول.

ثبت أن توسيع Web3 إلى قطاعات أخرى أمر صعب. على سبيل المثال ، لا توجد طريقة لإخبار موقع ويب 3 شرعي عن عملية احتيال - وهي مشكلة يتم تضخيمها لأن المستخدمين يجب عليهم إدخال بيانات اعتماد المحفظة المشفرة الخاصة بهم للوصول إلى منصات Web3. إذا كان موقع Web3 عبارة عن عملية احتيال ، فمن المحتمل أن يخسر أي مستخدم يدخل كل أمواله.

هناك مشكلة أخرى وهي أن blockchain لا يسمح بتحميل الصور أو الفيديو. يمكن للمستخدمين تخزين الوسائط على شبكات التشفير مثل Ethereum ، لكنها باهظة الثمن.

في ألعاب الفيديو Web3 ، يمكن أن تمثل NFT الصور الرمزية للاعبين والعناصر المشتراة - ولكن غالبًا ما يكون من المستحيل نقل هذه الأصول إلى ألعاب أو تطبيقات أخرى ، مما يقلل من استثمارات اللاعبين ويردعهم عن ممارسة ألعاب Web3.

ما يجب أن يعرفه المصممون

يمكن الاستفادة من أنماط واجهة المستخدم التالية ومبادئ تصميم UX في زيادة نمو منصات Web3:

تقديم مطالبات واضحة ومعلومات كاملة

تفترض العديد من تطبيقات Web3 عن طريق الخطأ خبرة كبيرة من جانب المستخدمين. بدلاً من ذلك ، يجب على المصممين توضيح الآثار المترتبة على ميزات وإجراءات Web3 غير المألوفة. على سبيل المثال ، قبل إيداع الأموال المشفرة في مجمع السيولة ، يحتاج المستثمرون الجدد إلى معرفة أن أموالهم قد تفقد قيمتها - وهو تحذير يمكن تسليمه برسالة منبثقة على شاشة الإيداع.

تخضع الأنشطة على تطبيقات DeFi لمعايير تعرف بالبروتوكولات. تقوم معظم تطبيقات DeFi بإجراء عمليات تدقيق أمنية منتظمة وتوثيق النتائج الرئيسية ، بما في ذلك نقاط الضعف ومشكلات التعليمات البرمجية والإصلاحات. يمكن للمصممين التأكد من أن تطبيقات DeFi تخطر المستخدمين عند توفر تقارير تدقيق جديدة ، ويمكنهم المساعدة في تسهيل فهم عمليات التدقيق من خلال تلخيص الأقسام المعقدة بنص واضح.

وبالمثل ، يقرأ العديد من الأشخاص وثائق منتج Web3 لفهم آليات البروتوكولات واتخاذ قرارات مستنيرة بشأن استخدام أحد التطبيقات. يتكون جزء كبير من هذه المواد من مصطلحات تقنية يصعب فهمها.

هنا مرة أخرى ، يمكن للمصممين ضمان محتوى سهل الاستخدام من خلال توفير ملخصات حوارية في بداية أقسام التوثيق ، جنبًا إلى جنب مع روابط لمزيد من المحتوى التقني. يمكن تضمين مسارد المصطلحات المنبثقة كرموز ارتباط في النص ، مما يتيح للمستخدمين معرفة معاني المصطلحات بنقرة بالماوس أو نقرة إصبع. ويمكن تقسيم النسخ بالصور التي توضح مفاهيم Web3 المهمة.

استخدم العملات المألوفة للتواصل مع أسعار الصرف

نظرًا لأن العملات المشفرة مثل البيتكوين أصبحت أكثر شيوعًا وتقلب أسعارها ، فقد يكون من الصعب تتبع قيمتها. في المحافظ الرقمية وتطبيقات التجارة الإلكترونية حيث يتم شراء هذه الرموز المميزة وبيعها وتداولها بأصول مثل NFT ، يجب على المصممين إظهار تحويلات الأسعار للمستخدمين من التشفير إلى عملتهم الأصلية وتجنب استخدام أكثر من بضع منازل عشرية.

اجعل تجزئة المحفظة والمعاملات سهلة القراءة

بشكل افتراضي ، يكون كل عنوان في blockchain عبارة عن سلسلة طويلة من الأحرف - تصل إلى 42 - تُعرف باسم المعرف أو التجزئة. عند إرسال الأموال ، يتعين على الأشخاص التحقق من السلسلة بأكملها. من السهل ارتكاب خطأ ، والمخاطر كبيرة: جميع معاملات blockchain نهائية. إذا تم إرسال الأصول إلى عنوان محفظة خاطئ ، فلا توجد طريقة لاستعادتها. في شركة استثمارية حيث عملت ، توسطنا في صفقات ICO (عرض العملة الأولي) ، وإرسال تحويلات ضخمة إلى الشركات المشاركة - وكان لدينا ستة أشخاص يتحققون من عنوان محفظة المستلم في كل مرة.

تمكّن خدمة اسم Ethereum (ENS) الأشخاص من تغيير التجزئة الخاصة بهم إلى شيء يسهل قراءته وتذكره ، مثل أسمائهم بالإضافة إلى .eth . ومع ذلك ، لا يستخدم الجميع ENS لأنه مكلف.

يمكن لمصممي Web3 UX جعل المعاملات أقل إجهادًا من خلال إظهار الأحرف الأربعة الأولى والأخيرة فقط من التجزئة للسماح للمستخدمين بالتحقق منها دون التحقق من السلسلة بأكملها. يمكن للمصممين أيضًا إنشاء مطلب للمستخدمين للتحقق من التجزئة قبل أي معاملة ، ويمكنهم تضمين شعار تعريف بجوار كل عنوان مستلم. يجب أن تكون طبقات التحقق الإضافية هذه مصحوبة بتذكير بأن إرسال الأصول إلى عنوان خاطئ سيؤدي إلى خسارة كاملة للأموال.

توضيح أوقات انتظار المعاملات

عند تحويل الأموال عبر الإنترنت من خلال أحد البنوك ، تتلقى فورًا تحديثًا للحالة أو تأكيدًا على إتمام المعاملة. هذا ليس كذلك مع Web3 DEXs. الحد الأدنى لوقت المعالجة لمعاملات blockchain هو حوالي ثلاث دقائق - ولكن كان علي الانتظار لمدة ساعتين. أستخدم التكنولوجيا منذ ست سنوات ، وما زلت أشعر بالذعر عندما يترك المال محفظتي ولا أتلقى تأكيدًا للتسليم في الوقت المناسب.

يجب أن تُظهر المزيد من DEXs حالة المعاملة عبر النص أو الرسوم المتحركة ، إما في شريط الحالة أو الإخطارات. إذا لم يكن من الممكن إظهار التحديثات في واجهة المستخدم ، فإن توفير رابط إلى مستكشف الكتل مفتوح المصدر - مثل Etherscan على Ethereum - يعد بديلاً جيدًا.

تُظهر لقطة شاشة إشعارًا بإيداع Tether (USDT) ، وهي عملة مشفرة مستضافة على شبكة Ethereum. تقرأ رسالة ، "إذا لم يصل الإيداع الخاص بك خلال الإطار الزمني المقدر ، فتحقق من التقدم مع المساعدة الذاتية للإيداع" وتوفر رابطًا. هناك أيضًا نص يشير إلى أن متوسط ​​وقت الوصول هو ثلاث دقائق وسيتم إيداع العملات المعدنية بعد 12 تأكيدًا للشبكة. بالإضافة إلى ذلك ، يظهر الرصيد الحالي للمستخدم البالغ 0 USDT.
إشعار بإيداع العملة المشفرة Tether (USDT) على شبكة Ethereum. تحتاج المزيد من تبادلات Web3 إلى عرض حالة المعاملة ومتوسط ​​وقت التسليم لزيادة راحة المستخدمين وثقتهم. (المصدر: Shetcoiner.com)

تنفيذ زر "إرسال ماكس"

غالبًا ما يتم التعبير عن البيتكوين والإيثر والعملات المشفرة الأخرى بالعديد من المنازل العشرية ، على سبيل المثال 0.0000085191. من الصعب كتابة المبلغ الإجمالي بدقة وكفاءة عند إرسال الأموال إلى فرد أو شركة لشراء أحد الأصول ، مثل NFT ، أو عند إيداع الأموال في عقد ذكي. أوصي بأن ينشئ المصممون زر "Send Max" في التطبيقات ، مما يسمح للمستخدمين بنقل رصيد محفظتهم بالكامل إلى عنوان آخر بنقرة واحدة.

يكون هذا مناسبًا عندما يكون رصيد محفظة الشخص مساويًا أو أعلى قليلاً من المبلغ الذي يحتاج إلى تحويله ؛ لدى بعض المستخدمين محافظ متعددة ، مما يزيد من احتمالية حدوث هذه التكرارات. يمكنهم إرسال الرصيد الكامل ، وتقوم الوظيفة تلقائيًا بتحويله إلى bitcoin أو ether. لا تقوم هذه الميزة بأي محاسبة عندما يكون رصيد المحفظة أكبر من إجمالي المستحق ، لذلك يجب على المصممين تضمين مربع حوار تأكيد للتأكد من أن المستخدمين لا يرسلون عن طريق الخطأ أكثر مما يريدون.

اشرح كيف تعمل أسعار الغاز

ربما يكون الغاز هو الشيء الأكثر إزعاجًا وإرباكًا في Web3 ، خاصة بالنسبة لشخص جديد في مجال التشفير. أسعار الغاز هي رسوم إضافية يدفعها المستخدمون لتغطية تكلفة قوة الحوسبة المطلوبة لمعالجة المعاملات. يمكن للمستخدمين اختيار دفع رسوم أعلى لتسريع عمليات النقل.

يحتاج المصممون إلى شرح ماهية الغاز وكيف يعمل. إذا أمكن ، يجب عليهم إظهار سعر الغاز بالعملة الأصلية الأكثر شيوعًا بين المستخدمين (عادةً بالدولار الأمريكي). يمكن للمصممين أيضًا اقتراح مزيج قابل للتطبيق من سعر الغاز وسرعة النقل الناتجة ؛ إذا توقفت المعاملات أو فشلت بسبب انخفاض مدفوعات الغاز ، يجب على المصممين السماح للمستخدمين بدفع رسوم أعلى لتسريع عمليات النقل.

اجعل سجل معاملات المستخدمين سهل الوصول إليه

تتيح جميع مواقع التجارة الإلكترونية المركزية تقريبًا (الويب 2.0) للمستخدمين التحقق من تاريخ الشراء الشامل. من الصعب الوصول إلى مثل هذا السجل في بورصة لامركزية: توفر المحافظ سجل معاملات ، ولكن لحساب واحد فقط في كل مرة ، ومن الصعب أو المستحيل التصفية بواسطة DApps. للحصول على نوع السجل المتاح على منصة مركزية ، يجب على مستخدمي Web3 الانتقال إلى مستكشف كتلة مثل Etherscan ، وهو غير سهل الاستخدام ويجعل من الصعب العثور على معاملة معينة.

يجب أن يمنح مصممو Web3 الأشخاص طريقة بسيطة لمراجعة المعاملات على السلسلة التي يقومون بها داخل DApps الفردية. يجب وضع هذا في مكان يسهل العثور عليه ، مثل لوحة جانبية أو قائمة. هناك خيار آخر يتمثل في إنشاء وضع "عرض السلسلة" الذي يتم تنشيطه بواسطة زر: بمجرد النقر عليه ، سيضع مرشحًا على واجهة المستخدم بأكملها ، مما يشير إلى كل المحتوى الموجود داخل DApp المخزن على blockchain - بما في ذلك سجل المعاملات . سيكون من المفيد أيضًا السماح للمستخدمين بتصفية وتصدير سجلات معاملاتهم بسهولة.

تعرض لقطة شاشة جزءًا من سجل معاملات المستخدم على Zerion ، وهي بورصة لامركزية على شبكة Ethereum. إيداع اثنين من العملات المشفرة - BitTorrent و ether - مع استلام NFT للدب الصمغ. بالإضافة إلى ذلك ، تُظهر الصورة رصيدًا قدره 15،023.99 دولارًا بالإضافة إلى خيارات أسعار الغاز وتحويلات العملات ومشتريات العملات المشفرة. توضح القائمة الجانبية أنه يمكن الوصول إلى السجل بسهولة مثل النظرة العامة والاستثمارات والتحويلات و NFTs وخيارات أخرى.
سجل معاملات المستخدم على منصة DeFi Zerion ، المستضافة على شبكة Ethereum. يمكن للمصممين تحسين واجهة المستخدم للعديد من تطبيقات Web3 عن طريق تسهيل الوصول إلى هذه السجلات وتصفيتها وتصديرها. (المصدر: Zerion)

تفعيل إدارة المفاتيح الخاصة والسهلة

ليس من السهل تخزين المفاتيح الخاصة التي تمكن المستخدمين من الوصول إلى محافظهم الرقمية. ينسى الناس أحيانًا نسخها احتياطيًا أو لا يعرفون كيفية القيام بذلك. لا يمكن استعادة هذه المفاتيح بمجرد فقدها: لا يوجد خيار "إعادة تعيين كلمة المرور". يمكن للمصممين حل هذه المشكلة باتباع مثال MetaMask وتزويد كل مستخدم بعبارة أولية ، وهي سلسلة من الكلمات التي يمكن استخدامها لفتح محفظتهم.

يحتاج المصممون أيضًا إلى تحذير المستخدمين من عدم إمكانية الوصول إلى أموالهم وستكون عرضة للسرقة إذا فقدوا مفاتيحهم الخاصة أو عباراتهم الأولية. يجب أن تظهر مثل هذه الرسالة في تطبيق محفظة المستخدم ، أولاً كإخطار عند إعداد المحفظة ثم كتذكير متكرر في جدول محدد مسبقًا.

الماخذ الرئيسية

لكي تنمو شعبية Web3 وتتوسع إلى ما وراء المحافظ الرقمية والأنظمة المالية ، يحتاج المصممون إلى جعل تطبيقات Web3 أكثر اتساقًا وبديهية. يجب عليهم أيضًا توفير تعليم أكثر وضوحًا للمستخدم للمساعدة في تعريف القادمين الجدد بالميزات الجديدة والتفاعلات الموجودة على منصات Web3.

يجب أن يكون جعل DApps تشعر بالأمان أولوية عالية أيضًا. من المستحيل التحكم في طبيعة Web3 غير الموثوقة وغير المصرح بها ، ولكن يمكن للمصممين التنبؤ بما قد يحدث بشكل خاطئ والمساعدة في منع حدوث ذلك. إن التحذيرات الأكثر شفافية بشأن المخاطر ستقطع شوطا طويلا في تهدئة مخاوف الناس وإقناعهم باحتضان Web3.

مزيد من القراءة على مدونة Toptal:

كيفية التصميم للحصول على أقصى قدر من الثقة في المنتج

عزز تجربة المستخدم الخاصة بك من خلال مبادئ تصميم التفاعل الناجح هذه

مزايا Webflow لـ No Code Web Design: دراسة حالة