لتحميل دليل للتصميم البصري الجيد للمواقع الإلكترونية
انقر هنا
دليل للتصميم البصري الجيد للمواقع الإلكترونية
يساهم التصميم الجيد للموقع الالكتروني في إيصال رسالة الموقع وأداء وظيفته بكفاءة من خلال بناء الثقة مع مستخدمي الموقع واشراكهم وتوجيههم لتنفيذ الإجراءات المطلوبة بفعالية أكبر.
ولتصميم موقع الكتروني جيد، يجب إيجاد التوازن بين المظهر العام (الشكل والجماليات) ومدى سهولة الاستخدام (الوظيفة). ولإيجاد هذا التوازن هناك العديد من المبادئ الرئيسية التي يجب اتباعها، ويمكن تلخيص اهم النصائح في هذا الدليل الارشادي:
1. الحفاظ على البساطة:
بساطة التصميم تساهم في تحسين التصفح وتساعد المستخدم على التنقل من صفحة إلى أخرى بسلاسة. وعلى العكس فكثرة العناصر في الصفحة الواحدة تؤدي إلى تشتيت انتباه الزائرين عن الهدف الرئيسي للصفحة
لذلك:
اجعل تصميمك بسيطًا قدر الإمكان.
استخدم الحد الأدنى من العناصر في تصميم الصفحات.
اجعل التركيز على عنصر او اثنين فقط في كل مساحة تظهر في مجال رؤية المستخدم.
2.الاهتمام بثبات التصميم :
ثبات تصميم العناصر وتوزيعها في كل صفحات الموقع الالكتروني بشكل متماثل يساهم في سهولة وسرعة إيجاد المطلوب
لذلك:
احرص على ان تكون الخطوط والأحجام والعناوين والعناوين الفرعية وأنماط الأزرار متماثلة في جميع صفحات الموقع.
اجعل طريقة توزيع العناصر متطابقة في جميع الصفحات.
التزم بالقوالب المعتمدة لتصميم موقع الجامعة.
3.عرض النصوص بشكل يساهم في زيادة قابلية قراءتها وفهمها :
من المهم ان يجمع تصميم صفحات الموقع بين الجاذبية البصرية وسهولة وقابلية القراءة.
لذلك:
اهتم باستخدام الخطوط سهلة القراءة على الشاشة (Arial, Helvetica على سبيل المثال)
احرص على ان يكون حجم الخطوط مناسب
استخدم تباين ألوان مناسب للقراءة
اهتم بتقسيم النصوص الى عناوين رئيسية وعناوين جانبية واستخدم التعداد النقطي قدر الإمكان
تأكد من استخدام كلمات ومصطلحات سهلة وواضحة
قم بصياغة العناوين والعناوين الفرعية بشكل مختصر ويعبر عن المحتوى بوضوح
قم بتقسيم الفقرات الطويلة وكقاعدة عامة، يجب ان لا يتجاوز طول الفقرة الواحدة أكثر من 3 الى 4 أسطر
4.الاستخدام المناسب للصور والألوان:
تعدد الألوان والتباينات واستخدام الصور بشكل مبالغ فيه وبدون هدف واضح قد يؤدي الى احداث فوضى بصرية وتشتيت انتباه مستخدمي الموقع.
لذلك:
تجنب استخدام الكثير من الألوان او تبايناتها، وكقاعدة عامة استخدام 3 أو 4 ألوان او درجات لونية لكامل الموقع يكفي لإعطاء تصميم جذاب وواضح.
يجب ان يكون استخدام الصور والرسومات لهدف واضح وبدون مبالغة
لا تستخدم صورًا تحوي تدرجات او تباينات لونية متعددة.
5.مراعاة سرعة تحميل العناصر في الموقع :
من المهم الاهتمام بسرعة تحميل صفحات الموقع او العناصر القابلة للتحميل من خلال روابط، لأن استغراق الموقع وقتًا طويلاً للتحميل من أهم أسباب العزوف عن استخدامه.
لذلك:
لا تكثر من استخدام الصور والرسوم او العناصر الأخرى في الصفحة الواحدة.
اهتم بتحسين أحجام الصور والعناصر التي ستظهر في صفحات الموقع.
قم بتقسيم الملفات الصوتية وملفات الفيديو الى مقاطع قصيرة ما أمكن ذلك.
احرص على ان يكون حجم الملفات التي تحتاج الى تحميل معقولا.
6.سهولة التصفح :
يجب ان يساهم تصميم صفحات الموقع في تسهيل تصفح المستخدم وقدرته على الوصول للمعلومات او الخدمات التي يحتاجها.
لذلك:
احرص على إنشاء تسلسل هرمي منطقي وواضح لجميع الصفحات.
استخدم قائمة ثانوية داخل صفحات الموقع لتمكن الزائر من معرفة مكان أو مسار الصفحة التي يتواجد بها.
احرص على وضوح وتمييز الأزرار والنصوص القابلة للنقر.
اعلم بأن التصفح يعتمد دائماً على المسح البصري لما يظهر في الصفحة عند فتحها مباشرة قبل استخدام شريط التمرير لمشاهدة بقية الصفحة، لذلك من المهم جدًا اظهار المعلومات والخدمات الأساسية في هذه المساحة.
طبق قاعدة "النقرات الثلاث" بحيث يمكن للمستخدمين الحصول على المعلومات او الخدمات المطلوبة من خلال ثلاث نقرات فقط ابتداء من الصفحة الرئيسية لموقع الجهة.
قم بتنظيم المعلومات بشكل يسهّل الوصول لها وفهمهاعن طريق استخدام تنسيقات النصوص المناسبة والتعدادات النقطية وتقسيم النصوص وتلخيصها.
7.حسن إستخدام المساحة المتاحة:
مع محدودية المساحة المتاحة يجب استخدامها بأفضل طريقة ممكنه من خلال تصميم الصفحات بشكل جيد.
لذلك:
استخدم المساحات البيضاء لتوزيع العناصر في الصفحة بشكل يسهل رؤيتها.
حدد أولويات المحتوى واستخدم المساحة المتاحة لجذب المستخدمين نحو الأهم فالمهم.
استخدم عناوين وصفية واضحة
قلل عدد العناصر في القوائم ما أمكن ذلك.
عند الحاجة لاستخدام النماذج حدد المطلوب من كل حقل بشكل واضح.
التزم بهدف واحد لكل صفحة
عند استخدام القوائم في المحتوى اعلم بأن العناصر الأولى والأخيرة في القائمة هي الأكثر لفتا لانتباه المستخدم بينما تكون العناصر الموجودة في المنتصف هي الأقل وضوحًا، لذلك اهتم بتوزيع العناصر في القوائم حسب الاهمية.