بعض النصائح لجعل موقعك سهل الاستخدام
كتبت بتاريخ مايو 8, 2008 بواسطة arablibrarians
بعض النصائح لجعل موقعك سهل الاستخدام
المصدر/شبكة المصممين العرب
تصميم المواقع موضوع يهم الكثير منا هنا. خاصه مع هذه الثوره التكنولوجيه التي نشهدها وتطورها السريع. مصمم المواقع يجب ان يتمتع بإمكانيات عديده في التصميم والبرمجة, ونجدها بمستوى مرضي في عالمنا العربي, ولكن افتقد توفر قابلية الاستخدام Web Usability والاهنمام بها لدينا ,فلا اجد الكثير من المواقع التي تهتم من هذه الناحية.
من الممكن تعريف Web Usability او قابلية الاستخدام بانها تعبير يشير الى وضوح وأناقة واجهة الموقع مما يجعلها واجه صديقه للمستخدم, وتسهل تفاعل المستخدم مع هذه الواجهه بأبسط صوره ممكنه.
إن المستخدم لا يهتم بكيف قمت ببرمجة الموقع أو بأي لغه , كل ما يهمه هو أن يرى واجهه سهله مريحه يستطيع من خلالها البحث أو القراءة أو تنفيذ أي تطبيق بكل سهوله وبدون أن يبذل اي جهد أو يضيع وقت في التفكير في كيفيه القيام بأي عملية يحتاجها. فالمستخدم لا يرى الموقع كما تراه أنت (المصمم) فقد تتفاجأ عندما ترى أحد المستخدمين يتصفح موقعك,.إذاً يجب عليك انت كمصمم ان تفهم كيف يرى المصمم موقعك وكيف يستخدمه.
من خلال هذه المقاله المجزئة سأتطرق بحول الله بإختصار إلى أهم النقاط التي يجب مراعاتها عند تصميم موقعك ليتمتع بسهوله الأستخدام وقابليته. اعتمدت بذلك الى مقالات وبعض الكتب أهما كتاب Don’t Make Me Think للكاتب Steve Krug
بسم الله نبدأ….
1. لا تجعل المستخدم يفكر
حاول أن تكون كل عناصر موقعك تشرح نفسها , بوضوحها وسهولتها.
مثلا أن تجعل الأزرار الممكن النقر عليها مصممة بشكل واضح فبمجرد أن يراها المستخدم يعرف أنه من الممكن أن ينقرها , فلا يسأل نفسه ” هل هذه الكلمة أو هذه الصورة قابلة للنقر أو لا “. يجب أيضاً أن تختار الكلمات على الازرار, او على الوصلات ببساطه بحيث يستوعبها المستخدم مهما كان مستواه , وستسهل ايضاً وصول المستخدم لمبتغاه. يجب عليك أن تقلص عدد الأسئله التي من الممكن أن يسألها المستخدم نفسه عندما يستخدم موقعك.
مثال آخر: أغلب البحث في مواقع الكتب تمكنك من الاختيار بين البحث على اساس اسم الكاتب, اسم الكتاب, او كلمة مفتاح. فكر مرة اخرى , ما حاجه المستخدم للاختيار بين اسم الكاتب او الكتاب او غيره. فليقم المستخدم بإدخال ما يريد البحث عنه سواء كان اسم الكتاب غيره, بدون أن بختار التصنيف. لانه لا يهتم كيف يقوم محرك بحث موقعك بالبحث, وليس من الضروري ازعاجه بذلك.
مثلا أن تجعل الأزرار الممكن النقر عليها مصممة بشكل واضح فبمجرد أن يراها المستخدم يعرف أنه من الممكن أن ينقرها , فلا يسأل نفسه ” هل هذه الكلمة أو هذه الصورة قابلة للنقر أو لا “. يجب أيضاً أن تختار الكلمات على الازرار, او على الوصلات ببساطه بحيث يستوعبها المستخدم مهما كان مستواه , وستسهل ايضاً وصول المستخدم لمبتغاه. يجب عليك أن تقلص عدد الأسئله التي من الممكن أن يسألها المستخدم نفسه عندما يستخدم موقعك.
مثال آخر: أغلب البحث في مواقع الكتب تمكنك من الاختيار بين البحث على اساس اسم الكاتب, اسم الكتاب, او كلمة مفتاح. فكر مرة اخرى , ما حاجه المستخدم للاختيار بين اسم الكاتب او الكتاب او غيره. فليقم المستخدم بإدخال ما يريد البحث عنه سواء كان اسم الكتاب غيره, بدون أن بختار التصنيف. لانه لا يهتم كيف يقوم محرك بحث موقعك بالبحث, وليس من الضروري ازعاجه بذلك.
2.المستخدم لا يرى الموقع كما تراه انت.
المصمم لا يقرأ صفحة موقعك سطراً سطراً, ولا يطلع على كل قسم من أقسام صفحتك. وإنما يقوم بمسحها بعينه بحثاً عن ما يهمه, بالضبط كما تفعل انت عند تصفحك صحيفة او مجلة ما. فإنك لا تقرأها كلها, بل تمسح بعينك وعندما ترى كلمه تهمك أو صورة تبدأ بقراءة الموضوع. وهذه الطريقة في الأغلب لها أسباب منها : أن المستخدم دائماً في عجل من أمره , والسبب الاخر, أننا نمارس مسح الصفحات منذ زمن في الصحف والمجلات والدراسه ونؤمن بفعاليتها.إذا يجب ان تراعي ذلك في تصميمك.
المصمم يظن أن المستخدم سيقارن كل الخيارات التي لديه في الصفحة ويختار أفضلها وينقر, وفي الحقيقة هي أن المستخدم يختار أول خيار منطقي ويختاره, وهذا بسبب أنه لا يوجد اي نوع من المخطاره, فبمجرد أن يرى الصفحه لا تناسبه بسهوله يضغط على زر رجوع (وهذه اكثر الخصائص المستخدمه في الانترنت)بجانب أن التخمين ممتع أكثر عند المستخدم . هذا لا ينفي ان بعض المستخدمين لا يقومون بمقارنه اختياراتهم قبل ان بضغط عليها.
المستخدم لا يهتم بكيفيه عمل الأشياء, فالقليل من المستخدمين من يقوم بقراءة التعليمات , فهو بفوضويه يضغط ويكتب, فإذا نجح وحقق مبتغاه بهذه الطريقة فهو يلتصق بها, ولا يحاول ان يبحث إلى بديل.على سبيل المثال: الكثير من المستخدمين يقومون بكتابة اسم الموقع كاملاً في محركات البحث مثل الياهو أو جوجل وعن طريقها يدخل إلى الموقع. في كل مره يكرر هذه العملية, أحياناً عدة مرات في نفس اليوم. ليس بسبب قلة الذكاء ببساطة لان المستخدم لا يهتم طالما أنه يصل إلى مبتغاه.وهذا ليس فقط للمبتدئين بل حتى المتمكنين منهم .
المصمم يظن أن المستخدم سيقارن كل الخيارات التي لديه في الصفحة ويختار أفضلها وينقر, وفي الحقيقة هي أن المستخدم يختار أول خيار منطقي ويختاره, وهذا بسبب أنه لا يوجد اي نوع من المخطاره, فبمجرد أن يرى الصفحه لا تناسبه بسهوله يضغط على زر رجوع (وهذه اكثر الخصائص المستخدمه في الانترنت)بجانب أن التخمين ممتع أكثر عند المستخدم . هذا لا ينفي ان بعض المستخدمين لا يقومون بمقارنه اختياراتهم قبل ان بضغط عليها.
المستخدم لا يهتم بكيفيه عمل الأشياء, فالقليل من المستخدمين من يقوم بقراءة التعليمات , فهو بفوضويه يضغط ويكتب, فإذا نجح وحقق مبتغاه بهذه الطريقة فهو يلتصق بها, ولا يحاول ان يبحث إلى بديل.على سبيل المثال: الكثير من المستخدمين يقومون بكتابة اسم الموقع كاملاً في محركات البحث مثل الياهو أو جوجل وعن طريقها يدخل إلى الموقع. في كل مره يكرر هذه العملية, أحياناً عدة مرات في نفس اليوم. ليس بسبب قلة الذكاء ببساطة لان المستخدم لا يهتم طالما أنه يصل إلى مبتغاه.وهذا ليس فقط للمبتدئين بل حتى المتمكنين منهم .
3. صمم لوحة واضحة لموقعك.
اصنع هيكل واضح لكل صفحة في موقعك, تأكد من وضوح ظهور كل محتويات الصفحة والعلاقة بين هذه المحتويات.كلما كان شئ ما مهماً اجعله بارزاً أكثر. بجانب أن المستخدم أعتاد أن يرى ذلك في هياكل الصحف اليومية, فالموضوع الاهم يكون بخط اعرض او بحتل مساحة اكبر.أما عندما تكون كل محتويات صفحتك متساوية البروز والوضوح, فإنك تأخر عملية مسح المستخدم للصفحة. أنت المصمم تعرف أكثر من أي شخص آخر ماهو الاهم في موقعك أو الجزء الاكثر زيارة ..الخ إذا لما لا تسهل على المستخدم وتوضح له ذلك.
اللأشياء المرتبطة منطقياً يجب ان تكون مرتبطة بصرياً.
اللأشياء المرتبطة منطقياً يجب ان تكون مرتبطة بصرياً.
4. أتبع القوالب المعتاد عليها في تصاميم المواقع.
· وذلك لأننا المستخدمين اعتدنا عليها, وبذلك يسهل علينا البحث ومسح الصفحة. فنحن نعلم أن الخط الكبير يعني عنوان ويختصر ما يكتب تحته. ونعلم ام ما يكتب تحت الصورة هو تعليق عن ما يكون فيها, وأحياناً يكون اسم مصور الصورة.
ومن ناحية اخرى فإن عالم الأنترنت مليء بالقوالب, وتظهر قوالب جديدة باستمرار وتندرج ويتعارف عليها عدد كافي من الناس حتى تصبح من القوالب التقليدية والتي لا تحتاج إلى توضيح لفهمها. ولكن ذلك يأخذ مدة من الزمن حتى يصل إلى ذلك.
· قسم صفحتك إلى اقسام واضحة, فكلما كانت الأقسام واضحة كلما أسرع المستخدم في اختيار القسم الذي يهمه ويتجاهل ما يريده بأمان.
· أجعل ما يمكن نقرة مصمم بشكل يوحي بذلك (كما ذكرت مسبقاً). خذ بالاعتبار ايضاً أن الوصلات الزرقاء هي وصلات لم يزرها المستخدم بعد والحمراء او البنفسجية هي الوصلات التي زارها المستخدم. هذا في الأغلب ولكن أرى الآن أن اغلب الزوار اعتادو على بعض الألوان الأخرى.
تجنب كثرة الألوان, حتى يميز المستخدم بسهوله بين الوصلات والكتابة العادية.
· تجنب الأزعاج في الصفحة, أي الألوان الصاخبة, الأعلانات المتحركة, الدعوات وعلامات التعجب.
أيضاً بعض الخلفيات مزعجة بالرسومات والخطوط العريضة الخ, هناك من اعتاد عليها ولكن الأغلب
لم يعتاد بعد.إذاً فمن الافضل تجنب كل ماهو مزعج حتى يثبت العكس.
ومن ناحية اخرى فإن عالم الأنترنت مليء بالقوالب, وتظهر قوالب جديدة باستمرار وتندرج ويتعارف عليها عدد كافي من الناس حتى تصبح من القوالب التقليدية والتي لا تحتاج إلى توضيح لفهمها. ولكن ذلك يأخذ مدة من الزمن حتى يصل إلى ذلك.
· قسم صفحتك إلى اقسام واضحة, فكلما كانت الأقسام واضحة كلما أسرع المستخدم في اختيار القسم الذي يهمه ويتجاهل ما يريده بأمان.
· أجعل ما يمكن نقرة مصمم بشكل يوحي بذلك (كما ذكرت مسبقاً). خذ بالاعتبار ايضاً أن الوصلات الزرقاء هي وصلات لم يزرها المستخدم بعد والحمراء او البنفسجية هي الوصلات التي زارها المستخدم. هذا في الأغلب ولكن أرى الآن أن اغلب الزوار اعتادو على بعض الألوان الأخرى.
تجنب كثرة الألوان, حتى يميز المستخدم بسهوله بين الوصلات والكتابة العادية.
· تجنب الأزعاج في الصفحة, أي الألوان الصاخبة, الأعلانات المتحركة, الدعوات وعلامات التعجب.
أيضاً بعض الخلفيات مزعجة بالرسومات والخطوط العريضة الخ, هناك من اعتاد عليها ولكن الأغلب
لم يعتاد بعد.إذاً فمن الافضل تجنب كل ماهو مزعج حتى يثبت العكس.
نصائح مفيدة
لكن هل هي نفسها في حالة المدونات