أنماط التنقل الأساسية في عام 2016
تؤدي قائمة التنقل الخاصة بك إلى كسر أوكسر موقع الويب الخاص بك ، وهو ما يجب أن تصممه في المقام الأول في جميع الأوقات. لا توجد خدمة أفضل يمكنك تقديمها لعملائك كمصمم من أن تضمن أن المواقع التي تبنيها لهم تتميز بتجربة مستخدم مذهلة وعملية للغاية.
تضمن أداة UX الرائعة حصول مواقع عملائك على المزيد من العملاء المحتملين والزائرين والقراء ، ناهيك عن الاحتفاظ بالزوار العاديين. هذا هو الجزء الأكثر أهمية في إنشاء موقع ، ويمكنك التحكم فيه بشكل كبير استنادًا إلى كيفية تصميم قائمة التنقل في موقعك.
لسوء الحظ ، لا يضع جميع المصممين أولوية عالية في تصميم الملاحة الممتازة ، الأمر الذي يلحق الضرر بالزبائن والزائرين.
من أجل خلق سمعة موثوق بها كمصمم - ولكي تكون مصممًا حسب الطلب - عليك إتقان واحد من أكثر الجوانب الأساسية في تصميم الويب. هذا هو خلق ملاحة ممتازة لمواقع عملائك.
إليك الطريقة.
الملاحة لزجة
الملاحة لزجة يعد مكونًا أساسيًا للملاحة لأنه يمنح المستخدمين إمكانية الوصول على الفور إلى القائمة والعثور بسهولة على ما يريدونه على موقعك. يظل التنقل الملصوق مقفلاً بينما يقوم المستخدمون بالتمرير إلى أسفل الصفحة. لا يوجد شيء أكثر إحباطًا - خاصة في حالة صفحات التمرير الطويلة - من أن تضطر إلى التمرير على طول الطريق مرة أخرى للانتقال إلى صفحة أخرى على الموقع.
تذكر أن السرعة على الويب هي كل شيء (تحميل الصفحات ، والعثور على المحتوى المرغوب ، وما إلى ذلك) ، لذا فإن السماح للمستخدمين بالوصول إلى قائمة التنقل بسرعة أكبر هو أفضل الممارسات.
من خلال تضمين شريط التنقل الملصق ، فإنك تساعد أيضًا في تقليل الحمل المعرفي على المستخدمين من خلال وضع خيارات التنقل أمامهم مباشرةً.
الصحافة البديلة يحتوي على مثال جيد لكيفية دمج التنقل اللزج في صفحاتك. لاحظ كيف يمكن الوصول بسهولة إلى كل الأقسام الأكثر أهمية وتحديدها ، من خلال تباين ألوان فعال ، في شريط التنقل ، بغض النظر عن مدى التمرير لأسفل الصفحة.
نص واضح واضح
Hypertext هو أي مرجع نصي على صفحاتك يمكن للمستخدمين النقر عليه للحصول على معلومات إضافية ، عادةً على صفحة أخرى ، سواء كانت على نفس الموقع أو خارج الموقع. ربما تكون الارتباطات التشعبية هي المثال الأكثر تحديدًا للنص التشعبي.
بما أن النص التشعبي يحتوي على معلومات تساعد المستخدم على تجربة تقديم المزيد من المعلومات ، فإنه من المنطقي أن تكون هذه المراجع مفيدة للغاية. بشكل عام ، يضيف هذا إلى قابلية التنقل للموقع الذي تنشئه.
أوصي بصنع النص التشعبي الصارخ بميزتين تصميم بسيطتين:
- التسطير
- تغيير اللون
عندما تقوم بتسطير أي كلمة في محتوى صفحتك - دعنا نقول أنها عبارة عن رابط تشعبي إلى صفحة العميل الخاصة بك - فإنها توجه فورًا انتباه زائري الموقع ، مما يساعدهم على الانتقال إلى المعلومات المهمة بسهولة أكبر.
وبالمثل ، عندما تجعل لون الارتباطات التشعبية مختلفة عن النص والخلفية لصفحاتك ، فإنك مرة أخرى ، تجعلها تبرز على الصفحة ، بحيث يمكن للمستخدمين التعرف عليها بسهولة والنقر عليها.
موقع التسويق البيضة اليومية يستخدم كل من التسطير والألوان المختلفة للنص التشعبي له ، مما يجعل من السهل على المستخدمين تحديد الروابط.
القوائم ميجا
القوائم ميجا هي فكرة رائعة للتنقل ، خاصة إذا كان الموقع الذي تصممه لعميلك يحتوي على الكثير من المحتوى والفئات. مخازن التجارة الإلكترونية تتبادر إلى الذهن. وهي عبارة عن لوحات منسدلة ضخمة للغاية تفتح طبقات إضافية من التنقل لمساعدة المستخدمين في العثور على ما يريدون بسرعة أكبر.
تعمل هذه القوائم على تحسين تجربة المستخدم من خلال تضمين فوائد مثل:
- القضاء على التمرير.
- تلميحات.
- تنظيم منظم للمحتوى عن طريق الرموز أو التخطيط أو الطباعة.
جميع هذه الميزات تجعل من السهل استخدام قائمة التنقل.
للحصول على مثال قوي لقائمة ضخمة ، توجه إلى شبكة الغذاء في الموقع. لاحظ كيف تعرض القائمة المنبثقة واحدة من أكثر أجزاء الموقع طلباً ، وهي الوصفات ، بتنسيق يسهل رؤيته يسمح للمستخدمين باختيار المكان الذي يريدون الذهاب إليه على الفور بدلاً من التمرير أو الحدود الفاصلة للصفحات لمزيد من الخيارات.
نمط والقدرة على تحمل التكاليف
تستخدم ميزة تحمل النقود رمزًا تقليديًا يفهمه غالبية زوار الموقع على الفور ، مثل رمز المنزل لتمثيل الصفحة الرئيسية لموقعك. ميزة تحمل اللغة هي الاستخدام الصريح لكلمة ، مثل "الصفحة الرئيسية" ، لتوضيح أن النقر فوق علامة التبويب هذه سيجلب المستخدمين إلى الصفحة الرئيسية للموقع.
Affordances التواصل للمستخدمين كيف يمكنهم التفاعل مع العناصر في التصميم الخاص بك. في حين أن هذا هو بالتأكيد أساسيات التصميم 101 ، فإنه لا يزال من المهم ممارسة اليوم كما كان في الأيام الأولى للإنترنت.
يجب أن تحتوي قائمة التنقل الوظيفية على رمز المنزل أو كلمة "home" في أول علامة تبويب للتنقل على اليسار. على الرغم من أن بعض المصممين قد يختارون بدلاً من ذلك تضمين شعار الشركة كرمز أو زر "المنزل" ، فإن ذلك يترك مساحة كبيرة جدًا لخطأ المستخدم.
تسوية البيع مستودع الإطار يدل على مبدأ التصميم هذا على نقطة الإنطلاق ، مع استخدام "المنزل" للمغادرة دون أدنى شك حيث سيأخذ هذا التبويب زوار الموقع.
وقت تحميل سريع
السرعة = تجربة مستخدم رائعة. يجب على المصممين من جميع المشارب أن يدونوا ذلك كواحد من قواعد التصميم الأكثر أهمية التي لا يستطيعون أو لا يجب أن يتراجعوا عنها. وفقا لمجلة Wired ، ما يقرب من 50٪ من المتسوقين يرغبون في تحميل متوسط الصفحة في ثانيتين أو أقل! بعبارة أخرى ، إذا كانت الصفحات التي تصممها لعملائك تستغرق أكثر من ثانيتين للتحميل ... فهناك فرصة جيدة جدًا لأنهم سيتركون مواقع عملائك ولن يعودوا أبداً ، مما يتسبب في حدوث كوابيس تحويل شديدة.
هذه إحصائية مقلقة ، بالتأكيد ، ولكن هناك شيء يمكن أن يفعله المصممون حوله لضمان أنهم يقدمون أداء صفحة عالي الجودة لعملائهم. ما عليك سوى اختبار سرعة الصفحة للصفحات التي تصممها. هناك عدد من الأدوات الموثوقة لمساعدتك في تحديد أوقات تحميل الصفحة:
للحصول على مثال لوقت تحميل الصفحة سريع جدًا ، نذهب إلى "التعليم المسحور" ما هو الحوت؟ الصفحة. يمكن أن يستخدم التصميم بعض الأعمال ، ولكن يتم تحميل الصفحة خلال ثانية واحدة فقط ، وفقًا لشريط أدوات التحليل أليكسا Alexa analytics.
التنقل الرائع هو تجربة رائعة
جزء كبير من تجربة مستخدم رائعة هو التنقل في موقعك. هذا هو الأساس الذي تستند إليه تجربة المستخدم بالكامل ، إذا كنت تفكر في ذلك. عندما يتعذر على المستخدمين العثور على طريقهم حول موقع العميل بسهولة ، يصبح الأمر محبطًا لهم ، مما يؤدي إلى تركهم في عجلة من أمرهم. وبالتالي ، يجب أن تجعل التنقل الممتاز من السهل على الأشخاص استخدام أي موقع تنشئه ؛ هذا هو المعيار من تجربة مستخدم جيد.
على الرغم من أنه قد يكون من المغري إعطاء الممر ملاذًا قصيرًا في مراحل التصميم - نظرًا لاتجاهات التصميم الجديدة التي تظهر طوال الوقت - فإنه ليس من المستحسن. سوف يلاحظ المستخدمون لديك ، وكذلك عملاءك. لإرضاء عملائك ، يجب عليك إرضاء مستخدميها. يمكنك القيام بذلك فقط عندما تقوم بتصميم تجربة مستخدم رائعة أولاً وقبل كل شيء ، مع التركيز بشكل أساسي على الحصول على التنقل مباشرة من البداية.