ملخص الفصل الثالث من الكتاب تحت عنوان:
تصميم صفحات للنظر سريعاً وليس للقراءة
Design pages for scanning , not reading
تصميم صفحات للنظر سريعاً وليس للقراءة
Design pages for scanning , not reading
هناك خمس أشياء مهمة يمكنك فعلها لتتأكد من رؤية وفهم المستخدم لموقعك :
1- إنشاء تسلسل هرمى بشكل مصور وواضح فى كل صفحة:قم بتوضيح عناصر الصفحة ، العلاقات بين عناصر الصفحة أيهما مرتبط ببعض وأيهما جزء من الآخر وذلك فى ثلاث أشكال:
- كلما زادت أهمية العنصر زاد بروزه فى الصفحة بتكبير الحجم , العرض , لون مميز أو يكون محاط بمساحات بيضاء.
- العناصر المرتبطة منطقياً مرتبطة مرئياً أيضاً بأن تضعهم فى مكان محدد أو بنفس التنسيق من ألوان ونوع خط .
- العناصر متداخلة مرئياً لتوضح الجزء من الكل مثلاً فى الصورة كتب الكمبيوتر هيا الكل وكل كتاب جزء من الكل فيتم توضيح ذلك بترتيب العناصر بالصفحة.
2- الإستفادة من العناوين الرئيسية الملخصة: توفر على المستخدم قراءة كثير من الجمل لوصف كيفية عمل جزء ما أو محتوياته .
3- قم بتقسيم الصفحة إلى مساحات محددة بوضوح : فهذا يساعد المستخدم أن يقرر سريعاً أى الأجزاء يركز عليها فى الصفحة وأى الأجزاء يتجاهلها .
4- تقليل الضوضاء : عند تصميم صفحة ويب افترض انه مليئة بالضوضاء حتى تثبت العكس ،فالضوضاء قد يكون فى عناصر الصفحة المتعددة التى تشتت انتباه المستخدم من صور كثيرة وروابط غير منظمة أو خليفة الموقع باحتوائها على صور متعددة أو كوكتيل من الألوان .
5- قم بتوضيح الأماكن القابلة للضغط
فالمستخدم فى بحث دائم عن الرابط التالى المطلوب الضغط عليه فلا تجعله يفكر أين هو؟ :"clickable"
1- إنشاء تسلسل هرمى بشكل مصور وواضح فى كل صفحة:قم بتوضيح عناصر الصفحة ، العلاقات بين عناصر الصفحة أيهما مرتبط ببعض وأيهما جزء من الآخر وذلك فى ثلاث أشكال:
- كلما زادت أهمية العنصر زاد بروزه فى الصفحة بتكبير الحجم , العرض , لون مميز أو يكون محاط بمساحات بيضاء.
- العناصر المرتبطة منطقياً مرتبطة مرئياً أيضاً بأن تضعهم فى مكان محدد أو بنفس التنسيق من ألوان ونوع خط .
- العناصر متداخلة مرئياً لتوضح الجزء من الكل مثلاً فى الصورة كتب الكمبيوتر هيا الكل وكل كتاب جزء من الكل فيتم توضيح ذلك بترتيب العناصر بالصفحة.
2- الإستفادة من العناوين الرئيسية الملخصة: توفر على المستخدم قراءة كثير من الجمل لوصف كيفية عمل جزء ما أو محتوياته .
3- قم بتقسيم الصفحة إلى مساحات محددة بوضوح : فهذا يساعد المستخدم أن يقرر سريعاً أى الأجزاء يركز عليها فى الصفحة وأى الأجزاء يتجاهلها .
4- تقليل الضوضاء : عند تصميم صفحة ويب افترض انه مليئة بالضوضاء حتى تثبت العكس ،فالضوضاء قد يكون فى عناصر الصفحة المتعددة التى تشتت انتباه المستخدم من صور كثيرة وروابط غير منظمة أو خليفة الموقع باحتوائها على صور متعددة أو كوكتيل من الألوان .
5- قم بتوضيح الأماكن القابلة للضغط
فالمستخدم فى بحث دائم عن الرابط التالى المطلوب الضغط عليه فلا تجعله يفكر أين هو؟ :"clickable"
Post a Comment
ايه رأيك؟