واحدة من أهم المهام على طبقك كمصمم ويب هي قابلية الاستخدام. يتم تعريف قابلية الاستخدام كمقياس لجودة تجربة المستخدم عند التفاعل مع موقع الويب الخاص بك. يجب أن يكون أي موقع ويب تصممه دائمًا سلسًا من وجهة نظر المستخدم. يجب أن يجدوا موقعك سهل التنقل دون الحاجة إلى الخضوع لأول مرة لتدريب خاص. تعتمد سهولة الاستخدام عادة على عدة عوامل مختلفة.
يريد الشخص الذي يبحث في موقعك سهولة تعلمه ليكون من أرفع المستويات. سوف يريدون أن يتعلموا بسرعة واجهة المستخدم حتى يتمكنوا من القفز مباشرة وتنفيذ المهام الأساسية الملاحية. تعد كفاءة الاستخدام عاملاً آخر: بعد أن تعلموا التنقل في موقعك ، سيريدون إنجاز المهام بسرعة. حتى إذا كان المستخدم قد استخدم الموقع من قبل ، فسوف يحتاج إلى تذكر ما يكفي من العملية بسهولة حتى يتمكن من استخدام الموقع بفعالية في المرة القادمة. وهذا ما يسمى التذكر. عندما يستخدمون موقعك ، قد يواجهون بعض الأخطاء ، لكن هل هذه الأخطاء متكررة أو شديدة؟ أخيرًا ، بعد الانتهاء من موقعك ، هل يكون رضا المستخدم الذاتي مرتفعًا أو منخفضًا؟ ينبغي أن يكونوا معجبين باستخدام موقعك.
بالطبع ، لا يمكنك إرضاء جميع زوار الموقع طوال الوقت ، ولكن بعض المعايير شائعة لضمان سهولة الاستخدام. ما هو مصممو الويب المتوسطين اللذان يعتبران من الأمور المسلم بها ، لا ينبغي عليك ذلك. في ما يلي ملخص لأخطاء الاستخدام الثلاثة الأولى التي يجب على مصممي الويب تجنبها بأي ثمن.
سيكون موقعك الإلكتروني ممتلئًا بالارتباطات التشعبية ، والتي من المفترض أن يتم النقر عليها بوضوح. لذا تأكد من أنها كبيرة بما يكفي للنقر عليها بسهولة. بكل بساطة. خلاف ذلك ، لن يتم تلقي الارتباطات التشعبية الخاصة بك بشكل جيد. لن تكون أية تحركات يدوية للمستخدم على الماوس دقيقة في البداية ، لذا لا تجعل المناطق القابلة للنقر صغيرة جدًا بحيث يتعين على المستخدم استخدام مزيج من الجودة والاستراتيجية فقط للحصول على لقطة عند النقر فوق الارتباطات التشعبية الصغيرة.
من ناحية أخرى ، تجعل منطقة أكبر وأكثر سهولة في النقر عليها أكثر ملاءمة لتحريك المؤشر فوق أي روابط. لجعل المساحة القابلة للنقر أكبر ، ما عليك سوى جعل الرابط بأكمله أكبر أو تحسين المساحة المحيطة للرابط. يمكنك القيام بذلك عن طريق استخدام خاصية padding CSS.
نلقي نظرة على هذه الغرامة مثال منطقة صغيرة قابلة للنقر بشكل فظيع. إنها من صفحة "Hacker News" في موقع يسمى Y Combinator ، والتي توفر التمويل الأولي للشركات الناشئة. لاحظ كيف أن التعليقات وروابط المستخدمين صغيرة جدًا إلى حد كبير. ستكون محظوظًا في النهاية للنجاح في النقر عليها بعد ممارسة عدة مرات.
ترقيم الصفحات كبير عند استخدامه للغرض الصحيح في تصميم الويب. عند استخدامها بشكل صحيح ، فإن ترقيم الصفحات هو ميزة مرحب بها لأنه يجعل تخطيط الموقع أكثر سهولة وأسهل في الاستيعاب. وهي تستخدم أساسًا لتقسيم المحتوى إلى صفحات متعددة ، وهي ميزة تظهر عادة على المواقع التي تعرض قوائم طويلة من العناصر.
ومع ذلك ، يمكن أيضًا استخدام ترقيم الصفحات ، مما يجعله عاملاً مساعداً في إزعاج الاستخدام. بعض المواقع مغرمة بإساءة استخدام ترقيم الصفحات لغرض تقسيم صفحات المحتوى الأساسية إلى عدة صفحات ، وهناك دافع خفي وراء ذلك أيضًا. على الأرجح أن المواقع التي تقوم بذلك تحاول زيادة مشاهدات الصفحة الخاصة بها ، ببساطة وبساطة. تحصد العديد من المجلات والمدونات عبر الإنترنت إيراداتها عن طريق الإعلان ، لذا فإن تلقي المزيد من مشاهدات الصفحة يزيد من إحصاءات العرض ويتيح لها تحصيل رسوم أكبر مقابل الإعلانات.
تفقد هذا إساءة من ترقيم الصفحات ، الذي يأتي إلينا من مجلة Wired. لاحظ كيفية تقسيم المقالة على شعار Google الملون إلى ثماني صفحات ، حيث كان من الممكن دمج الصفحات الثمانية بسهولة في صفحة ويب واحدة. وحتى ذلك الحين ، فإن المقالة الأطول لم تكن السبب في أن تصبح الصفحة أبطأ في التحميل والمعالجة. لاحظ أيضًا كيف أن التشديد عليه هو النقر عدة مرات فقط لإنهاء قراءة المقالة.
إضافةً إلى ذلك ، فإن إساءة استخدام ترقيم الصفحات يمكن أن تكون ضارة بالنسبة إلى تحسين محركات البحث ؛ إذا قمت بتقسيم المحتوى على موقعك إلى عدة صفحات ، فقم بتخفيف المحتوى الخاص بك. هذا له تأثير تقليل عدد الكلمات الرئيسية ذات الصلة حول الموضوع على كل صفحة ويب ، مما يعني أن كل صفحة أقل منطقية من تلقاء نفسها. نتيجة لذلك ، قد تفشل محركات البحث في تفسير كل صفحة بشكل صحيح ، مما يؤثر سلبًا على تصنيفات نتائج محرك البحث للمقالة.
عادةً ما يكون المحتوى الذي يصعب على مستخدمي الموقع مسحه هو المحتوى الذي يعاني من نسخة سيئة. النسخة هي المحتوى النصي الذي قمت بتوزيعه على موقعك ، وهو ضروري للغاية لجعل استخدام موقعك قابلاً للاستخدام بشكل ممتاز. حتى قبل أن تقلق بشأن نسخة جيدة ، يجب أن يكون لديك فهم شامل لسلوكيات عرض مستخدمي الموقع. لا يميل مستخدمو الموقع إلى قراءة جميع المعلومات على صفحة ويب من أعلى إلى أسفل ، كما قد تتوقع منهم.
في الواقع ، يستوعب مستخدمو الموقع المعلومات عن طريق القفز من جزء واحد من المحتوى إلى المحتوى التالي ، مسترشدين بشكل أساسي بما يظهر عليهم على صفحة الويب. يمكنك أن تشكر حقيقة أن الإنترنت تقصف الناس بمعلومات عن هذا السلوك المشاهد على الإنترنت. عيون المستخدمين في الأساس من قسم واحد مثير للاهتمام من أي صفحة ويب معينة إلى أخرى ، مما يعني أنك ، بصفتك مصمم الويب البارعة ، يجب أن تقوم ببناء صفحاتك بطريقة تلائم هذا السلوك المحموم.
أولاً ، تأكد من أن موقعك يحتوي على بضع نقاط تركيز واضحة. ستعمل هذه الأقسام كأقسام لصفحتك لجذب انتباه الزوار. يمكنك النجاح عن طريق تضمين خطوط أكبر بالإضافة إلى ألوان عالية التباين. لإضفاء مزيد من الجذب البصري ، يمكنك أيضًا تضمين صور مثل الرموز بجانب النص مباشرةً.
ثانيًا ، يجب أن تكون كل نقطة تركيز مميزة بشكل مثالي عنوانًا وصفيًا. دون الاستمرار في قراءة النسخة بشكل أكبر ، يجب على المستخدم أن يفهم على الفور ما سيغطيه هذا الجزء من المحتوى. لا تجعل العناوين الخاصة بك مشفرة أو غير واضحة من أجل جذب القراء. اجعل العناوين قصيرة على الرغم من الدقة.
وأخيرًا ، يجب أن يكون أي نص إضافي مقتضباً وسهل الامتصاص. عرض فقط الأساسيات واستبعاد أي شيء آخر. الكثير من الوقت ، النص الإضافي الذي يتضمنه مؤلفو النشرة لتوضيح نقطة تنقص بالفعل من قابلية قراءة النص المذكور. هناك ميل للكثير من الناس لقراءة مجرد مقتطفات صغيرة من النص مع تجنب فقرات أطول ، لذلك تقليم الدهون.
دعونا نلقي نظرة سريعة على صفحة ويب التي تنظم نسختها بشكل جيد. هذا هو التطبيق أشياء مثقف رمز للأجهزة ماك. ستلاحظ ، للوهلة الأولى ، أن نقاط التركيز ، التي تمثل لقطة الشاشة وعنوان "الأشياء" العملاقة ، واضحة للغاية. إن نسخة الميزات المختلفة للتطبيق ، والتي يمكنك رؤيتها أكثر من خلال التمرير لأسفل الصفحة ، هي أيضًا قصيرة جدًا إلى حدٍّ ما ، مع تناول فقرة قصيرة أو فقرة قصيرة فقط لتقديم وصف موجز لكل ميزة.
تنطوي إمكانية الاستخدام الجيد على العديد من العوامل المتميزة التي يمكن أن يكون من الصعب في بعض الأحيان تتبعها. تتمثل سهولة الاستخدام في كل ما يتعلق بالمستخدم النهائي وكيف يشعرون أثناء تصفحهم ومسحهم عبر موقعك. ضع نفسك في أحذيتهم أثناء تصميم موقعك. هل يمكنهم التجول في موقعك بسهولة؟ هل سيتذكرون بسهولة ما يجب فعله وأين يذهبون في المرة التالية التي يزورون فيها موقعك؟ هل سيستمتعون في النهاية بتجربة تصفح موقعك؟ يجب أن تكون كل هذه الأسئلة في مقدمة ووسط في ذهنك عندما تقوم بتصميم موقعك.
الاستخدام الجيد له فوائد عملية أيضًا. وكلما تمكن المستخدم من التنقل في موقعك بكفاءة ، زاد قدرته على العودة. كما سيخبرون أصدقاءهم ، أمهم ، زملائهم في العمل ... أنت تحصل على الصورة. سوف يأتون ويراجعون موقعك. ونتيجة لذلك ، ستحصل على المزيد من مشاهدات الصفحة ، والمزيد من القراء ، ونأمل أن يكون ذلك بمثابة تتابع مخلص. وهذا يعني أنه يمكنك تحقيق الدخل من موقعك والحصول على المزيد مقابل الإعلانات على الموقع. احرص على سهولة الاستخدام ، وستحصد المكافآت بعدة طرق.
ما أخطاء الاستخدام التي تضيفها؟ ما هو أسوأ ما يصنعه مصممو أخطاء الأخطاء عادة؟ دعنا نعرف أفكارك في التعليقات.