مستخدمو الإنترنت عبر الجوال تجاوزوا مستخدمي الحواسيب المكتبية

في عام 2016، أصدرت StatCounter تقريرًا أظهر أن استخدام الإنترنت عبر الجوال تجاوز استخدامه عبر الحواسيب المكتبية لأول مرة. ففي ذلك الوقت، بلغت نسبة مستخدمي الجوال 51.3% مقابل 48.7% لمستخدمي الحواسيب المكتبية. ومنذ ذلك الحين، شهدنا ارتفاعًا إضافيًا في استخدام الجوال، وخاصة في الاقتصادات الناشئة. ففي الصين نحو مليار مستخدم للإنترنت، 98% منهم يدخلون عبر منصات الجوال. وحتى في الولايات المتحدة، يتصفح 51% من المستخدمين الويب عبر الجوال. لقد وصل الجوال وهو يفرض سيطرته. فعدد من يملكون هواتف ذكية اليوم أكبر من أي وقت مضى، بينما لم يكن أمام الجيل الأكبر سنًا خيار سوى استخدام الحاسوب المكتبي للاتصال بالإنترنت. ومن الإحصاءات المهمة التي يجب الانتباه إليها مستوى التفاعل. إذ يبدو أن مستخدمي الحواسيب المكتبية يتفاعلون مع المحتوى أكثر من مستخدمي الجوال، لكن السبب غير واضح. فقد يكون من ما زالوا يستخدمون الحواسيب المكتبية يستخدمون أجهزتهم بتركيز أكبر. ومن الممكن أن يكون تفاعل مستخدمي الجوال أقل بسبب الاختلافات بين المنصات. فعلى سبيل المثال، يمكن فتح علامات تبويب في متصفحات الحواسيب المكتبية، وقد تشوّه هذه العلامات المفتوحة إحصاءات التفاعل حتى لو لم تكن نشطة. ورغم ذلك، يظل واضحًا أن استخدام الجوال في ازدياد. ومع كل ما سبق، ما زلت أرى أن هناك حالات يكون فيها التركيز على تجربة الحاسوب المكتبي أكثر منطقية. فإذا كنتم تبنون تطبيقًا لمحترفين سيعملون أمام حواسيب مكتبية، فلا معنى لبناء التجربة حول أجهزة الجوال أولًا.

ما هو التصميم للجوال أولًا؟

لسنوات، صمّمنا المواقع الإلكترونية حول تجربة الحاسوب المكتبي. ومع ازدياد شعبية الهواتف الذكية، بدأنا نستخدم التصميم المتجاوب (responsive web design) لتعديل شكل المحتوى على أجهزة الجوال. ورغم أن هذا أفضل من موقع بتخطيط مخصص للحواسيب المكتبية فقط، فإنه ما زال لا يعطي الأولوية لتجربة معظم مستخدميكم.

في عام 2010، أعلن Eric Schmidt أن Google ستطوّر تطبيقاتها بنهج الجوال أولًا، فبدلًا من تطوير التطبيقات للحواسيب المكتبية ثم تعديل التجربة لمستخدمي الجوال، ستقلب المعادلة رأسًا على عقب. فهي اليوم تطوّر التطبيقات لمستخدمي الجوال ثم تعدّل التجربة لمستخدمي الحواسيب المكتبية. ومع الشاشات الأصغر، من المهم تقليل الازدحام، ويشمل ذلك تقليل عناصر التنقل، وإنتاج محتوى مُحسَّن لمساحة أصغر، وتقليص حجم الاستجابات. ونأمل أن تُغني التطورات في اتصالات الإنترنت عبر الجوال قريبًا عن الحاجة إلى تقليص حجم الاستجابات، لكن قد يمر وقت طويل قبل أن يتمكن جميع مستخدميكم من تنزيل عدة ميغابايتات من البيانات في وقت معقول.

