يركز تصميم واجهة المستخدم على توقع ما قد يحتاج المستخدمون إلى القيام به والتأكد من أن الواجهة يوجد بها عناصر يسهل الوصول إليها و فهمها و إستخدامها لتسهيل أدائها. تجمع واجهة المستخدم بين التصميم التفاعلي والتصميم المرئي وهندسة المعلومات.
اختيار عناصر واجهة
أصبح المستخدمون على دراية بعناصر الواجهة التي تعمل بطريقة معينة، لذا حاول أن تكون متسقًا ويمكن التنبؤ في اختياراتك والتخطيط لها. القيام بذلك سيساعد في إنجاز المهمة والكفاءة والرضا.
تشملعناصرالواجهة
- عناصرالتحكمفيالإدخال: الأزرار، حقول النصوص، مربعات الإختيار، أزرار الإختيار، القوائم المنسدلة، القوائم، المفاتيح، حقل التاريخ.
- مكوناتالإنتقال : الانتقال التفصيلي، شريط التمرير، حقل البحث، ترقيم الصفحات، شريط التمرير، الوسم، الرموز
- المكوناتالمعلوماتية: تلميحات الأدوات، الرموز، شريط التقدم، الإخطارات، صندوق الرسائل، نوافذ الشروط
- الحاويات: قوائم قابلة للطي
هناك أوقات قد تكون فيها العناصر المتعددة مناسبة لعرض المحتوى. عندما يحدث هذا، من المهم مراعاة المفاضلات. على سبيل المثال ، في بعض الأحيان ، العناصر التي يمكن أن تساعد في توفير المساحة ، تضع عبئًا أكبر على المستخدم عقلياً عن طريق إجباره على تخمين ما هو موجود داخل القائمة المنسدلة أو ما قد يكون هذا العنصر.
أفضلالممارساتلتصميمواجهة
معرفه كل ما يتعلق بالمستخدم، بما في ذلك فهم أهدافهم ومهاراتهم وتفضيلاتهم وإتجاهاتهم. بمجرد معرفة المستخدم الخاص بك، تأكد من مراعاة ما يلي عند تصميم الواجهة الخاصة بك:
- الحفاظعلىواجهةبسيطة: أفضل الواجهات تكون غير مرئية تقريبًا للمستخدم، فهم يتجنبون العناصر غير الضرورية و يهتمون بوضوح اللغة التي يستخدمونها في التسميات والمراسلة.
- خلقالاتساقواستخدامعناصرواجهةالمستخدمالمشتركة: باستخدام عناصر مشتركة في واجهة المستخدم الخاصة بك يشعر المستخدمون بمزيد من الراحة ويمكنهم إنجاز الأمور بسرعة أكبر. من المهم أيضًا إنشاء أنماط في اللغة والتخطيط والتصميم في جميع أنحاء الموقع للمساعدة في تسهيل الكفاءة. بمجرد أن يتعلم المستخدم كيفية القيام بشيء ما، يجب أن يكون قادرًا على نقل هذه المهارة إلى أجزاء أخرى من الموقع.
- أنتكونهادففيتخطيطالصفحة: النظر في العلاقات المكانية بين العناصر على الصفحة وهيكل الصفحة على أساس الأهمية، يمكن أن يساعد وضع البنود بعناية في لفت الانتباه إلى أهم أجزاء المعلومات ويمكن أن يساعد في المسح والقراءة.
- إستراتيجيةاستخداماللونوالملمس: يمكنك توجيه الانتباه نحو العناصر أو توجيه بعيدًا عن العناصر باستخدام اللون والضوء والتباين والملمس.
- استخدمأسلوبالخطلإنشاءالتسلسلالهرميالواضح: النظر بعناية في استخدام الخطوط، الاحجام المختلفة والنوع والترتيب المختلف للنص للمساعدة في زيادة الوضوح و سهله القراءة
- تأكدمنأنالنظامينقلمايحدث: قم دائمًا بإبلاغ مستخدمي الموقع بالإجراءات أو التغييرات أو الأخطاء، إستخدام عناصر واجهة المستخدم المختلفة للتواصل مع الحالات إذا لزم الأمر.
- فكرفيالإعداداتالإفتراضية: من خلال التفكير في الأهداف التي تجلب الأشخاص إلى موقعك وتوقعها بعناية، يمكنك إنشاء إعدادات إفتراضية تقلل من العبء على المستخدم، يصبح هذا مهمًا بشكل خاص عندما يتعلق الأمر بالتصميم حيث تتاح لك فرصة إختيار بعض الحقول أو تعبئتها مسبقًا.
المراجع:
- source: https://www.usability.gov/what-and-why/user-interface-design.html
- (Jesse James Garrett’s The Elements of User Experience: User-Centered Design for the Web and Beyond (2nd Edition
- Peter Morville and Louis Rosenfeld’s Information Architecture for the World Wide Web: Designing Large-Scale Web Sites
التعليقات (0)
لايوجد لديك حساب في عالم البرمجة؟
تحب تنضم لعالم البرمجة؟ وتنشئ عالمك الخاص، تنشر المقالات، الدورات، تشارك المبرمجين وتساعد الآخرين، اشترك الآن بخطوات يسيرة !