أفضل الممارسات للملاحة على الويب المحمول
تتطور طريقة وصول الأشخاص إلى المعلومات عبر الإنترنت. تشير تقارير Google إلى أنه بحلول العام القادم (2013) ، سيأتي أكثر من نصف زيارات موقع الويب من أجهزة الجوال بدلاً من أجهزة الكمبيوتر المكتبية أو أجهزة الكمبيوتر المحمول.
لا يقتصر الأمر على تغيير وسيط الوصول إلى الويب ، بل تتغير أيضًا احتياجات معظم مستخدمي الجوّال الذين يستخدمون هواتفهم الذكية أو أجهزتهم المحمولة عبر الإنترنت ؛ أصبحت أكثر تركيزًا وتوجهًا للمهام.
يستخدم مالكو الهواتف الذكية هواتفهم لأداء مهام محددة مثل التحقق من مواقع الوجهات والجداول الزمنية للنقل العام والأرصدة البنكية. في حين يحدث تصفح الإنترنت على الأجهزة المحمولة (خاصة عند الوقوف في طوابير طويلة أو في انتظار الحافلة) يفضل العديد من الناس تصفح الإنترنت من الراحة في المنزل أو المكتب.
مساحة الشاشة محدودة على الأجهزة المحمولة ، ومستخدمو الهواتف المحمولة مشغولون ، وغالبًا ما يقومون بمهام متعددة أثناء البحث عن المعلومات عبر الإنترنت باستخدام إصبع واحد أو إصبع.
لهذه الأسباب ، يعد التنقل في مواقع الجوّال أكثر أهمية من التنقل على موقع ويب تقليدي. يعتبر فهم أسئلة واحتياجات زائري الموقع النموذجيين وحدود أجهزتهم وما سيؤدي إلى إحباطهم أمرًا بالغ الأهمية لتصميم التنقل الفعال على موقع الجوّال.
ما الذي يسأله مستخدمو الجوّال عند الاتصال بالإنترنت؟
الخليج العربي للتنمية دراسة عام 2011: ما الذي يريده المستخدمون من الجوّال هو أن 95٪ من المستخدمين كانوا يبحثون عن معلومات محلية باستخدام هواتفهم الذكية أو أجهزتهم المحمولة. ومن ثم ، قد يكون من الممارسات الجيدة بالنسبة لأعمال الطوب وقذائف الهاون تحديد الملاحة إلى موقعها وساعات العمل ومعلومات الاتصال بها بشكل بارز على مواقع المحمول.
ضع نفسك في مكان مستخدم الموقع العادي. ألقِ نظرة على التحليلات لحركة مرور الجوال. اختر أهم ثلاث أو أربع فئات يبحث عنها المستخدمون وحدد أسماء الفئات التي تعكس عمليات البحث الأكثر شيوعًا.
إذا كان هذا موقعًا متنقلًا لأعمال الطوب والملاط ، فاعرض زرًا للموقع ، ومعلومات الاتصال بشكل بارز.
يمكنك دائمًا إضافة رابط "زيارة موقعنا الإلكتروني" ويمكن للمهتمين حقًا الاطلاع على إصدار أكثر تفصيلاً من موقع الجوّال في راحة مكتبهم أو في المنزل باستخدام الكمبيوتر المحمول الخاص بهم.
7 لجميع البشر معرفة مستخدميها.
تصميم لبيئة مختلفة
بالإضافة إلى المعلمات وانحرافات البيئة الخارجية ، يجب على مصممي الويب أيضًا تقييم الأجهزة نفسها عند تصميم عناصر التنقل.
مهندس معماري لن يدافع عن تصميم المبنى نفسه بالضبط في وسط المدينة ، الصحراء أو الغابات ، مصمم ويب جيد يبحث في الفرص والقيود المفروضة على بيئة الجوّال لإنشاء أكثر التنقلات سهولة للتنقل.
المشكلة بالطبع هي أن المصمم لا يعرف الجهاز الذي يحمله المستخدم عندما يزور الموقع ، وهو موقف يمكن معالجته باستخدام أدوات التصميم المتجاوبة مثل استعلامات CSS للوسائط لمعالجة مشكلات الموقع والحجم محتوى قابل للتكيف. سواء كان تصميم موقع جوال جديد تمامًا باستخدام التصميم المتجاوب أو تكييف موقع حالي للجوال ، لا تزال هناك بعض أفضل الممارسات التي تصح في التنقل.
قوائم التنقل للشاشة الصغيرة
يعرف مصممو الويب أن مستخدمي الجوّال يتصرفون بشكل مختلف عند الوصول إلى الويب على هواتفهم الذكية والأجهزة المحمولة مقارنةً بالكمبيوتر المحمول أو الكمبيوتر المحمول. يمكن أن يكون العثور على مساحة للملاحة على شاشة صغيرة أمرًا صعبًا ، ولكن مع تصميم تخطيط التنقل عبر الجوّال قليل التخطيط يمكن تحقيقه.
مع أربعة أزرار تنقل فقط ورقم الحجز المجاني المعروض بشكل بارز ، فإن موقع المحمول في فنادق Loews سهل الاستخدام وسهل التنقل.
أفضل ممارسة 1: تقليل عدد أزرار القائمة
قد يكون هذا الأمر صعبًا عند تصميم إصدار متوافق مع الجوّال من موقع ويب حالي ، خاصة تلك التي تحتوي على العديد من الروابط في تصميم سطح المكتب. قلل أزرار التنقل الرئيسية إلى خمسة أو أقل ، مع إضافة قوائم متداخلة إذا لزم الأمر.
أفضل ممارسة 2: تقليل عدد الصنابير
الحفاظ على عدد الإجراءات التي يتعين القيام بها على جهاز محمول إلى الحد الأدنى. قلل عدد النقرات والنقرات للعثور على ما يبحث عنه المستخدم للأفضل. من السهل جدًا ارتكاب خطأ. ضمّن دومًا زرًا يسهل العثور عليه مرة أخرى: لا تريد إحباط المستخدم بشكل أكبر.
أفضل ممارسة 3: التنقل التنقل
احتفظ بعناصر التنقل الأكثر أهمية في الأعلى. تحتوي أجهزة الجوّال على أحجام مختلفة للشاشة ، لذا فكر جيدًا في أهمية كل فئة حيث قد تتطلب الإضافات أسفل القائمة التمرير على الهواتف الذكية مع مساحة شاشة أقل.
أفضل ممارسة 4: أزرار قابلة للتكديس
يرى مستخدمو الجوّال موقعك في صورة عموديًا بدلاً من منظر طبيعي كما يفعلون على سطح المكتب. تكييف الملاحة الخاصة بك لويب المحمول عن طريق تقديمها عموديا. اقرأ بدلا من عبر. يعمل هذا بشكل أفضل مع المواقع التي لا تحتوي على أكثر من خمس فئات في القائمة ، وعندما يكون من غير المحتمل إضافة المزيد من الفئات.
أفضل ممارسة 5: قائمة متداخلة
يُعرف أحيانًا باسم الملاحة القابلة للطي ، وهو خيار جيد للمواقع التي تتطلب محتوى على الشاشة بالإضافة إلى قائمة ، وتلك التي تتوقع إضافة فئات وعناصر قائمة.
تحسين التنقل التنقل لشاشة تعمل باللمس وأزرار صغيرة
شاشات اللمس وأزرار صغيرة تعني اعتبارات جديدة لمصممي الويب. لا يمتلك مستخدمو الجوّال رفاهية الفأرة القابلة للنقر لتحديد زر أو رابط قائمة صغير. إنهم تحت رحمة أصابعهم وإبهامهم ، مما يعني أنهم يشيرون إلى مناطق على الشاشة بدقة أقل بكثير مما لو كانوا يستخدمون الماوس ، ويمكن أن يصابوا بالإحباط بسهولة إذا لم ينجح التنصت في الحصول على نتائج فورية.
يمكن لمصممي الويب تسهيل التنقل لمستخدمي الأجهزة المحمولة عن طريق إضافة المزيد من المساحة حول روابط القائمة ، أو عن طريق استبدال الروابط بأزرار لفئات القائمة.
جعله أكبر يجعل من السهل العثور على منطقة بسرعة والنقر فوقه مع زر هاتف صغير ، أو اضغط عليه بإصبع أو إصبع. نظرًا لأن متوسط الإصبع يتطلب مساحة قابلة للنقر تبلغ 44 بكسل × 44 بكسل على الأقل ، فقد يؤدي هذا إلى تحجيم الأزرار ومناطق التنقل على بقية المحتوى على الشاشة. ومع ذلك قد يناسب هذا الغرض من موقع الويب والمستخدم ، خاصة إذا كان محتوى الصفحة الرئيسية ثانويًا لعناصر القائمة الرئيسية.
من الناحية المثالية ، يجب أن يسمح التصميم للمستخدم الذي يعمل باللمس بجعل زر التنقل أكبر إذا لزم الأمر.
نصائح للتحسين
- اضبط القائمة في أعلى الشاشة أو أسفلها ، اعتمادًا على الغرض الرئيسي لمستخدمي الموقع. إذا كانوا يبحثون عن محتوى ومن المرجح أن يتم التمرير ، فإن وضع القائمة في الأسفل يمنحهم مكانًا آخر للانتقال إلى موقعك بدلاً من ترك الموقع لمحرك بحث أو موقع منافس.
- أخفي القائمة جزئيًا لاستيعاب محتوى آخر على الشاشة ، وكشف عن القائمة الكاملة عندما يقوم المستخدمون بالنقر فوقها. هذا يحافظ على القائمة الأمامية والوسط دون طمس محتوى مفيد.
- ضع رابط القائمة في الجزء العلوي من الشاشة ، وأضف زر التنقل إلى الأسفل.
- قد يكون طويل القامة ورفيعًا رائعًا بالنسبة إلى عارضات الأزياء ، ولكن في تصفح الويب على الجوّال ، يكون العرض قصيرًا وعريضًا جميلاً. يساعد التنقل القصير الواسع أيضًا عندما يكون لديك عناوين فئات أطول - يناسب النص بشكل أفضل.
- قم بتقليل ارتفاع الصور الرأسية أو استبدلها بالكامل بشعار أصغر لزيادة المساحة للتنقل.
- حافظ على ثبات مشاكل العلامة التجارية والتصميم عن طريق الانتباه إلى الطباعة واللون وأسلوب أزرار التنقل بدلاً من استخدام مساحة قيمة مع رسومات وصور كبيرة.
- اختصر النص ، خاصةً في أزرار القائمة وعناوين الفئات. في بعض الحالات ، يكون هذا أمرًا صعبًا للغاية ، وتعد القائمة القابلة للتكديس مع وجود مساحة لمزيد من النص في كل سطر بديلاً مفضلاً.
- تبسيط قدر الإمكان. أزل قدر الإمكان من الصفحة الرئيسية قدر الإمكان للتركيز على توفير أهم العناصر القليلة التي يريدها معظم المستخدمين.
التنقل عبر الجوال بدون رقم
مستخدمو الجوّال مشغولون ومتشتتون وأثناء التنقل. انهم لا يريدون التنوع في اختيارهم لاختيار أي أزرار وأنت لا تريد أن يصبحوا محبطين وترك الموقع بسبب شلل التحليل.
لا تعطيهم الكثير من الاختيار.
تجنب التمرير الأفقي ، ولا تحوم! يمكن أن تكون قوائم التمرير أيضًا محبطة لمستخدمي الجوّال. في سعيكم لتبسيط الملاحة وتبسيطها ، لا أعتقد أن عليك أن تكون مملاً. الملاحة الإبداعية ليست أمرا سيئا ، ولكن يجب أن تكون بديهية. يجب أن يكون المستخدم قادرًا على رؤية أين تذهب بسهولة للعثور على المعلومات التي يريدها بسرعة.
استنتاج
وتعني الحداثة النسبية للأجهزة المحمولة كطريقة للوصول إلى الويب أن التنقل المتنقل يتطور باستمرار نظرًا لتجربة تصاميم مختلفة أو تعديلها أو إلغائها تمامًا.
قد يكون ما يصلح لمجموعة واحدة من المستخدمين على موقع واحد كارثة مع موقع مختلف لأن المعلومات التي يبحث عنها المستخدم مختلفة تمامًا. بالإضافة إلى ذلك ، يقترب المستخدم نفسه من مواقع مختلفة لأغراض مختلفة: فعلى سبيل المثال ، يحتاج مستخدم الجوال الذي يبحث في موقع ويب إخباري على هاتفه إلى عناوين الأخبار وليس معلومات الاتصال ؛ وهي بالضبط ما تريده عندما تزور موقع الجوال لطبيب الأسنان أو مصفف الشعر الخاص بها.
على الرغم من أن عناصر التنقل لموقع ويب الجوّال قد تختلف عن موقع ويب تقليدي ، إلا أن الغرض هو نفسه: زوار موقع الويب لديهم سؤال عندما يتصلون بالإنترنت. اين المحل؟ ما الذي يحدث في العالم؟ ما هو رصيد حسابي المصرفي؟ تنقل كبير يؤدي المستخدمين إلى الإجابات بسرعة وببساطة.
تلبية احتياجاتهم الفورية وسوف يعودون ، وزيادة حركة المرور إلى الموقع ، مما يجعل عملائك سعداء ويؤدي إلى الإحالات والمزيد من أعمال تصميم الويب المحمول لك.
ما الأساليب التي تفضلها في التنقل عبر الجوّال التي تفضلها كمصمم؟ ماذا عن كمستخدم؟ اسمحوا لنا أن نعرف في التعليقات.
صورة مميزة / صورة مصغرة ، صورة الإنترنت عبر الهاتف النقال عبر Shutterstock.