🌟لتصميم واجهات مستخدم سهلة الإستخدام، هناك عدة دلائل لسهولة الإستخدام يمكن التحقق منها أو ما تسمى ب Usability Heuristics
ثريد 🧵
ثريد 🧵
١- شفافية حالة النظام (visibility of system status):
من خلال وضوح حالة النظام للمستخدم مثال عندما يستغرق تحميل البيانات مدة إظهار علامة تدل على تحميل البيانات (loading)
من خلال وضوح حالة النظام للمستخدم مثال عندما يستغرق تحميل البيانات مدة إظهار علامة تدل على تحميل البيانات (loading)
٢- التطابق بين النظام والعالم الحقيقي (match between system and real world):
من خلال استخدام كلمات مفاهيم مألوفة للمستخدم بدلاً من المصطلحات التقنية. مثال استخدام أيقونة سلة القمامة للدلالة على عملية الحذف.
من خلال استخدام كلمات مفاهيم مألوفة للمستخدم بدلاً من المصطلحات التقنية. مثال استخدام أيقونة سلة القمامة للدلالة على عملية الحذف.
٣- حرية المستخدم (user control and freedom):
من خلال سهولة ترك تنفيذ خطوة غير مرغوب فيها او العودة إلى خطوة سابقة دون الإضطرار إلى إعادة العملية من البداية. مثال عملية undo لخطوة.
من خلال سهولة ترك تنفيذ خطوة غير مرغوب فيها او العودة إلى خطوة سابقة دون الإضطرار إلى إعادة العملية من البداية. مثال عملية undo لخطوة.
٤- التناسق والمعايير (consistency and standards):
من خلال وجود تطابق في شكل مكونات التصميم مثل البطاقات والأزرار و اتباع معايير ثابتة في التصميم.
من خلال وجود تطابق في شكل مكونات التصميم مثل البطاقات والأزرار و اتباع معايير ثابتة في التصميم.
٥- منع الأخطاء (error prevention):
من خلال طلب التأكيد من المستخدم عند القيام بشئ خطير مثل حذف بيانات او الحساب لمنع الأخطاء الغير مقصودة.
من خلال طلب التأكيد من المستخدم عند القيام بشئ خطير مثل حذف بيانات او الحساب لمنع الأخطاء الغير مقصودة.
٦- التعريف بدلاً من التذكر (recognition rather than recall):
من خلال عدم الإعتماد على ذاكرة المستخدم في تذكر معلومات معينة وجعل المعلومات مرئية له مثل المعلومات المدخلة في استبانة سابقة.
من خلال عدم الإعتماد على ذاكرة المستخدم في تذكر معلومات معينة وجعل المعلومات مرئية له مثل المعلومات المدخلة في استبانة سابقة.
٧- مرونة وسهولة الإستخدام (flexibility and efficiency of use):
من خلال تسهيل العمليات المستخدمة بكثرة بتصميم اختصارات لها مثل عملية النسخ (Ctrl+c).
من خلال تسهيل العمليات المستخدمة بكثرة بتصميم اختصارات لها مثل عملية النسخ (Ctrl+c).
٨- التصميم الجمالي والبسيط (Aesthetic and minimalist design):
من خلال خلو الواجهة من المعلومات الغير مهمة وعناصر التصميم الغير مفيدة لانها تشغل حيزاً من غير فائدة.
من خلال خلو الواجهة من المعلومات الغير مهمة وعناصر التصميم الغير مفيدة لانها تشغل حيزاً من غير فائدة.
٩- مساعدة المستخدم على التعرف على الأخطاء والتعافي منها (help user recognize error and recover):
من خلال التعبير عن رسائل الخطأ بلغة واضحة (بدون رموز تقنية) وسبب حصول الخطأ وكيفية حل المشكلة.
من خلال التعبير عن رسائل الخطأ بلغة واضحة (بدون رموز تقنية) وسبب حصول الخطأ وكيفية حل المشكلة.
١٠- المساعدة والتوثيق (help and documentation):
من خلال وجود مصادر لتعلم النظام مثل الأسئلة الشائعة و documentation في حال حاجة المستخدم لمعلومات إضافية.
من خلال وجود مصادر لتعلم النظام مثل الأسئلة الشائعة و documentation في حال حاجة المستخدم لمعلومات إضافية.
في نهاية الثريد، لاتنسون المشاركة لإفادة الغير وشكراً💜
جاري تحميل الاقتراحات...