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

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

وبالتالي، لا يجب على زائر الموقع أن يسأل نفسه:

قد تكون أول 5 الى 10 ثواني تظهر الصفحة فيها لأي مستخدم هي اللحظات المصيرية التي تحدد احتمالية أن يكون هذا المستخدم هو استهدافك الفعلي.

سهولة التنقل بين الصفحات، أو ما يسمى بالملاحة navigation 

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

ابتكار تصميم جديد وفريد ميزة جميلة ولكن قد يكون لها تأثير سلبي على زوار الموقع ان أثرت على سهولة الوصول الى ما يريدون. 

اعتمد القواعد الأساسية وتريث قبل تعديلها لأي سبب.  

1. شعار الموقع – أعلى اليسار 
2. طريق العودة إلى الصفحة الرئيسية 
3. طريقة للبحث (أعلى اليمين) 
4. الأقسام 
5. الروابط الأساسية (عربة التسوق، خريطة الموقع، المساعدة إلخ) 

 قد تعتقد انه من الجذاب أن تغير في مسميات الصفحة القياسية في موقعك مثل تغيير مسمى صفحة اتصل بنا Contact us  وهذا خطير للغاية لأنها هم صفحة أو جزء تحرض غالبا أن يصل اليه زوارك بسرعة وتغيير الاسم قد يحبط ذلك، فانتبه! 

يجب أن يكون لكل صفحة اسم صفحة. يجب أن يكون اسم الصفحة في المكان الصحيح: تأطير المحتوى الفريد لهذه الصفحة. يجب أن تكون بارزة (يجب أن تقول، “هذا هو عنوان الصفحة بأكملها”). الأهم من ذلك، يجب أن يتطابق الاسم مع ما نقرت عليه. إذا نقرت على رابط يقول “البطاطا المهروسة الساخنة” فيجب أن يأخذني الموقع إلى صفحة تسمى “البطاطا المهروسة الساخنة”. 

  

عرض مؤشر “أنت هنا” “You are here“. أي إبراز موقعي الحالي في أي أشرطة تنقل أو قوائم أو قوائم تظهر على الصفحة.

تسلسل الصفحات Breadcrumbs 

من المهم جدا أن يجدد الزائر مكانه في موقعك بمعنى أن يكون واضح ما هي الصفحة التي تندرج منها الصفحة الحالية وماهي الصفحة الأعلى منها، فهذا يسهل على الزائر التنقل سريعا بينها بدون البحث أو الانتقال بين القوائم. 

 مثال 

الرئيسية / السيارات الجديدة / تويوتا / كورولا / 2021

استخدم كلمة “أنت هنا” لتوضيح التسلسل أو قم بتغيير لو او تمييز العنصر الأخير. 

 استخدام التبويبات Tabs. وتتلخص الأسباب فيما يلي: 

1.  إنها بديهية. الجميع يعرف كيف يتنقل بينها. 
2.  من الأفضل تقسيم المحتوى الطويل الى اقسام ذات صلة حتى يسهل التنقل بينهم أو الوصول الى القسم المطلوب. 
3. جرّب ترميز التبويبات بالألوان أو ايقونات ذات صلة. 

تصميم الصفحة الرئيسية 

 يقع على عاتق الصحة الرئيسية نقل الهدف الأساسي من الموقع، فالمهمة الأكثر أهمية للصفحة الرئيسية هي نقل الصورة الكبيرة. ويتعين على الصفحة الرئيسية في أسرع وقت ممكن أن تجيب على هذه الأسئلة الأربعة:  

• ما هذا؟ 
• ماذا لديهم هنا؟ 
• ماذا يمكنني أن أفعل هنا؟ 
• لماذا يجب أن أكون هنا وليس في مكان آخر؟ 
• من أين أبدأ؟ 

 ارجوك ركز على تزويد الزائر بإجابة واضحة جدا على هذه الأسئلة، بدلا من محاولة إثارة إعجابه بتصاميم ليس لها علاقة. 

لا تتعذر بأن أي شخص يحتاج حقا موقعك سوف يعرف ما هو عليه، فلقد اتفقنا ان لا تجعله يفكر! 

فمهمتك الأساسية أن لا تجعله زائراً لمرة واحده فقط ، حتى لا تجعل نفسك تفكر كيف تنفق على الإعلانات التي ستجعله يزورك مرة أخرى. 

اختبار قابلية الاستخدام 

85% من الأخطاء المحتملة الحدوث يمكن تجنبها إذا قمنا باختبار النظام مع 3 الى 5 مستخدمين محتملين. من المرجح جدا أن يواجه المستخدمون الثلاثة الأوائل جميع أهم المشاكل تقريباً. 

 

اجعل الاختبارtesting رفيقك في دورة حياة المشروع وركز عليه في كل مرحلة من مراحل التطوير. 

النوايا الحسنة Goodwill 

 حتى تبني علاقة ثقة بينك وبين زوار موقعك الذين سيصبحون عملائك يجب أن تبدي حسن نواياك. 

الأشياء التي تقلل من حسن النية: 

1. إخفاء المعلومات التي أريدها حقاً (رقم هاتف دعم العملاء، وأسعار الشحن، والأسعار). 
2.  معاقبتي لعدم قيامي بالأمور بطريقتك (على سبيل المثال المساحات في رقم بطاقتي الائتمانية). 
3.  تسألني عن معلومات لا تحتاجها حقاً. 
4.  إن وضع ضجة في طريقي (مقدمة فلاش طويلة). 

الأشياء التي تزيد من حسن النية: 

  تعرف الأشياء الرئيسية التي يريد الناس القيام بها على موقعك و اجعلها سهلة. 

1.  أخبرني ما أريد معرفته. 
2.  أنقذني كلما أمكنك ذلك. 
3.  أعرف ما الأسئلة أنا على الأرجح أن يكون، والإجابة عليها. 
4.  اجعل كل شيء مريح مثل الصفحات الصديقة للطباعة. 
5.  جعل من السهل الرجوع عن الأخطاء. 

 إمكانية الوصول إلى الخدمات وخدمات الدعم الفني 

1.   إضافة عنوان نص مناسب لكل صورة ALT. 
2. استخدام التسميات الصحيحة للحقول ‘label‘ في عناصر HTML 
3. أنشئ وصلة ‘تخطي المحتوى الرئيسي’ ‘skip في بداية كل صفحة. 
4. جعل جميع المحتوى في متناول اليد بواسطة لوحة المفاتيح. 
5. لا تستخدم جافاسكريبت JavaScript بدون سبب وجيه. 

المرجع

https://blog.binary.com/dont-make-me-think-book-summary/ 

 الكتاب

http://topuxd.com/wp-content/uploads/2016/07/dont-make-me-think-a-common-sense-approach-to-web-usability-2nd-ed-2005.pdf