نمط المقال الثاني: صورة كبيرة أعلى + صور صغيرة

هذا النمط من المقالات مناسب لعرض بعض الصور الرئيسية.

يشمل تصميم واجهة المستخدم مراحل وعمليات تصميم مختلفة. وتختلف أهمية هذه المراحل أو العمليات بحسب المشروع. لاحظ أن المقصود بـ النظام هنا جميع المشاريع بما في ذلك تصميم صفحات الويب والتطبيقات والأجهزة.

جمع المتطلبات الوظيفية:حدّد الوظائف وفقاً للأهداف التي يريد النظام تحقيقها والاحتياجات المحتملة للمستخدمين.

تحليل المستخدمين:يتم تحليل هؤلاء المستخدمين عبر مناقشتهم أو مناقشة من يتعامل معهم.

تشمل الأسئلة العامة:

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

بناء المعلومات:بناء برنامج النظام أو مسار المعلومات (فمثلاً في نظام شجرة الهاتف يكون مخططاً شجرياً للخيارات، أما في موقع الويب فيكون خريطة تنقّل تُظهر التسلسل الهرمي للصفحات).

النموذج الأولي (Prototyping):إنشاء مخططات أولية للنظام (wireframes) عبر نموذج ورقي أو شاشات تفاعلية بسيطة. لا تحتوي هذه النماذج على أي عناصر جمالية أو محتوى فعلي، بل تقتصر على التفاعل نفسه.

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

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

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

تتطلب هذه المرحلة عادةً تعاون مصمم الرسوم ومصمم الواجهات، أو خبير يُتقن المجالين معاً.

باختصار، يتطلب تصميم واجهة المستخدم أن يكون المصمم على دراية تامة باحتياجات المستخدمين.