الوصايا العشر لتصميم تطبيقات الأجهزة المحمولة في عام 2022

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

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

اقرأ أيضًا: أهم 10 اتجاهات لتطوير تطبيقات الأجهزة المحمولة يجب الانتباه إليها

# 1. أبقيها بسيطة

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

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

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

# 2. اجعل التصميم سهل الوصول إليه

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

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

# 3. لا تعيد اختراع العجلة

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

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

# 4. تذكر لمن تصمم

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

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

# 5. استخدم الخطوط الصحيحة

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

# 6. ابق متسقًا

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

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

# 7. لا تنسى التنقل

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

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

# 8. تذكر أن تكون منطقيًا

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

غالبًا ما يتصرف الناس بشكل متوقع ويجب استخدام هذا.

# 9. قم بإنشاء نماذج أولية واقعية

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

# 10. لا تنس الاختبار

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

مراحل تصميم تطبيقات الجوال

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

التحليل وتصميم UX

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

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

• 1. وضع الضوابط في الأسفل. الزاوية اليسرى العلوية غير مستخدمة عمليا في هذه الحالة.
• 2. التمرير الرأسي والأفقي. يجب أن يقوم التطبيق بالتمرير من أسفل إلى أعلى ومن اليسار إلى اليمين.
• 3. ليست هناك حاجة لنسخ الشعار على جميع الشاشات. يكفي أن يكون على الأيقونة الرئيسية وشاشة التحميل.
• 4. خطوط كبيرة. ليس من المستحسن جعل الخط صغيرًا جدًا. لذا ، فإن الأحجام التقريبية للعناوين - 18-24 بكسل ، للتلميحات - 12-14 بكسل ، للنص الرئيسي - 14-16 بكسل.
• 5. الألوان الأصلية. يجب أن يخبروا المستخدم بالعناصر التي يُسمح لها بالضغط عليها وأيها غير مسموح به. يمكن أن يفرق اللون أيضًا بين العناصر ذات المعاني المختلفة.
• 6. تلميحات. من الجيد دائمًا أن يقوم المستخدم بعدة محاولات للنقر فوق عنصر غير قابل للنقر ، وكذلك إذا تم التخطيط لعناصر تحكم غير قياسية.

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

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

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

الخطوة الأخيرة هي تطوير الإصدارات التكيفية. إذا تم إنشاء الخدمة لنظام iOS فقط ، فنحن في هذه الحالة أكثر حظًا ، لأنه سيكون من الضروري رسم عدد قليل من الإصدارات (2-3). إذا كان البرنامج قيد التطوير لنظام Android ، فسيتعين عليك اختيار 4-5 إصدارات من القرارات الأكثر شيوعًا في قطاع معين من CA.

اختبارات

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

• 1. الفعالية. ما إذا كان المستخدم يصل إلى أهدافه.
• 2. الأداء. كم من الوقت يقضيه المستخدم لتحقيق أهدافه.
• 3. الرضا. ما إذا كان المستخدم راضيا عن جودة الخدمة.

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

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