7 خطايا قاتلة لتصميم واجهة مستخدم تطبيقات الجوال يجب ألا ترتكبها أبدًا

نشرت: 2015-09-09

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

الخطيئة 1

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

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

7 خطايا تصميم واجهة مستخدم تطبيقات الهاتف المحمول القاتلة - وفقًا لـ ÄKTA

أليسا بيرك ومايسي نجوين مصممان لواجهة المستخدم والتفاعل البصري في ÄKTA (akta) ، وهي شركة استشارية للتجربة الرقمية والمشاركة. عمل كلاهما في مشاريع تصميم الأجهزة المحمولة الأصلية لشركات Fortune 500 والشركات الناشئة سريعة النمو ، وساهموا في قطع تصميم واجهة المستخدم الخاصة بهم في بعض من أفضل مشاريع الوكالة. إليك ما يعتبرونه أخطاءً لا تُغتفر لتصميم واجهة مستخدم تطبيقات الجوّال:

تجاهل السياق

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

التصميم في صندوق

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

المطورين الزجر

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

قلة الاستفادة من تصميم الحركة

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

باستخدام الكتابة الصغيرة

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

تجاهل أهداف النقر

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

كونك موالٍ لمنصة

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

الخطيئة 2

7 خطايا قاتلة لتصميم واجهة مستخدم تطبيق الهاتف المحمول - وفقًا لحلول Moblico

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

موصى به لك:

ماذا يعني توفير مكافحة الربح بالنسبة للشركات الهندية الناشئة؟

ماذا يعني توفير مكافحة الربح بالنسبة للشركات الهندية الناشئة؟

كيف تساعد الشركات الناشئة في Edtech في الارتقاء بالمهارات وجعل القوى العاملة جاهزة للمستقبل

كيف تساعد الشركات الناشئة في تكنولوجيا التعليم في تطوير مهارات القوى العاملة في الهند وتصبح جاهزة للمستقبل ...

الأسهم التقنية في العصر الجديد هذا الأسبوع: مشاكل Zomato مستمرة ، EaseMyTrip تنشر Stro ...

تتخذ الشركات الهندية الناشئة اختصارات في مطاردة للتمويل

تتخذ الشركات الهندية الناشئة اختصارات في مطاردة للتمويل

أفادت التقارير أن شركة Logicserve Digital الناشئة في مجال التسويق الرقمي قامت بجمع 80 كرونا روبية هندية كتمويل من شركة إدارة الأصول البديلة Florintree Advisors.

منصة التسويق الرقمي Logicserve Bags INR 80 Cr Funding، Rbrands as LS Dig ...

تقرير يحذر من تجديد التدقيق التنظيمي على Lendingtech Space

تقرير يحذر من تجديد التدقيق التنظيمي على Lendingtech Space

شغل مساحة كبيرة على الجهاز بالنسبة إلى القيمة المتصورة

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

طلب الإذن بمجرد تشغيل التطبيق (دفع ، موقع ، كاميرا ، إلخ)

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

يتطلب تسجيل الدخول أو التسجيل أو ما هو أسوأ - الشراء - بعد التنزيل وقبل استخدام التطبيق

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

إنشاء تصميم واجهة مستخدم لتطبيق جوال يشبه تمامًا موقع الويب عبر الإنترنت

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

الإعلانات التي يتم وضعها بشكل سيئ ، أو الإعلانات التي تخدعك للنقر عليها بعلامة "x" الصغيرة.

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

يثقلني بإشعارات الدفع

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

عدم وجود تسجيل دخول واحد (SSO) للوصول إلى حسابات الجوال

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

الخطيئة 3

7 خطايا تصميم واجهة مستخدم تطبيقات الهاتف المحمول القاتلة - وفقًا لشركة Ideaware Co.

أندريس ماكس (andresmax) هو مؤسس شركة Ideaware Co. (ideawareco) ، وهي وكالة إبداعية رقمية تساعد الشركات الناشئة وشركات Fortune 500 على حد سواء في إنشاء تطبيقات جذابة. قبل تأسيس Ideaware ، عمل Max كمصمم UX رائد في Mashable. بعد أن صمم لأكثر من عدد قليل من الضاربين في الصناعة ، يمتلك ماكس مشاعر قوية حول ما يراه الخطايا السبع المميتة لتصميم واجهة مستخدم تطبيقات الأجهزة المحمولة:

لا توجد تعليقات من المستخدم بمجرد نقر المستخدم على شيء ما

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

onboardings الأبدية

إذا كنت على هاتفي ، فربما أرغب في القيام بكل ما أفعله في تطبيقك بسرعة. لا تسألني مئات الأسئلة أو تطلب مني ملء آلاف الحقول.

جعل نقاط اللمس بحجم خاطئ

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

تقديم أنماط تنقل غريبة

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

مخططات الألوان السيئة

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

مساحة بيضاء

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

دفع الجحيم إعلام

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

الخطيئة 4

كيف ستبدو خطايا تصميم واجهة مستخدم تطبيق الجوال السبع المميتة؟

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

[المقالة الأصلية منشورة على blog.proto.io في 17 أغسطس / آب]