TL ؛ الدكتور 90 ٪ من الهواتف الذكية الحديثة لديها شاشة قطرية أكثر من خمس بوصات. قدم ظهور مثل هذه العروض مشكلة جديدة بشكل أساسي لمطوري ومصممي التطبيقات. دعونا نرى كيفية حلها.

بعد أن قدمت شركة آبل في يناير 2007 ، انكمش العالم كله بحجم أيدينا. قامت الشركة بدمج iPod والهاتف والمتصفح في جهاز واحد. قدمت شركة آبل إلى السوق الشامل فئة جديدة من الأجهزة التي نعرفها اليوم باسم "الهواتف الذكية". عملت هذه الأدوات بدون لوحة مفاتيح (مثل BlackBerry) أو قلم (مثل Palm).

تم تصميم iPhone للعمل بشكل مريح بيد واحدة فقط ، مع حركات سلسة للإبهام عبر الشاشة.

قال ستيف جوبز ذات مرة أن 3.5 بوصة هي "الحجم المثالي للمستهلكين" ، والشاشات الأكبر غبية.

ومع ذلك ، في مطلع العقد ، أصبحت الهواتف الذكية ذات الشاشات الكبيرة شائعة في السوق. اليوم ، يتم بيع أقل من 1٪ من الأجهزة بشاشات أقل من 4 بوصات ، في حين أن 90٪ منها قطريًا يزيد عن 5 بوصات.

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

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

Apple 2012

على الرغم من أن الشاشات الكبيرة رائعة لعرض الكثير من المحتوى ، إلا أن الاعتبار الرئيسي لـ Steve Jobs للهواتف مقاس 3.5 بوصة يعاني من الاستخدام بيد واحدة .

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

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

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

لماذا يجب أن يكون التصميم بيد واحدة أولوية قصوى

غالبًا ما نستخدم الهواتف عندما نكون مشغولين أو في عجلة من أمرنا. يؤثر هذا بشكل كبير على كيفية حملنا للهاتف وكيفية استخدامنا للتطبيقات. من الناحية العملية ، هذه القبضة أكثر شيوعًا من 49 ٪ المذكورة أعلاه.

تشير الدراسات إلى أن المستخدم العادي يتحقق من هاتفه 58 مرة في اليوم ، مع استمرار 70٪ من تفاعلات الهاتف المحمول أقل من دقيقتين. غالبًا ما يستخدم الأشخاص الهواتف في "فترات زمنية قصيرة باهتمام مشتت".

الصورة: Rescue Time لاحظت

مجموعة من الباحثين من Simform هذه الدوافع المتفرقة لاستخدام الهاتف في عدة سيناريوهات:

أمثلة على استخدام الهاتف الذكي في فترات قصيرة

يصف مدير منتج Google Luke Wrobleski هذه الدوافع القصيرة لاستخدام الهاتف المحمول "إصبع واحد ، نظرة واحدة" (إبهام واحد ، مقلة عين واحدة). هذا يعكس كيف تترك البيئة المشتتة للانتباه الهاتف الذكي بفترات قصيرة من الاهتمام الجزئي للشخص. ويضيف أيضًا أن النوع الأمثل لاستخدام الهواتف الذكية بيد واحدة هو النوع الذي يتم فيه دعم التفاعل السريع من خلال وظائف ملائمة .

كيف تصمم تصميمًا لهذه الفترات القصيرة بإصبع واحد؟

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

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

للحصول على فكرة عن المشكلة ، دعنا نلقي نظرة على تطور واجهة Spotify:

Old Spotify navigation -

استخدم Spotify الهامبرغر قائمة تشبه الهامبرغر في الزاوية اليسرى العليا التي أخفت وظائف التطبيق وضبط المستخدمين على البحث عنها. مع ظهور الشاشات الكبيرة ، تمت إضافة مشكلة تصميم أخرى إلى القائمة: قابلية الوصول .

واجه المستخدمون في Spotify مستوى معين من الصعوبة والانزعاج

أجبر هذا فريق Spotify على طي قائمة الهامبرغر في عام 2016 ووضع وظائفه الرئيسية - الصفحة الرئيسية والتصفح والبحث والإذاعة والمكتبة - في الأسفل ، مما أدى إلى زيادة عدد النقرات بنسبة 9٪ بشكل عام وبنسبة 30٪ على عناصر القائمة .

استخدم قوالب UX القياسية لحالات الاستخدام النموذجية.

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

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

قمنا بتقسيم أنماط سلوك المستخدم الأكثر شيوعًا وقوالب تجربة المستخدم إلى ست فئات:

التنقل ،
على سبيل المثال ، أشرطة القوائم وعلامات التبويب والإيماءات لسهولة التنقل بين أهم أقسام التطبيق.
الإجراءات
إنشاء وتحرير ووضع وإضافة وحذف وغيرها من الإجراءات التي تستخدم الوظائف الأساسية للتطبيق.
,
, , .
, , , , , , — .
, , , .

1.

أساس التطبيق الرائع هو التنقل الجيد. يساعد على العثور بسرعة على الوظائف الضرورية وما هو مهم للمستخدمين.

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

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

مشاكل

هناك قيود على نماذج التنقل التقليدية ، مثل شريط علامة التبويب Apple وقائمة التمرير السريع لنظام Android. يتم وضع عدد محدود فقط من الوظائف على شريط علامات التبويب ، وليس من السهل الوصول إلى جميع عناصر قائمة التمرير.

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

القرار

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

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

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

1.1. ما هي المشكلة الرئيسية في قائمة الهامبرغر؟

استخدم قائمة منبثقة بدلاً من قائمة صفحة كاملة

لحسن الحظ ، لدينا طريقة لحل المشكلة.

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

1.2. قوالب القائمة المنبثقة. فيديو: Joox

قم بتوسيع شريط علامات التبويب إذا كان هناك الكثير من المحتوى

توصي إرشادات Apple Human Interface Guidelines بوضع ما لا يزيد عن خمس وظائف في شريط التنقل السفلي. هذا هو المكان الذي يكون فيه خيار "المزيد" مفيدًا (ثلاث نقاط). تقع في اللوحة السفلية ، يمكنها إخفاء الوظائف الأخرى وفتحها بنقرة واحدة.

1.3. تصميم قائمة التنقل السفلية مع لوحة خيارات إضافية

شريط تبويب مخصص للمستخدمين المتقدمين

كل مستخدم هو فرد ، وقد لا تكون الوظيفة المهمة بالنسبة لأحدهم ذات أهمية للآخر. للاستفادة الكاملة من التصميم ، يمكنك السماح للمستخدمين بتخصيص لوحات علامات التبويب بالوظائف المستخدمة بشكل متكرر.

1.4. شريط علامة تبويب سفلي مخصص للوصول السريع إلى الميزات

إيماءات للمستخدمين لتطوير عادات الوصول السهل والسريع

يعد التنقل عبر إيماءات Tinder طريقة رائعة لتسهيل التنقل بيد واحدة.

1.5. التنقل القائم على الإيماءات للوصول إلى ميزات التطبيق

يجب أن تكون العودة وإغلاق الصفحة بنفس السهولة.

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

1.6. استخدام الإيماءات للتنقل بين شاشات متعددة (فيديو: Zenly )

الانتقال السريع إلى أقسام محددة من التطبيق

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

يمكن تنظيم التطبيقات بشكل هرمي واستخدام قوالب UX المخصصة لزيادة إمكانية الوصول وسهولة الاستخدام.

1.7. لوحات إيماءات عائمة وإيماءات للتنقل بين الأقسام

2. الإجراءات بيد واحدة

ما هذا

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