وفي مارس 2020، أعلنت Google أن محرك البحث الخاص بها سيبدأ الفهرسة وفق نهج الجوال أولًا اعتبارًا من سبتمبر 2020 (مؤجل حاليًا حتى مارس 2021). وهذا يعني أن Google ستصنّف موقعكم الإلكتروني أساسًا بناءً على محتواه على الجوال. وسيؤثر نظام التصنيف الجديد هذا في إمكانية العثور عليكم إذا لم تأخذوا محتوى الجوال بجدية. والجوال أولًا هو في الأساس نهج المحتوى أولًا. ففي بعض السياقات، ستحتاجون إلى تقديم محتوى مُفصَّل حسب الجهاز. وتتوفر اليوم أدوات كثيرة لتقديم محتوى مخصص بناءً على نوع المتصفح الذي يرسل الطلب. وكثيرًا ما يكفي مجرد التعامل مع المحتوى من منظور الجوال أولًا، لأن محتوى الجوال يعمل غالبًا بشكل جيد بما يكفي على الحواسيب المكتبية.

تصميم مواقع إلكترونية للجوال أولًا

لنلقِ نظرة على بعض معايير واجهة المستخدم (UI) للمواقع المصممة للجوال أولًا. بروز العناصر: مع مساحة أصغر للعمل، عليكم أن تكونوا أكثر حرصًا في تخطيطاتكم. فمن المهم وضع أهم العناصر حيث تكون أكثر وضوحًا أو أسهل وصولًا، أو كليهما.لا تعتمدوا على ميزات تجربة المستخدم الخاصة بالحواسيب المكتبية: أوضح مثال هنا غياب الفأرة. وهذا يعني بدوره عدم وجود أحداث hover على الروابط، وعدم وجود مؤشرات فأرة ديناميكية تلمّح إلى نوع الإجراء الممكن على العنصر (مثل مؤشر الإمساك الذي يُستخدم عادةً للدلالة على إمكانية سحب العنصر لتغيير حجمه)الصور العمودية والرسومات الكبيرة: الصور العمودية والرسومات الكبيرة: تميل الصور العمودية إلى ملء الشاشة بأكملها على أجهزة الجوال، وبالمثل، تلتهم الرسومات الكبيرة مساحة ثمينة. تجنّبوا استخدامها لأنها قد تسبب تجربة مزعجة للمستخدمين الذين يحاولون قراءة المحتوى أو التنقل فيه.الترويسات والتذييلات الثابتة: قد تجعل الترويسات والتذييلات الثابتة (sticky) المواقع أسهل استخدامًا على الشاشات الكبيرة حيث تتوفر مساحة واسعة للعمل. لكنها على الشاشات الأصغر كثيرًا ما تترك للمحتوى مساحة غير كافية. ولا شيء أسوأ من أن تجدوا موقعًا يحتوي المعلومات التي تحتاجونها، لكنكم لا تستطيعون رؤيتها إلا عبر ثلث الشاشة لأن شريط التنقل يعترض الطريق. وإذا كنتم بحاجة إلى إبقاء شريط التنقل متاحًا، ففكّروا في جعله ثابتًا مع إخفائه عندما يمرر المستخدم إلى الأسفل وإظهاره عندما يبدأ بالتمرير إلى الأعلى.

الأزرار الصغيرة: عند استخدام الفأرة، من السهل جدًا تحديد بكسل بعينه للنقر عليه. أما بالأصابع فالأمر أصعب بكثير. حاولوا تجنّب الأزرار الصغيرة قدر الإمكان، واجعلوا مساحات اللمس أكبر ما يمكن.

بناء تطبيق يعمل بشكل رائع على الجوال لا يعني أنه لن يعمل جيدًا على الحاسوب المكتبي. وكثيرًا ما ستجدون أن بناء التجربة أساسًا حول الجوال يؤدي إلى تجربة رائعة على الحاسوب المكتبي أيضًا. ومع ذلك، إذا وجدتم أنكم بحاجة إلى تقديم المزيد لمستخدمي الحواسيب المكتبية، فقد تفكرون في بناء تجربة مخصصة لهم. وقد يتراوح ذلك بين أمر بسيط مثل إضافة أعمدة أكثر إلى جدول على الشاشات الأكبر، وإظهار ميزات إضافية. وكما هو الحال دائمًا، يجب أن يُتخذ القرار بناءً على المتطلبات المحددة لكل تطبيق.

هل تحتاجون إلى مساعدة؟

تصمّم OOZOU منتجات مخصصة جميلة منذ ما يقارب عقدًا من الزمن. وإذا أردتم أن تعرفوا إن كان التصميم للجوال أولًا مناسبًا لمنتجكم، فتواصلوا معنا. فلدينا فريق من مديري المنتجات يسعده أن يراجع أفكاركم معكم ليرى إن كنا الشريك المناسب لكم.