أهم 10 نصائح لمطوري تطبيقات الجوال لا يستطيعون تخطيها
نشرت: 2015-04-24بينما تتحكم الكثير من العوامل في الطريقة التي يتم بها تطوير تطبيق الهاتف المحمول ، فإن وضع تصور لواجهة مستخدم التطبيق هو أحد أهم الاعتبارات. عندما يتعلق الأمر بواجهة مستخدم تطبيق جوال ، فإن الأشياء الرئيسية التي تتطلب اهتمامًا خاصًا تشمل: التأكد من أن النقر على زر معين أو أي عناصر أخرى لواجهة المستخدم يقدم ملاحظات للمستخدم ، ووضوح الواجهة ، والاتساق عبر طرق العرض المتعددة لتطبيق الهاتف المحمول ، إلخ. بصفتك مصمم تطبيقات جوال ، فإن الاهتمام بجميع هذه الجوانب هو شيء تندم على تجنبه. من أجل مصلحتك ، قمت بإدراج عشر نصائح رائعة لواجهة مستخدم الهاتف المحمول والتي ستساعدك على تصميم واجهة مستخدم مثالية لأنواع مختلفة من تطبيقات الهاتف المحمول.
لماذا يعد تصميم واجهة مستخدم رائعة لتطبيق الجوال أمرًا ضروريًا؟
حسنًا ، أثناء تصميم واجهة المستخدم لتطبيق جوّال ، تحتاج إلى التأكد من أن العملية المرتبطة به مدروسة جيدًا ولا تختلف بأي حال عن تلك المتبعة لتصميم واجهة المستخدم لمواقع الويب / تطبيقات الويب. بمعنى آخر ، يجب عليك استخدام نفس المبادئ الأساسية لتصميم تطبيق موجه للجوال / الأجهزة اللوحية كتلك المستخدمة لتصميم تطبيق لأجهزة كمبيوتر سطح المكتب.
تصبح معرفة وفهم المستخدمين أمرًا سهلاً من خلال واجهة مستخدم رائعة لتطبيق الهاتف المحمول
تتطلب عملية تصميم واجهة مستخدم سهلة الاستخدام لتطبيق جوال الكثير من البحث. تحتاج إلى تحديد من هو الجمهور المستهدف وما يجب أن يكون نقطة البداية لواجهة مستخدم مذهلة للغاية. على سبيل المثال ، إذا كان الجمهور المستهدف لتطبيق الهاتف المحمول الخاص بك يتألف من المراهقين ، فإن بعض عناصر التصميم الرئيسية التي تحتاج إلى أخذها في الاعتبار جيدًا تشمل: الألوان الجريئة والنابضة بالحياة والتخطيطات الجذابة والخطوط غير التقليدية وما إلى ذلك.
الآن ، دعنا ننتقل مباشرة إلى أهم 10 نصائح لواجهة مستخدم الجوال والتي ستوفر أقصى قدر من الفوائد لمصمم تطبيقات الأجهزة المحمولة
- اعرف ما إذا كنت تستهدف المستخدمين الخبراء أو الهواة
عادةً ما يتم تصميم تطبيق جوّال لمجموعة واسعة الانتشار من المستخدمين ذوي الخبرة والنوايا المتشابهة. ومع ذلك ، هناك احتمال واضح لمجموعات المستخدمين التي تمتلك مستويات مختلفة من الخبرة والنوايا. في حين أن المستخدمين المبتدئين قد يختارون التحرك ببطء في جميع أنحاء التطبيق ، فإن الخبراء سيكونون قادرين على حفظ جميع عناصر التطبيق ، وبالتالي التحرك بسرعة عبر صفحات التطبيق المتعددة. لذلك ، أثناء إنشاء واجهة مستخدم التطبيق الخاص بك ، تأكد من أنها فعالة مع كونها بسيطة ومفيدة لكل من المستخدمين المبتدئين والخبراء.
- استقر للحصول على حجم زر مثالي
تكشف الإحصائيات أن حجم زر واجهة مستخدم تطبيق الجوال يقتصر على حجم إصبع المستخدم. قال غالبية المستخدمين إن تشغيل جهاز محمول عبر الإبهام قد وفر وصولاً مناسبًا حقًا إلى واجهة التطبيق. لذلك ، أثناء تصميم واجهة المستخدم لتطبيق الهاتف المحمول ، تأكد من تنفيذ حجم زر كافٍ بالإضافة إلى مقدار الفجوة المطلوبة بين أزرار الشاشة للابتعاد عن أي مشكلات متعلقة باللمس.
- تأكد من أن النص مقروء
عند مواجهة صعوبة في قراءة الكلمات المضمنة في تطبيقك ، فمن المرجح أن يمضي المستخدمون قدمًا في اختيار تطبيق مختلف تمامًا. على الرغم من مقدار الجهود التي تبذلها في تجميل الطباعة لتطبيق الهاتف المحمول الخاص بك ، يمكن للنص غير المقروء أن يستنزف الجوهر الفعلي للتطبيق بسهولة. لذلك ، يمكنك اختيار تضمين النوع الديناميكي للنص في تطبيقك. الميزات الإضافية المضمنة في هذا النوع من الطباعة هي:
- القدرة على تحديد مجموعة متنوعة من أنماط النص لكتل نصية مميزة بما في ذلك الحاشية السفلية والعنوان والجسم وما إلى ذلك.
- يتم إجراء تعديلات تلقائية على تباعد الأحرف والارتفاع لكل حجم خط
- القدرة على الحصول على نص يستجيب للتغييرات التي أجراها المستخدم على إعدادات حجم النص المختلفة وما إلى ذلك.
- استفد بشكل كامل من عدد لا يحصى من الرموز المصممة خصيصًا لتطبيقات الهاتف المحمول
عالم تطوير واجهة تطبيقات الهاتف المحمول مليء بمجموعة من الرموز التي نجحت في إثارة إعجاب مستخدمي التطبيقات المبتدئين والمحترفين على حدٍ سواء. تأتي هذه الرموز بوظائف يسهل فهمها لجميع فئات المستخدمين. لذلك ، كمصمم تطبيق ، يمكنك المضي قدمًا في تنفيذ مجموعة من الرموز شائعة الاستخدام في تطبيقك ، وبالتالي الخروج بواجهة مستخدم رائعة تمامًا. فيما يلي نظرة على بعض من أفضل الرموز المستخدمة أثناء تصميم واجهة التطبيق:
- || - يمثل هذان الخطان المتوازيان الإيقاف المؤقت لخط التشغيل
- "؟" - يشير هذا المثلث إلى تشغيل ملف وسائط
- x- يستخدم هذا التقاطع لإغلاق ملف
- انتبه لموقع واجهة مستخدم تطبيق الهاتف المحمول
عادةً ما يتم وضع عناصر واجهة المستخدم الخاصة بتطبيق الهاتف المحمول إما في أسفل التطبيق أو في الجزء العلوي منه. هنا ، من المهم أن تعرف أن غالبية مستخدمي الهواتف الذكية يحملون أجهزتهم باستخدام إبهامهم كإصبع أساسي لضرب العديد من الأزرار. بالنسبة لمستخدم اليد اليمنى ، من المرجح أن يصل الإبهام إلى المنطقة باتجاه أسفل يمين الشاشة. لذلك ، يوصى بوضع جميع أزرار التطبيق الأساسية في أسفل الشاشة ، متبوعة بوضع جميع الأزرار الحرجة والمستخدمة غالبًا في الزاوية اليمنى السفلية من الشاشة.
- اختر تخطيطًا مناسبًا للهاتف المحمول
يشكل التخطيط مكونًا حيويًا لكل واجهة مستخدم متنقلة (واجهة مستخدم). أثناء تصميم واجهة المستخدم لتطبيقك ، تأكد من اختيار تخطيط الهاتف المحمول المناسب الذي يوفر لك طريقة ملائمة لتنظيم ومواءمة التفاصيل داخل التطبيق. يتم فصل جميع تخطيطات الهاتف المحمول إلى ثلاث فئات رئيسية:
- مع تذييل
- مع شريط القوائم والتذييل
- بدون تذييل أو شريط القوائم
- خطط لدمج زر "رجوع" وفقًا لتوقعات منصة (منصات) الأجهزة المحمولة
أثناء تصميم واجهة المستخدم للتطبيق ، تأكد من أن زر "رجوع" يعيد المستخدم مرة أخرى باستمرار. يجب القيام بذلك فقط بعد التفكير في النظام الأساسي الذي تصمم التطبيق من أجله. على سبيل المثال ، إذا كنت تقوم بتصميم تطبيق iOS ، فإنني أوصي بدمج زر "رجوع" في الزاوية العلوية اليسرى حيث يتوقع غالبية المستخدمين أن يكون على هذا النحو.
- استخدم صورًا عالية الدقة
يُنصح بتحويل صورك منخفضة الدقة إلى صور عالية الدقة وحيوية. يمكن أن يؤدي القيام بذلك بسهولة إلى إضافة لمسة فريدة من الأناقة إلى المظهر المرئي لواجهة مستخدم التطبيق الخاص بك. كقاعدة عامة ، من خلال دمج الصور بدقة 264 بكسل في البوصة أو أعلى ، يمكن بسهولة إضافة جاذبية إلى واجهة مستخدم التطبيق. لذلك ، أثبتت الصور القائمة على المتجهات أنها بديل أفضل للصور التي لا يمكن تحجيمها لتلبي الدقة المتغيرة لشاشات المحمول المختلفة.
- انتبه لحركة الجهاز
بصرف النظر عن موقع أزرار واجهة المستخدم ، من المهم أن تتذكر أن إبهام مستخدم التطبيق له اتجاه تدفق محدد. لذلك ، تحتاج إلى تصميم واجهة المستخدم التي تتحكم في جميع حركات الإبهام المختلفة للمستخدم مثل التمرير واختيار قائمة وما إلى ذلك.
- انتبه إلى تباين الألوان المستخدم في واجهة مستخدم التطبيق
يلعب الاستخدام الصحيح للألوان دورًا محوريًا في تعزيز الاتصال داخل واجهة مستخدم تطبيق الهاتف المحمول. على سبيل المثال ، عندما يتعلق الأمر بتصميم واجهة المستخدم لتطبيق iOS ، فإن اللون هو الذي يساعد في إضفاء الحيوية وتقديم استمرارية بصرية. هناك العديد من تطبيقات الأجهزة المحمولة التي تستخدم مجموعة كبيرة من الألوان النقية التي تبدو مذهلة سواء بشكل فردي أو مجتمعة. أفضل شيء في هذه الألوان هو أنها تبدو رائعة في كل من الخلفيات الفاتحة والداكنة.
افكار اخيرة
يعد التصميم الرائع لواجهة المستخدم هو مفتاح تطبيق الهاتف المحمول الناجح. في حين أن هذا قد يبدو بسيطًا للغاية ، إلا أنه قد يكون صعبًا للغاية إذا لم تكن على دراية بالأسلوب الصحيح للمضي قدمًا في نفس الشيء. أنا متأكد من وضع النصائح المذكورة أعلاه في الاعتبار ، ستتمكن بالتأكيد من ابتكار واجهة مستخدم رائعة لتطبيقك.
عن المؤلف:
إذا كنت تتطلع إلى تحويل PSD إلى قالب تطبيق ، فإن التواصل مع Amanda يمكن أن يساعدك. تعمل حاليًا مع Designs2HTML - شركة تطوير ويب مشهورة. وقد كتبت أيضًا مقالات شيقة وغنية بالمعلومات حول تطوير البرامج المخصصة وتطوير تطبيقات الويب والجوال وما إلى ذلك.