الاثنين، 26 أبريل 2004

تفاصيل صغيرة في التصميم لا ننتبه لها

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

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

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

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

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

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

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