تصميمات الجوال الأولى - الأهمية وأحدث الاتجاهات

كما يوحي الاسم ، يعطي التصميم الأول للجوال الأولوية لتصميم موقع ويب أو تطبيق للجوال أولاً قبل إصدارات سطح المكتب.

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

إذن ما هو Mobile First بشكل أساسي؟

من المتوقع بحلول عام 2019 أن يصل العدد الإجمالي لمستخدمي الهواتف الذكية إلى 2.7 مليار بينما من المتوقع أن يتجاوز العدد الإجمالي لمستخدمي الهواتف المحمولة خمسة مليارات.

ومن ثم ، مع هذا النمو المتسارع لمستخدمي الهواتف المحمولة في جميع أنحاء العالم ، زاد الطلب على مواقع الويب والتطبيقات الصديقة للجوال.

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

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

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

أهمية Mobile First

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

ومن ثم ، من المهم جدًا التركيز على تخطيط الجوال لموقع ويب أو تطبيق قبل العمل على سطح المكتب أو شاشة أكبر.

لا توفر تصميمات / تخطيطات الأجهزة المحمولة الكثير من الخيارات لوضع كل ما نريده على الشاشة الصغيرة ولكن فقط المحتوى المهم الذي يجب أن يصل إلى المستخدم.

يزيد هذا من تجربة المستخدم ويزيد من فرص بقاء المستخدم على موقع الويب الخاص بك مما يقلل من معدل الارتداد.

يعتبر Mobile First أيضًا المحتوى أولاً حيث تسمح الشاشة الصغيرة بتوفير المحتوى المهم والمهم فقط للمستخدم مما يعزز تجربة المستخدم إلى أقصى حد. يتوقع مستخدم الهاتف المحمول أن يكون موقع الويب أو التطبيق سريعًا وخفيفًا ومناسبًا للعلامة من خلال توفير ما يريدون رؤيته بالضبط.

كيف يعمل Mobile First؟

نهج Mobile First هو هذا الأساس القوي الذي يقوي تصميم إصدارات الشاشة الأكبر مثل أجهزة الكمبيوتر المكتبية والأجهزة اللوحية.

يركز نهج Mobile First على المحتوى عبر التنقل. بمعنى آخر ، تؤكد على تجربة المستخدم للوصول إلى المحتوى والمعلومات بشكل أسرع دون الحاجة إلى التمرير كثيرًا.

عندما يتم توفير المعلومات إلى حد كبير للمستخدم ، فإنه يزيد من معدل التحويل وكذلك التنزيلات ، مما يولد ربحًا لعملك.

يحد التصميم الأول للهاتف المحمول من استخدام المصمم فقط للمحتوى الذي يحتاجه المستخدم بشدة ، مع إزالة العناصر الإضافية.

العناصر الإضافية ليست تلك العناصر غير الضرورية ، ولكنها تلك التي لا يلزم عرضها لمستخدمي الهاتف المحمول. يمكن استخدام هذه العناصر في إصدارات سطح المكتب / الجهاز اللوحي.

من المفهوم أن مستخدم الهاتف المحمول لديه متطلبات مختلفة عن مستخدم سطح المكتب. يفضل مستخدمو الأجهزة المحمولة المعلومات المدمجة والميزات المحدودة ولكنها مهمة مقارنة بمستخدمي سطح المكتب الذين يتطلبون معلومات متعمقة وميزات إضافية.

أمثلة بارزة على تصميمات Mobile First

1. YouTube - إصدار سطح المكتب من YouTube هو الإصدار الموسّع من تطبيق YouTube. علاوة على ذلك ، يتمتع موقع الويب بتصميم سريع الاستجابة ، مما يعني أنه إذا قمت بتقليل حجم أو دقة المتصفح ، فسيتم ضبط نفسه على إصدار الشاشة الأصغر.

   ميزة صديقة للجوّال - الوضع الليلي ، عرض النص

2. موقع ويب Apple للجوّال - يُعد إصدار الهاتف المحمول من موقع ويب Apple مثالاً جيدًا على التصميم المستند إلى المحتوى. بدلاً من زر التنقل ، يسمح للمستخدم ببساطة بالتمرير على الشاشة وهو أمر سهل ومريح للغاية. يتم عرض حقيبة التسوق الضرورية ، مما يمنح المستخدم المعلومات وخيار التسوق من النظرة الأولى.

   

   ميزة ودية المحمول - التنقل السهل والمريح التمرير

3. Facebook - يركز Facebook تمامًا على تجربة المستخدم. تم تنفيذ الرسوم المتحركة التي يوفرها موقع Facebook على تطبيق Facebook وحتى على تطبيق Facebook Lite وهو أخف بكثير من تطبيق Facebook. يوفر الإصدار Lite من تطبيق Facebook الميزات الضرورية لـ Facebook مع شغل مساحة أقل على هاتفك وهو أسرع مما يجعل استخدامه أسهل حتى على الإنترنت منخفض السرعة. حتى موقع Facebook للجوال يدعم الآن الرسوم المتحركة في الرموز مما يسهل علينا نقل المشاعر البشرية عبرها بغض النظر عن الإصدار الذي نستخدمه.

   ميزة صديقة للجوّال - رسوم متحركة فعالة ، مساحة أقل مشغولة ، خفيفة وسريعة

4. Evernote - يوفر Evernote أساسًا خدمة تخزين المستندات عبر جميع الأنظمة الأساسية. نسخة الهاتف المحمول من Evernote تشبه إلى حد كبير إصدار سطح المكتب بواجهة مستخدم واضحة. إنها واجهة المستخدم الجديدة والنظيفة لـ Evernote التي تجعلها خدمة تخزين الملاحظات الأكثر ملاءمة على الهاتف المحمول.

   ميزة صديقة للهاتف المحمول - واجهة جوال نظيفة وجديدة

أحدث اتجاهات التصميم الأول للجوال

1. تبسيط تجربة المستخدم بأي مما يلي :

   التدفق الخطي - السماح للمستخدم بإكمال خطوة واحدة في كل مرة من خلال تزويده ببداية ووسط ونهاية محددة. على سبيل المثال ، تطبيقات حجز سيارات الأجرة مثل Uber.

   الإفصاح التدريجي - الكشف عن المعلومات فقط عندما يحتاجها المستخدم. على سبيل المثال ، تطبيقات الألعاب التي تتيح للمستخدم النقر أو النقر لرؤية المعلومات.

2. الرسوم المتحركة القائمة على الإيماءات

   رسوم متحركة مع تعليمات نصية وانتقالات وتعليقات على الإيماءات. على سبيل المثال ، التمرير السريع على Tinder وعرض الشرائح في المعرض وما إلى ذلك.

3. تجربة تركز على المحتوى

   المحتوى الذي يسهل الوصول إليه مع المعلومات الأكثر صلة وضرورية المتاحة يجعل تطبيق الهاتف المحمول جذابًا للمستخدمين. ويمكن أن يتم ذلك بطريقتين:

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

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

4. تجارب ملء الشاشة

   في أيامنا هذه ، أحدث اتجاه في حجم شاشة الهواتف الذكية هو شاشة العرض اللامتناهية. مع هواتف مثل Samsung Galaxy S8 و iPhone X ، يتوفر المزيد من مساحة الشاشة للمستخدم ويتوقعون أقصى تجربة من ذلك. وبالتالي ، فإن توفير الصور ومقاطع الفيديو عالية الدقة التي لا تنقسم على شاشة الهاتف المحمول يزيد من تجربة المستخدم.

5. تجربة المستخدم الشخصية

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

استنتاج

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