الوصايا العشر لتصميم تطبيقات الجوال
نشرت: 2017-09-20لا تفرط في تعقيد الأمور
يوجد أكثر من 3.4 مليون تطبيق في متجر Google Play - وأكثر من 2 مليون تطبيق في متجر تطبيقات Apple. هذا يعني أنه في المتوسط ، تتم إضافة 3،389 تطبيقًا إلى متجر Google Play يوميًا - وبينما تعد Apple أكثر انتقائية قليلاً ، لا يزال 1،557 تطبيقًا يصل إلى App Store يوميًا.
إذا كنت من مصممي تطبيقات الأجهزة المحمولة وتريد أن يخرج تطبيقك عن الطوفان اليومي ، فعليك إنشاء منتج جميل وممتع للاستخدام.
هل تحتاج إلى القليل من الإرشادات للتأكد من أنك تفعل كل ما بوسعك لتصميم تطبيق ناجح؟ ليست هناك حاجة لتسلق جبل - فلدينا 10 وصايا لتصميم تطبيقات الهاتف المحمول هنا:
لا تفرط في تعقيد الأمور
كمصمم تطبيق ، من السهل أن تبتعد عنك. عندما تطرح تطبيقًا جديدًا في السوق ، هناك شعور بأنك بحاجة إلى حشو جميع أنواع الميزات التي (في الوقت الحالي) تشعر بأنها ضرورية للغاية. هذا صحيح بشكل خاص عندما تعمل في مشروع مع فريق. لا أحد يريد أن يكون هو الشخص الذي يسيطر باستمرار على أفكار الآخرين - أو الشخص المعروف بإلغاء ميزة قاتلة من المشروع. ومع ذلك ، مع تصميم تطبيقات الأجهزة المحمولة ، غالبًا ما يؤدي تضمين الميزات الإضافية على الأطراف إلى إرباك المستخدم ، ووجود واجهة مستخدم مشوشة وغير مركزة.
"يريد مستخدمو الأجهزة المحمولة تجربة مستخدم سلسة وسريعة. يقول Mark Tuchscherer ، رئيس Geeks Chicago ، إن تحميل تطبيقك بمجموعة من الخطوات الإضافية ، أو حتى محاولة نسخ تجربة سطح المكتب لمنتج ما هو نهج تصميم خاطئ. "سوف يتبنى مستخدمو الجوّال أسلوبًا بسيطًا على أي شيء آخر".
نحن نتفق - اجعل ميزاتك تقتصر على ما هو ضروري فقط ، وأثناء وجودك فيها ، تأكد من أن واجهة المستخدم الخاصة بك تعكس عقلية مماثلة. يجب أن تقوم واجهة المستخدم الخاصة بك بما يحتاجه المستخدم بالضبط ، ولا شيء أكثر من ذلك.
عليك التأكد من أن التصميم الخاص بك يمكن الوصول إليه
كما قلنا من قبل ، فإن إمكانية الوصول ليست مجرد شيء ممتع - إنها ميزة مهمة يجب أن تكون موجودة في تطبيقك. لكي تكون صريحًا ، إذا كنت لا تضع إمكانية الوصول في مقدمة تصميم تطبيق الهاتف المحمول الخاص بك ، فأنت بحاجة إلى العودة إلى لوحة الرسم.
أولاً ، من الضروري للغاية جذب جمهور تمثيلي ، مع الأخذ في الاعتبار أن 57 مليون أمريكي يعانون من إعاقة. في الواقع ، يوجد عدد أكبر من الأمريكيين على الإنترنت يعانون من ضعف السمع مقارنة بإجمالي الإيطاليين في العالم. الشيء نفسه ينطبق على الأمريكيين الذين يعانون من إعاقة بصرية. ضع في اعتبارك - هؤلاء فقط أمريكيون!
علاوة على ذلك ، فإن التصميم الذي يمكن الوصول إليه هو ببساطة تصميم جيد. تُبرز أفضل ممارسات تصميم إمكانية الوصول التي اقترحتها كل من Apple و Android الأشياء التي يجب عليك فعلها على أي حال ، مثل تصنيف عناصر التحكم في واجهة المستخدم بدقة ، وتقديم التنقل القائم على التركيز وتجنب تعليقات التطبيق الصوتي فقط.
وبالطبع ، بغض النظر عما إذا كنت تصمم لنظام Android أو iOS ، فأنت بحاجة ماسة إلى اختبار تطبيقك مع جمهور عريض. لا تمررها إلى مكتبك فحسب - ضعها في أيدي مجموعة متنوعة من السكان. آخر شيء تريده هو أن يكون تطبيقك غير قابل للاستخدام من قِبل جزء كبير من السوق.
انت لن تعيد اختراع العجلة
على الرغم من أنه قد يكون هناك الكثير من الأجهزة ، إلا أن هناك عددًا قليلاً من التصميمات العامة وإشارات UX التي يتبعها الجميع تقريبًا. ضع في اعتبارك تجربتك الخاصة في استخدام التطبيقات: عندما تتفاعل مع شاشتك ، تتوقع حدوث أشياء معينة. في بعض التطبيقات ، قد يعني ذلك أنك تتوقع ظهور قائمة من الجانب عند تحريك إبهامك فوقها. بالنسبة للآخرين ، قد يعني إيماءات اللمس المنطقية والمألوفة ، مثل تحريك الكائنات باستخدام السحب والإفلات.
لا نقترح عليك ببساطة تجميع تطبيقك بشكل مجزأ استنادًا إلى عناصر واجهة المستخدم الموجودة بالفعل في البرية ، ولكن يجب أن تكون على دراية بما يتوقعه المستخدمون من تجربة التطبيق الخاصة بهم. يجب شرح أي عناصر جديدة تضيفها ، إما من خلال عملية تهيئة مخصصة ، أو عن طريق التعلم البديهي. يضيف ذلك طبقة إضافية من التعقيد للمستخدم الخاص بك. ما لم يكن لديك أي خيار آخر على الإطلاق ، يجب تجنبه.
فكر في الأمر بهذه الطريقة: إذا قمت بتنزيل تطبيق لتصفح صورك وتطلب منك تعلم طريقة جديدة تمامًا للتفاعل مع شاشتك (على سبيل المثال ، باستخدام إيماءات لم تكن على دراية بها) ، فهل ستستمر في استخدام هو - هي؟ ماذا لو كان هناك تطبيق آخر يتيح لك استخدام الإيماءات التي كنت معتادًا عليها بالفعل؟
لا تتخلص من التقاليد فقط لتمييز نفسك عن منافسيك ، يجب أن تعمل دائمًا ضمن لغة التصميم التي يعرفها المستخدمون ، إلا إذا كان إضافة عناصر جديدة أمرًا لا مفر منه ويضيف شيئًا إلى تجربة التطبيق
سوف تتذكر دائما لمن تصمم
إذا كنت تصمم تطبيقًا لتحرير الصور للجوال للمصورين ، فستكون لديك أولويات مختلفة عما إذا كنت تصمم لعبة حفظ الكلمات للأطفال الصغار. سيكون لكل جمهور تصمم له توقعات مختلفة ، وسيستجيب كل منهم لأنواع مختلفة من التصميمات.
قد يكون من المفيد تطوير شخصيات لمستخدمي تطبيقك الوهميين لنمذجة كيف تتوقع أن يتفاعل الناس معها. هل تصمم لمحترف؟ طالب؟ طبيب؟ مؤسسة؟ شركة صغيرة؟ هل تنشئ شيئًا مصممًا ليستخدمه العملاء أو الموظفون؟ مبرمجين أم مصممين؟ موسيقيون أم عداءون؟
قبل أن تبدأ في رسم التصميم ، تأكد من أنك تعرف بالضبط ما تقوم بإنشائه - ومن تقوم بإنشائه. يجب أن تكون قادرًا على تلخيص هدفك والديموغرافيات المستهدفة في عبارة واحدة بسيطة: "تطبيق مواعدة لعشاق السفر". "تطبيق خلط استوديو للمنتجين المبتدئين." "أداة تشخيص الشبكة لمحترفي تكنولوجيا المعلومات."
موصى به لك:
كيف ستحول Metaverse صناعة السيارات الهندية
ماذا يعني توفير مكافحة الربح بالنسبة للشركات الهندية الناشئة؟
كيف تساعد الشركات الناشئة في تكنولوجيا التعليم في تطوير مهارات القوى العاملة في الهند وتصبح جاهزة للمستقبل ...
الأسهم التقنية في العصر الجديد هذا الأسبوع: مشاكل Zomato مستمرة ، EaseMyTrip تنشر Stro ...
تتخذ الشركات الهندية الناشئة اختصارات في مطاردة للتمويل
منصة التسويق الرقمي Logicserve Bags INR 80 Cr Funding، Rbrands as LS Dig ...
إذا كنت تكافح من أجل القيام بذلك ، ففكر في سبب ذلك - هل تركز حقًا على إنشاء أفضل تجربة للمستخدم ، أم أنك تحاول فقط تصميم شيء يبدو رائعًا بالنسبة لك؟ لا تفقد التركيز على هدفك.
يجب عليك استخدام الخطوط غير البغيضة
خطيئة التصميم هذا شيء اختبرناه جميعًا. لا يهم ما إذا كان موجودًا في أحد التطبيقات ، أو على ورقة ذات رأسية من مكتب طبيبك ، أو على شريحة PowerPoint - عندما لا يكون الخط مناسبًا ، نلاحظ ذلك.
لقد تم كتابة ما يكفي عن سقوط Comic Sans أو Papyrus مما تعتقد أن مصممي تطبيقات الأجهزة المحمولة سيولون المزيد من الاهتمام للخطوط التي يستخدمونها في تصميماتهم - ولكن هذا ليس هو الحال دائمًا. وببساطة تجنب بعض الخطوط السيئة لا يكفي لجعل تطبيقك جميلاً. يجب أن تجد خطًا يناسب تطبيقك ولا ينتقص من تجربة المستخدم الخاصة بك.
يقول مايك سبنسر ، كبير مهندسي UX / UI في Pointman: "تعد الطباعة جزءًا لا يتجزأ من تجربة المستخدم ، لذلك من المهم استخدام خطوط ويب نظيفة وبسيطة". "أفضل خطوط sans-serif لتطبيقات الأجهزة المحمولة ، ولكن ما يهم حقًا هو أنها تناسب تصميمك ويمكن قراءتها."
يجب أن تحافظ على ثباتك
تحتاج إلى تحديد خيارات التصميم ، والالتزام بها في جميع أنحاء التطبيق. ليس لديك شريط تنقل علوي في كل صفحة قبل التبديل فجأة إلى لوحة جانبية تنزلق للخارج على عدد قليل من الشاشات المختارة. لا تستخدم النغمات الأرضية الناعمة لشاشة البداية وانتقل إلى ألوان الباستيل بمجرد تحميلها. إذا كان أحد الأزرار في تطبيقك يحتوي على مقدار معين من المساحة المتروكة ، فيجب أن تحتوي جميعها على نفس المساحة المتروكة. يحتاج تطبيقك إلى إحساس موحد طوال الوقت ، وإلا سيكون الأمر مزعجًا وغير سار للمستخدم.
الحفاظ على التناسق لا يقتصر فقط على الجماليات. تعمل عناصر التصميم التي تستخدمها بمهارة على تعليم المستخدم المحتمل شيئًا عن تطبيقك. إذا غيرت القواعد فجأة ، فسوف تتخلص منها وتشوشها.
إذا كانت هناك تطبيقات أخرى مشابهة لتطبيقاتك ، فقم بتدوين ما يفعلونه بطريقة تصميمية. سيُظهر لك هذا التوقعات التي سيجلبها المستخدمون إلى تطبيقك. ستلاحظ أن جميع تطبيقات Google لها مظهر متناسق لها - نفس الشيء بالنسبة لـ Apple. إذا كنت تصمم شيئًا ما لشركة أو صناعة معينة ، فتأكد من أن تطبيقك يتوافق مع أسلوبهم. وبالمثل ، إذا كنت تنشئ تطبيقًا لصناعة معينة ، فيجب أن تشعر أنه "مناسب" من الناحية الجمالية لهذه الصناعة.
يجب أن تبقى المحمول في الاعتبار
تصميم تطبيقات الجوال ... حسنًا ، جوّال. على الرغم من ذلك ، يبدو أن العديد من المصممين ينسون أن المستخدمين سوف يتنقلون في تطبيقاتهم بأصابعهم (وفي كثير من الحالات ، فقط إبهامهم). بينما أصبحت الهواتف أكبر حجمًا في السنوات القليلة الماضية ، لا يزال هناك الكثير من المستخدمين وحالات الاستخدام التي تتطلب سهولة الاستخدام بيد واحدة.
يجب أن تفكر أيضًا في البيئة التي سيكون فيها المستخدمون. فقد يكونون جالسين في مركبة متحركة ، أو ينقرون على الأزرار أثناء سيرهم. إذا كان لديك عدد كبير جدًا من الأزرار مكدسة بشكل متقارب جدًا أو إذا كانت الشاشة مليئة بعناصر تصميم غير ضرورية ، فسيكون من الصعب فهم تطبيقك وسيصبح استخدامه غير سار. يجب أن تكون واجهة المستخدم الخاصة بك نظيفة ومرتبة ، بحيث يمكن للمستخدمين العثور على الوظيفة التي يحتاجون إليها والضغط على الزر الأيمن بسهولة.
لاحظ روبرت Grashuis و Jason Moccia ، رئيس قسم المعلومات والرئيس التنفيذي لشركة OneSpring على التوالي ، أهمية استخدام الكثير من المساحة السلبية لمساعدة المستخدمين على التنقل في تطبيقك. "الكثير من النشاط على الشاشة يصرف انتباه القراء. استخدم المساحة البيضاء بحكمة لتقليل الفوضى ومساعدة المستخدم على التركيز. "
انت سوف تتذكر تدفق المستخدم
بغض النظر عن مدى نظافة تصميمك ، إذا لم يكن لتطبيقك تدفق طبيعي ، فلن يفوز بالمستخدمين. قبل الغوص في تصميم تطبيقات الأجهزة المحمولة ، عليك أن تسأل نفسك بعض الأسئلة الأساسية ، مثل:
- ما الغرض الذي يخدمه تطبيقك للمستخدم؟
- كيف سيتنقلون خلالها للوصول إلى الوظائف التي يحتاجون إليها؟
- كم عدد الصفحات التي سيتعين عليهم تحليلها؟
- كم عدد النقرات على القائمة للوصول إلى زر معين؟
- ما هي الوظائف التي يجب أن تكون أكثر سهولة في الوصول إليها؟
يمكن أن يساعد ذلك في توجيه تصميمك ، من خلال إظهار ما يجب تضمينه بالضبط في كل صفحة. من الناحية المثالية ، يجب أن تحدث هذه الخطوة قبل البدء في رسم (أو إنشاء نماذج أولية) لتطبيقك. في مستند فارغ أو على قطعة من الورق ، يمكنك تخطيط تدفق المستخدم لمختلف المهام. على سبيل المثال ، إذا كنت تصمم تطبيقًا يساعد الموسيقيين على ضبط آلاتهم ، يمكن أن يكون لديك تدفق يشبه ما يلي:
الشاشة الرئيسية> تحديد الآلة [الغيتار]> اختيار الضبط [القياسي]> تحديد السلسلة [E]
قد تقرر تبسيط تدفق المهام الشائعة. على سبيل المثال ، يمكن أن يسمح الموالف الخاص بك للمستخدمين بحفظ مجموعة أدوات وضبط معينة على زر على الشاشة الرئيسية. بمجرد اختيار الأداة المفضلة والضبط ، سيبدو التدفق كما يلي:
الشاشة الرئيسية> الآلة المحفوظة / التوليف> حدد سلسلة [E]
يمكن أن يساعدك تخطيط سلوك المستخدم مثل هذا في تصميم تطبيق يتدفق بشكل طبيعي. يضمن أيضًا أنك لن تنسى إضافة عنصر تصميم معين قد يكون حاسمًا لنجاح تطبيقك.
ستنشئ نموذجًا أوليًا واقعيًا
يمكن أن يكون تصميم التطبيق - ناهيك عن ترميزه - عملية طويلة ومحبطة. يتمتع كل مصمم أو مطور تقريبًا بتجربة ابتكار تصميم مذهل ، وترميزه وإرساله إلى العميل ، ليتم إخباره فقط أنه ليس ما يبحثون عنه.
وبالمثل ، فإن رسومات التلاعب بالألعاب يمكن أن تجعلك بعيدًا جدًا. هناك فرق كبير بين شيء محفور على ظهر منديل ونموذج أولي واقعي يمكنك اختباره بالفعل. على الرغم من أن الرسم قد يوصل الفكرة العامة ، إلا أن النموذج الأولي التفاعلي والواقعي يمكن أن يجعل عميلك يقفز من مقعده. وحتى إذا لم يكونوا سعداء به ، فإن النموذج الأولي العملي سيجعل من السهل جدًا الحصول على التعليقات وإجراء التغييرات اللازمة.
يمنحك Proto.io القدرة على تصميم نماذج أولية واقعية وتفاعلية ومتكاملة تتصرف تمامًا مثل التطبيقات "الحقيقية" دون مطالبتك بكتابة سطر واحد من التعليمات البرمجية. بهذه الطريقة ، يمكنك منح العميل وفريق ضمان الجودة تجربة عملية حقيقية قبل الغوص في العمق.
ويتحدث عن سؤال وجواب ...
ستختبر - ثم اختبر المزيد
في الحقيقة ، عندما بدأنا لأول مرة في تحديد منشور المدونة هذا ، شعرنا بإغراء إجراء 1 - 10 "اختبار" - وهذا هو مدى أهمية ضمان الجودة. هذا شيء يجب أن يكون واضحًا - في الواقع ، سيخبرك كل مطور أو مصمم تقريبًا على هذا الكوكب أن الاختبار ضروري لإنشاء تجربة مستخدم سلسة.
ومع ذلك ، فقد مررنا جميعًا بنفس التجربة في تنزيل التطبيق وشعرنا بالحيرة تمامًا لمدى سوء تشغيله - ربما لا يتم تشغيله بشكل صحيح على هواتفنا ، أو ربما تكون عملية الإعداد مروعة جدًا لدرجة أنك قمت بحذفها على الفور هو - هي. بدلاً من ذلك ، قد يعمل بشكل جيد تقنيًا ، ولكن يحتوي على عناصر تصميم لا معنى لها ، أو نص غير مقروء.
حتى إذا لم يكن تطبيقك به عيب فادح ، يمكن أن يكون المستخدمون متقلبين. قد يكون هناك خطأ بسيط واحد هو كل ما يتطلبه الأمر منهم لعدم استخدام تطبيقك مرة أخرى. لتجنب ذلك ، اختبر تطبيقك طوال العملية. من النموذج الأولي الخاص بك ، إلى اللحظة التي ترسل فيها تطبيقك الجاهز للتشغيل لإيقاف التشغيل ، يجب أن تبحث دائمًا عن أشياء لإصلاحها أو تحسينها.
في حين أن هذه القواعد العشر ستبقيك على المسار الصحيح ، فإن تصميم تطبيقات الأجهزة المحمولة لا يقتصر فقط على اتباع الأدلة أو التحقق من العناصر من قائمة المهام الخاصة بك. يجب أن تكون مبدعًا - تجد أفضل التطبيقات المشكلات المعقدة وتحلها بأناقة.
[ظهر هذا المنشور لأول مرة على Proto.io وتم نسخه بإذن.]