لا يشبه تصميم تطبيقات الأجهزة المحمولة تصميم الويب.

من المؤكد أن هناك نظرية اللون ونوع الإعداد والحفاظ على الشبكات ، ولكن هناك الكثير الذي يجب مراعاته عند تغيير الجهاز.

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

Tomas Laurinavicius هو مصمم مستقل ومؤلف مشارك لـ Mobile Design Book.

كيفية تصميم التطبيق

(مع أمثلة التصميم الجيد)

أدخل توماس:

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

أمثلة التطبيق - شاشة التشغيل

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

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

Hyperlapse من Instagram & Yummly

الدول الفارغة

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

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

Airbnb & Flipboard

أمثلة التطبيق - شاشات تسجيل الدخول

ننسى أسماء المستخدمين. استخدم عنوان البريد الإلكتروني بدلا من ذلك.

اجعل عملية تسجيل الدخول سهلة من خلال منحهم خيار تسجيل الدخول باستخدام الأنظمة الأساسية الحالية. اعتمادًا على جمهورك ، قد يكون Google أو Facebook أو حتى LinkedIn.

SoundCloud & Foursquare

أمثلة التطبيق - موجز النشاط

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

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

سرب من قبل Foursquare و Behance

أمثلة التطبيق - شاشات التسجيل

إذا كانت عملية التسجيل الخاصة بك معقدة ، فسيغادر المستخدمون.

بسّطها قدر الإمكان. قم بتضمين المعلومات الضرورية فقط واقترح استخدام الشبكات الأخرى التي تخزن معلومات المستخدم مثل Facebook أو Twitter.

سبوتيفي و سيركل

الدفع

Checkout هي ميزة صعبة للتصميم في تطبيقات الأجهزة المحمولة.

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

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

الهدف والحفاظ على التسوق

تعليقات

التعليقات مفيدة لبناء مجتمع أو ببساطة لتظهر للمستخدمين الآخرين أن تطبيقك يستحق الانضمام.

عند تصميم التعليقات ، تعد إمكانية القراءة والسياق (أي صور الملف الشخصي والأسماء والتواريخ) من أهم العوامل لتوفير نظام بيئي لمجتمع التطبيق "المباشر".

المسار و Tripstr

بحث

يعد البحث ميزة أساسية للمحتوى الذي ينشئه المستخدم والتطبيقات الأخرى المليئة بالبيانات.

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

Inbox by Gmail & Lovely

مشاركة

تعد المشاركة ميزة مهمة لأي تطبيق لأنها تتيح للمستخدمين نشر الكلمة حول منتجك.

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

الربيع و Jukely

مقروئية

سهولة القراءة صعبة على الأجهزة الصغيرة. من السهل جعل الكتابة كبيرة جدًا أو صغيرة جدًا.

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

القراءة و Feedly

التنقل

التنقل مهم للغاية لأي نوع من التطبيقات.

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

Facebook و LinkedIn متصلان

إعدادات

غالبًا ما يتم التغاضي عن شاشات الإعدادات لأنها ليست مثيرة ، ولكنها ستكون واحدة من أكثر شاشاتك استخدامًا.

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

علامة الاختيار 2 و YPlan

إشعارات

الإخطارات هي سبب استمرار المستخدمين في العودة إلى تطبيقك.

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

Gogobot وهايلايت

رسائل

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

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

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

Facebook Messenger & Path Talk

حساب تعريفي

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

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

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

Frontback و Quora

خاتمة

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

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

أشياء صغيرة يمكن أن تجعل تطبيقك أو يفسد. لا تخاطر بوقتك وأموالك من خلال توظيف شخص لا يفهم تعقيدات تصميم تطبيق رائع.