منذ فترة من الوقت ، حرص أي شخص مهتم بتحسين محركات البحث على التأكد من توفر إصدار الجوال من موقعه الإلكتروني ، وإلا فستواجه خطر غضب خوارزمية Google. ولكن على عكس العديد من الاتجاهات الأخرى في عالم كبار المسئولين الاقتصاديين ، تُظهر الأبحاث أن استخدام الويب على الجوّال لا يتباطأ ، على الرغم من أن العديد من المواقع التي تُعرف بالمواقع المتوافقة مع الجوّال تعد بمثابة ألم يستخدم. لا تتزايد مشاهدات الجوّال فحسب ، بل تتفجر أيضًا. البحث من Statista وتشير التقديرات إلى أن حجم حركة المرور على شبكة الإنترنت في عام 2019 سيكون حوالي 24.3 Exabyte ، ارتفاعا من 4.2 Exabyte في عام 2015.
فقط للتأكد من أنك تفهم خطورة ذلك ، يساوي إكسابايت واحد 1 مليار غيغا بايت.
على الرغم من وجود أدلة تُظهر أن الزوار يستخدمون أجهزتهم الجوّالة لتصفح الويب ، فلا يصمّم الجميع مع مستخدم الهاتف المحمول في ذهنه. وفقا لمجموعة نيلسن نورمان:
… هناك عدد أكبر من مستخدمي الهواتف الذكية في جميع أنحاء العالم مقارنة بمستخدمي أجهزة الكمبيوتر المكتبية والمحمولة [ولكن] قابلية استخدام مواقع الويب والتطبيقات للجوّال لا تزال وراء قابلية استخدام مواقع ويب سطح المكتب.
بالطبع ، لا يريد الجميع موقع ويب للجوّال مناسبًا تمامًا لجوجل. فهم يريدون أن يتمتع زوارهم بتجربة إيجابية عندما يهبطون على موقعهم على الويب ، أو موقعًا تصممه لأحد العملاء. لذا يقومون بتعديل تصميماتهم وفقًا لذلك.
يربط معظم الأشخاص الويب الجوّال باستخدام تصميم الويب سريع الاستجابة ؛ نظرًا لأن هذه كانت الكلمة الطنانة التي تم طرحها حول مدونات وعروض تقديمية مختلفة لبعض الوقت الآن. على الرغم من أن تصميم الويب سريع الاستجابة ليس الاستراتيجية الوحيدة ، وأنه ليس دائمًا أفضل طريقة. يعتمد الاختيار الأفضل على الطريقة التي تريد من خلالها تفاعل الزائرين مع المحتوى على موقعك.
باستخدام استعلامات الوسائط لتغيير عرض الموقع استنادًا إلى حجم الشاشة ، يعد هذا أسلوبًا مرنًا للتصميم لأجهزة متعددة. يمكنك تصميم مرة واحدة والاعتماد على CSS لتوسيع نطاق العرض على أساس الشاشة.
يعتمد هذا الأسلوب على الصفحات الثابتة المصممة لنقاط التوقف المختلفة. عندما يتم الكشف عن حجم الشاشة ، يتم عرض التخطيط المناسب. هنا ، تحتاج إلى تصميم تخطيطات مختلفة لاستيعاب أحجام مختلفة للشاشة. عادة ، يتم تصميم ستة تخطيطات للعرض الأكثر شيوعًا: 320 ، 480 ، 760 ، 960 ، 1200 ، 1600.
يحدث ذلك عند إنشاء تطبيق iOS أو Android أو Windows مصمم لعرض محتوى الويب الخاص بك على مستخدمي الجوال.
سيكون من الصعب الضغط عليك للعثور على موقع على شبكة الإنترنت في هذه الأيام لا يقدم نوعًا من تفاعل المستخدم. قد يكون موقع ويب تجاريًا يجمع معلومات من العملاء المحتملين ، أو موقع للتجارة الإلكترونية تم إنشاؤه للتسوق ، أو موقع يتيح للزوار تسجيل الوصول إلى حدث أو موقع. على أي حال ، سيتعين على المستخدم توفير المعلومات وإجراء التحديدات وأزرار الضغط ، ويجب أن تدخل في عقلية أن الأشياء على جهاز محمول مختلفة.
بالنسبة للمبتدئين ، ركز على الميزات المهمة. قد يتطلب هذا بعض إعادة ترتيب من جانبك ، أو قد تضطر إلى خفض بعض العناصر التي تريد تضمينها. لن يساعد هذا فقط على تقليل الفوضى ، ولكنه سيسمح بأزرار أكبر وعناصر أخرى قد تواجه صعوبة في التعامل مع الأصابع الأكبر حجمًا. عندما يكون ذلك ممكنا ، والحد من الحاجة للمستخدمين لإدخال النص. قد يكون لديهم لوحة مفاتيح على الشاشة لاستخدامها ولكننا نعلم جميعًا أن هناك نسبة عالية من الخطأ عند استخدام هذه الميزات وميزات مثل التصحيح التلقائي أو يمكن أن تصبح التنبؤات النصية محبطة للغاية. كذلك ، عليك أن تفهم أن هناك فرصة جيدة لتوقف زائر الجوّال أو فقد الاتصال. وكلما كان عليهم أن يفعلوا مرة أخرى إذا ما اضطروا للرحيل ، كلما قل الإحباط الذي سيشعرون به.
لأغراض SEO ، تم تدريب العديد من المصممين على مر السنين لدمج قوائم الملاحة المعقدة في عملهم بحيث يمكن لعناكب محرك البحث فهرسة كل شيء. كما أن الحصول على كل ما يمكن الوصول إليه من قائمة التنقل يتأكد أيضًا من أن زوار موقعك قادرون على العثور على ما يبحثون عنه. ولكن بالنسبة إلى الزائر المتنقل ، فإن هذه القوائم الغامرة تجعل التنقل أكثر صعوبة ، وسيؤدي ملف sitemap الذي تم إنشاؤه بشكل صحيح إلى إرسال برامج الزحف إلى محركات البحث حيث تحتاج إلى الانتقال إليها.
بدلاً من القوائم الطويلة لعناصر القائمة ، احتفظ بالخيارات إلى ما لا يزيد عن ستة ، لذلك لا يتعين على زوار الجوال محاولة التمرير لأسفل لرؤية كل شيء أثناء محاولة الاحتفاظ بقائمة مفتوحة. أيضا ، القضاء على القوائم الفرعية. من الصعب جدًا النقر على علامة + هذه التي تتوقع أن ينقر عليها المستخدمون لتوسيع الخيارات ما لم يستخدموا القلم. تفاح أساسيات تصميم واجهة المستخدم تنص على أن متوسط الإصبع يتطلب 44 بكسل من اليسار إلى اليمين وإلى الأعلى والأسفل. تصميم مع هذا الفضاء في الاعتبار.
إن اتجاه الموقع الإلكتروني للصفحة الواحدة هو شيء يجب مراعاته هنا أيضًا. تم تصميم هذا الزائر مع وضع زائري الجوال في الاعتبار ، ويسمح للزائر بالانتقال عبر موقعك والعثور على كل ما يحتاج إليه في صفحة واحدة طويلة. هذا النوع من التصميم ينسى كل شيء في الجزء المرئي من الصفحة نظرًا لأن مستخدمي الجوّال يمكنهم تمرير المحتوى بسهولة للعثور على ما يحتاجون إليه.
عند التفكير في زائري موقعك المحمول ، يُطلب منك ترك بعض الوقت. ولكن ما لا يجب عليك التضحية به هو السبب في وجود موقع إلكتروني في المقام الأول. تأكد من أن العلامة التجارية الخاصة بك تظل ثابتة ، إذا كنت بحاجة إلى إبقاء شعارك بارزًا ، فاستخدم المقدار المناسب من العقارات لعرضه. إذا كان موقعك ثقيلًا بالمحتوى ، فتأكد من أن مستخدمي الجوّال لديهم إمكانية الوصول إليه بالكامل. يخفي إخفاء المحتوى من شاشات الجوال بشكل أساسي الزائرين لعدم عرضهم على الشاشة الكاملة.
كمصممي الويب ، نحن معتادون على الاتجاهات في صناعتنا. كل عام هناك قوائم تقدم لنا أحدث البدع والمنهجيات التي يجب أن نوليها الاهتمام. تصميم لمستخدم الهاتف المحمول ليست واحدة من تلك. هذا هو الواقع الذي تسير فيه صناعتنا ويستمرون في إضافة المزيد من أحجام الشاشات حتى نعمل معهم لذا لا يوجد في الواقع حجم واحد يناسب كل المقاربة التي يمكنك اتخاذها.
يجب أن تحدد أنت ومنظمتك وعملاؤك وأي جهات أخرى صاحبة المصلحة ما هو مهم وتؤسس مواقعك حول هذه العناصر. لكن فكر في ما هو مهم لزوارك لأن هذا هو المهم. يجب ألا تكون تجربة المستخدم أبدًا حول ما نعتقد أنه الأفضل أو ما نريد رؤيته. لا يمكننا إجبار الأشخاص على الاستمتاع بتجربة رائعة عند زيارتهم لصفحاتنا. بدلاً من ذلك ، علينا النظر إلى منحهم ما يريدون ، بطريقة يسهل عليهم الوصول إليها.
لذا قبل أن نبحث عن قوائم المراجعة أو الأدلة التي تخبرنا عن تجربة المستخدم الجيدة ، خذ وقتك للتفكير في ما يجب أن نقوله وما يريد زوارنا سماعه.
صورة مميزة، صورة المحمول على شبكة الإنترنت عبر Shutterstock.