نصائح ذهبية لتصميم موقع ويب متوافق مع UI-UX
سواء كنت تتطلع إلى تحسين تصميم متجر الكتروني ،
أو كنت جديدًا في هذا المجال وترغب في تعلم حبال تصميم واجهة المستخدم ،
فإن معرفة قواعد تصميم الواجهة أمر ضروري.
يصف بن شنايدرمان في كتابه تصميم واجهة المستخدم ثماني قواعد ذهبية لتصميم واجهة المستخدم.
دعونا نلقي نظرة عليها بالتفصيل:
اجعل واجهات المستخدم متسقة
يقول مايك جيلفيلان ، كبير المطورين التقنيين في Edge of the Web ، “الاتساق هو المفتاح – يمكن أن تؤدي الألوان والخطوط والأنماط المتعددة إلى حدوث ارتباك ، بينما يخلق الاتساق الألفة.”
تعني واجهة المستخدم المتسقة استخدام أنماط تصميم متشابهة ،
ومصطلحات متطابقة في المطالبات ، وقوائم وشاشات متجانسة ، وأوامر متسقة في جميع أنحاء الواجهة.
السماح للمستخدمين بالتنقل بسهولة عبر الاختصارات
يحتاج المستخدمون الخبراء ، أو المستخدمون الذين يترددون على موقع الويب الخاص بك أو يستخدمون منتجك بانتظام ،
إلى اختصارات للتنقل بسرعة عبر الواجهة.
تمامًا مثل كيفية استخدام معظم مستخدمي Windows للاختصار CTRL + C لنسخ النص بسرعة
و CTRL + V للصقه ، تحتاج إلى تسهيل التنقل وتشغيل واجهات المستخدم من خلال الاختصارات.
تقديم ملاحظات إعلامية
قدم ملاحظات من خلال نسخة قابلة للقراءة من واجهة المستخدم لجميع تحركات المستخدم.
يشرح بن شنايدرمان:
“بالنسبة للإجراءات المتكررة والثانوية ، يمكن أن تكون الاستجابة متواضعة ، بينما بالنسبة للإجراءات غير المتكررة والكبيرة ، يجب أن تكون الاستجابة أكثر جوهرية”.
على سبيل المثال ، عندما يُطلب من المستخدمين إنشاء كلمة مرور ،
يجب أن تقدم واجهة المستخدم معلومات حول مدى قوتها من خلال تقديم مثال لكلمة مرور قوية،
أو استخدام رموز توضح مدى قوة كلمة مرور المستخدم حاليًا.
منع الخطأ قدر الإمكان
لذا ، بدءًا من ظهور عناصر القائمة غير المتوفرة باللون الرمادي،
إلى منع المستخدمين من الكتابة بالحروف الأبجدية في الحقول التي تطلب أرقام الهواتف ، حاول منع الخطأ قدر الإمكان.
هذا أيضًا هو المكان الذي يأتي فيه اختبار قابلية الاستخدام.
كمصمم ، تحتاج إلى التأكد من أن كل شيء يعمل على النحو المنشود عن طريق اختبار التصميم مع المستخدمين قبل الإطلاق.
فهو لا يساعد فقط في اختبار وظائف منتجك وقابليته للاستخدام ،
ولكنه يساعدك أيضًا على فهم احتياجات جمهورك المستهدف بشكل أفضل.
ومع ذلك ، تحدث أخطاء في بعض الأحيان.
لذلك إذا ارتكب المستخدم خطأ ، فتأكد من تقديم شرح واضح له لفهم الخطأ وحل سهل لحلها.
السماح للمستخدمين بالعودة بسهولة
قدم للمستخدمين طرقًا سهلة وواضحة لعكس خطواتهم عندما يتخذون خطوة خاطئة.
يوضح شنايدرمان: “تعمل هذه الميزة على تخفيف القلق ، لأن المستخدمين يعرفون أنه يمكن التراجع عن الأخطاء ،
وتشجع على استكشاف الخيارات غير المألوفة”.
لنفترض أن شخصًا ما قد أضاف معلومات خاطئة عن طريق الخطأ في نموذج متعدد الصفحات ،
واسمح له بالعودة إلى تلك الصفحة وتصحيح أخطائه بسهولة دون الحاجة إلى البدء من جديد.
دعم موضع السيطرة الداخلي
“يرغب المستخدمون المتمرسون بشدة في الشعور بأنهم مسؤولون عن الواجهة وأن الواجهة تستجيب لإجراءاتهم.
لا يريدون مفاجآت أو تغييرات في السلوك المألوف ، وهم منزعجون من تسلسل إدخال البيانات المملة ،
وصعوبة الحصول على المعلومات الضرورية ، وعدم القدرة على تحقيق النتيجة المرجوة “، كما يقول شنايدرمان.
أحد الأمثلة الرائعة على إبقاء المستخدمين تحت السيطرة هو عندما يكون شخص ما على وشك الخروج من Microsoft Office،
ويسأله النظام عما إذا كان متأكدًا من رغبته في الخروج دون حفظ عمله.
لا يجعل هذا المستخدم يشعر بالتحكم فحسب ، بل يضمن أيضًا عدم فقدان عملهم في حالة الخروج العرضي.
تقليل حمل الذاكرة
القاعدة الأساسية لتسهيل استخدام واجهات المستخدم هي تقليل الحمل المعرفي.
يمكن أن يقلل الحمل المعرفي (أو حمل الذاكرة) من قدرة المستخدم على أداء المهام المهمة ،
لذلك من المهم أن تتحمل أجهزة الكمبيوتر عبء الذاكرة منها بقدر ما تستطيع.
على سبيل المثال ، لا تجعل المستخدمين يعيدون إدخال المعلومات الشخصية في كل مرة يشترون فيها من موقع الويب الخاص بك،
أو تضيف عنوان بريدهم الإلكتروني واسمهم في كل مرة يسجلون فيها الدخول إلى موقع الويب الخاص بك.
أثناء التصميم ، اختر دائمًا التعرف على الاستدعاء لتمكين المستخدمين من إكمال مهامهم بسرعة ودون متاعب.
تصميم الحوار قبل الاغلاق
وفقًا لشنايدرمان ، “يجب تنظيم تسلسل الإجراءات في مجموعات ذات بداية ووسط ونهاية.
تمنح التغذية الراجعة بالمعلومات عند الانتهاء من مجموعة من الإجراءات للمستخدمين رضاهم عن الإنجاز ،
والشعور بالراحة ، وإشارة لإسقاط خطط الطوارئ من أذهانهم ، ومؤشرًا للتحضير لمجموعة الإجراءات التالية “.
من الأمثلة الرائعة نقل المستخدمين إلى صفحة “شكرًا لك” مع ملخص بعد إتمام الطلب وإبلاغهم بأنه تم تأكيده.
قد يهمك أيضاً: لا تستثمر في تحسين موقعك لمحركات البحث .. تعرف على السبب
