ما هو تصميم تجربة المستخدم للأجهزة المحمولة(UX)؟

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

 خدمة نقل المستخدمين

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

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

2.    محلي – يستخدمون الأجهزة لمعرفة ما يحدث من حولهم.

3.    الملل – على سبيل المثال، يتصفحون روابط الأخبار أثناء الانتظار.

 كيفية تبسيط تجارب المستخدمين أثناء التنقل

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

 “يتحقق الكمال عندما لا يتبقى شيء سلبه.”

أنطوان دو سانت إكزوبيري ، كاتب وطيار هذا يعني أنه يجب عليك:

1.    تقليل المحتوى

2.    تصميم لأدنى حد من مرات تحميل الصفحات (أقل من ثلاث ثوان) والحمل المعرفي. أيضًا ، يستخدم 94٪ من مستخدمي الأجهزة المحمولة الوضع الرأسي ، مما يعني عرضًا أقل للعمل به.

أ. اجعل الصور (بما في ذلك الصور المضمنة) في حدها الأدنى والصغيرة.

ب. لديك تسلسل هرمي مرئي واضح.

ج. استخدم اللون والتباين لزيادة الرؤية.د.

اجعل النص 11 نقطة أو أكبر.

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

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

ح. تأكد من أن جميع الأجهزة يمكنها دعم المحتوى.

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

2.    تبسيط التنقل

3.    يستخدم معظم المستخدمين يد واحدة. يمكن أن تكون أطراف الأصابع كبيرة. وبالتالي:

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

ب. قم بإنشاء أزرار / علامات تبويب 30 × 30 بكسل / 7-10 مم (الحد الأدنى).

ج. استخدم قوائم التنقل بملء الشاشة، ومستويات التنقل الدنيا، والتسميات الواضحة، بما في ذلك علامات التبويب / الرموز والرسومات.

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

ه. امنح وصولاً قصير المفتاح إلى الميزات.

و. لا تخلط بين أنماط التنقل.ز. إظهار الروابط بوضوح. أشر إلى متى قام المستخدم بتنشيطها.

ح. السماح بإجراء أساسي واحد لكل شاشة.مناطق الراحة التي يمكن الوصول إليها باليد.    

3.    تقييد مدخلات المستخدم

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

أ. اجعل عناوين URL قصيرة.

ب. تعبئة مسبقة أو تقليل مدخلات البيانات المطلوبة في النماذج.

ج. قم بتضمين آليات إدخال بديلة (مثل التحكم الصوتي).

د. السماح بتسجيل الدخول الدائم.

ه. السماح بالحد الأدنى من التمرير أحادي الاتجاه.

و. الاحتفاظ بالبيانات في حالة فشل الاتصالات.ز. اعرض ميزات بحث واضحة (على سبيل المثال ، عدسة مكبرة).

ح. استخدم الشاشات الهيكلية للتأكد من أن النظام ينفذ إجراءات الخلفية. 

4.    ضمان الاستمرارية والاتساق

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

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

ب. الحفاظ على الاستمرارية؛ السماح للمستخدمين بتتبع الطلبات ، وما إلى ذلك بنفس السهولة على الهواتف المحمولة.

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