User Interface UI / Web Design واجهة المستخدم بمنظور اخر

ان الحقيقة الأساسية التي تكمن في نجاح أي موقع هي واجهة المستخدم او واجهة الاستخدام -User Interface -لذلك الموقع وهي النقطة التي يجب ان تخذ بعيين الاعتبار لدى أي مصمم ويب لان المستخدم لا يرى في هذا الموقع سوى واجهته ولكي تلقي الواجهة ناجحا وتصبح مرغوباً بها لأدى أي مستخدم

يجب ان تتوفر فيها بعض المميزات والخصائص يمكن تلخيصها بالنقاط التالية: –

1- الدلالة الواضحة Clear Indication : –

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

الدلالة-الواضحة

2- الهيكلية The structure principle: –

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

الهيكلية

3- اتباع قاعدة التباين Follow the contrast rule

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

اتباع-قاعدة-التباين

4- تجمع العناصر Intuitable Design

من المهم في تصميم الواجهة ان يتم تجمع العناصر التي ترتبط منطقيا مع بعضها البعض حتى يسهل الوصول اليها وذلك لتسهيل عملية وصول المستخدم اليها ففي اغلب الأحيان يتم عادة استخدام تلك العناصر مجتمعة مع بعضها لتنفيذ مهمة معينة

تجمع-العناصر

5 – قابلية التصميم للتخميين Intuitable Design:-

اذا كان المستخدم لا يعرف كيفية يستخدم الواجهة فان التصميم الجيد للواجهة يساعد المستخدم على التوقع او التخميين ما يجب علية فعلة لتنفيذه وهب النقطة التي تسقط لدى اغلب المصممين كا العلامة X معناها غلق نافذة او الغاء مهمة معينة وايكونات البحث المعروفة .

  • بعض النصائح التي يجب ان تؤخذ بعين
  • يجب على مصمم الواجهة وضع ما يلي في الحسبان حينما ينوي تصميم واجهة مستخدم
  • 1. دليل المستخدم غير متوفر للمستخدم
  • 2. في حالة توفر دليل المستخدم، فإن المستخدم لا يقرأه
  • 4. المستخدم لا يحب أن يقرأ

————————-
المصادر: الدكتور ايمن حماشة – تصميم واجهة الاستخدام

  • HTML-CSS Photoshop
  • Design ui user interface
  • Mohamed Hegazi

    موضوع جميل يساعد على كيفية البدء فى تصميم اى موقع