مبادئ تصميم UX للجوال

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

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

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

ضع المستخدم أولاً

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

فيما يلي بعض الأشياء التي يمكن للمصممين القيام بها لتلبية الاحتياجات المحددة لمستخدمي الأجهزة المحمولة.

اجعل التنقل أمرًا بديهيًا

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

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

قم بإنشاء تجربة سلسة عبر الأجهزة

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

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

ركز على أهداف المستخدم

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

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

السماح للتخصيص

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

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

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

اجعل الأمور أسهل دائمًا

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

على سبيل المثال ، تقدم العديد من تطبيقات ومواقع التجارة الإلكترونية الآن خيار الكاميرا لإدخال معلومات بطاقة الائتمان. بدلاً من كتابة رقم البطاقة ، يمكن للمتسوقين توجيه الكاميرا إلى بطاقة الائتمان الخاصة بهم وسيقوم التطبيق تلقائيًا بقراءة الرقم.

أشياء أخرى مثل تحديد نوع الإدخال في حقول النموذج (بحيث ، على سبيل المثال ، عندما يكون عنوان البريد الإلكتروني هو الإدخال المتوقع ، ينبثق الرمز @ و ".com" على شاشة لوحة المفاتيح الرئيسية).

ممارسات الإعداد الجيدة

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

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

استخدم الإيماءات المحددة

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

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

تصميم تخطيط المحمول

لا يختلف تصميم تخطيطات الأجهزة المحمولة تمامًا عن تصميم أي نوع آخر من التخطيط ، ولكن هناك بعض الاعتبارات التي يجب على المصممين مراعاتها.

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

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

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

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

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

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

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

أفضل ممارسات Mobile UX

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

ركز على السرعة

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

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

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

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

تقديم ملاحظات للمستخدمين

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

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

تقليل إدخال البيانات

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

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

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

خاتمة

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

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

مزيد من القراءة على مدونة Toptal Design:

• تصميم Mobile UX - أفضل الممارسات والقيود والعمل مع المطورين
• احتفظ بالمستخدمين من خلال هذه الإيحاءات المتعلقة بإعداد تطبيقات الجوال
• الدليل الأساسي لاستخدام الهاتف المحمول
• مبادئ ارشادية للواجهات المتنقلة
• التجارة الإلكترونية UX لتجربة الهاتف المحمول