بسم الله الرحمن الرحيم والسلام عليكم ورحمة الله وبركاته

استكمالا للسلسلة المرتبة عشوائياً:

• usability:استخدام الألوان في تصميم المواقع
• Usability: الصفحة الرئيسية – home page

—

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

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

القوائم

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

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

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

المزيد