✖️ 🐞 🔰 32 اختلافًا في تصميم تطبيق الهاتف المحمول لنظامي iOS و Android 🤦🏿 🐨 💥

يشارك مصمم الحديد في مختبر Redmadrobot Design Arthur Abrarov الملاحظات.

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

لتكييف التصميم بشكل صحيح ، يجب عليك اتباع إرشادات النظام الأساسي: إرشادات الواجهة البشرية (HIG) لنظام iOS وتصميم المواد لنظام Android. والتواصل مع المطورين ، وربطهم بالتصميم بشكل مثالي في أقرب وقت ممكن حتى يتمكنوا من وضع قيود فنية على الفور.

ولكن ما هو بالضبط تصميم iOS يختلف عن تصميم Android؟ في هذه المقالة سأقوم بتحليل 32 اختلاف تصميم معين لنظامي iOS و Android. وهي مقسمة إلى أربع مجموعات:

الاختلافات الأساسية.
الاختلافات في الملاحة والأنماط (UX).
الاختلافات في المكونات (UI).
اختلافات أخرى.

ستكون ميزات IOS على اليسار وميزات Android على اليمين أو أعلى / أسفل.

الاختلافات الأساسية

إرشادات الواجهة البشرية مقابل التصميم متعدد الأبعاد

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

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

2. الوحدات: pt vs dp

يتم إنشاء تصميم تطبيق iOS في pt ، وتطبيق Android في dp . عادة ما نقوم بإنشاء تصميم في 1x (أو mdpi) ونقوم بتحميله إلى Zeplin. يعرض Zeplin تصميم pt لنظام iOS ويولد الرموز والرسوم التوضيحية في 2x و 3 x. تحت Android ، يعرض التصميم في dp وينشئ الرسومات في hdpi و xhpdi و xxhdpi و xxxhdpi.

3. حجم الشاشة: 320 نقطة × 568 نقطة مقابل 360 نقطة x 640 نقطة

أفضل تصميم تطبيق iOS لأصغر حجم - iPhone 5 بحجم شاشة 320pt x 568pt. أفعل ذلك لتجنب عرض المحتوى بشكل غير صحيح على الشاشات الصغيرة. يفضل بعض الأشخاص تصميم iPhone 8.

تحت Android ، هناك حجم شاشة مقبول بشكل عام 360dp x 640dp.

عند التصميم لنظام iOS ، أحيانًا أقوم بإنشاء تصميم لـ iPhone X (375pt x 812 pt). يعد ذلك ضروريًا للمطور لفهم كيفية وضع مسافة بادئة للشاشة بهذا الحجم بشكل صحيح. حتى عند التصميم لجهاز iPhone X ، عليك أن تتذكر أن Safe هي - منطقة لا يجب أن تضع فيها محتوى خارجها.

4. خط النظام: سان فرانسيسكو مقابل روبوتو

إذا كنت لا تعرف الخط الذي تريد استخدامه في التطبيق ، فاختر النظام. في حالة iOS ، إنها سان فرانسيسكو . وأندرويد هو Roboto .

5. شريط التنقل Android

على عكس iOS ، يحتوي Android على أداة تنقل خلفية مدمجة. هذا هو شريط التنقل في Android .

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

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

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

والتنقل لأعلى (نقوم بذلك مع السهم العلوي ، نسميها لأعلى).

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

هذا صعب التنفيذ ومربك للمستخدم ، لذا فإن هذين الزرين الخلفيين يؤديان نفس الإجراء الخلفي ، كما هو الحال في iOS. أي إذا أتيت من أ إلى ج ، فعندئذٍ من ج سنعود إلى أ.

6. أهمية الارتفاع في المواد

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

في المواد ، تلعب الظلال دورًا كبيرًا. يضيفون إلى الواجهة مسافة ثالثة (المحور Z) ، حيث يكون لكل مكون مكانه الصارم على هذا المحور (من 0 ديسيبل إلى 24 ديسيبل). علاوة على ذلك ، لا يوجد هذا المحور Z ببساطة على المستوى الإيديولوجي: يمتلك المطورون معلمة ارتفاع يقوموا فيها بتعيين موضع المكون على طول هذا المحور.

يصاحب التنقل وتغيير الولايات تغيير في ارتفاع المكونات. لذلك ، عند التصميم لنظام Android ، يجب أن نتعامل بوعي مع إنشاء الظلال.

7. الاختلافات في التسمية

هناك اختلافات كثيرة في التسمية. أقترح النظر في هؤلاء الخمسة.

أ. شريط Tab مقابل شريط التنقل السفلي

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

ب. شريط التنقل مقابل شريط التطبيقات العلوي

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

ج. عناصر التحكم المقسمة مقابل علامات التبويب

بالإضافة إلى التسمية ، يحتوي Tabs Android على العديد من الميزات: يمكنك التنقل بين علامات التبويب في التمرير السريع ، وتسمح لك المادة باستخدامها للتنقل عالي المستوى.

د. تنبيهات مقابل حوارات

من المثير للاهتمام ، تم وصف أداة تنبيه مستخدم واحدة فقط في iOS - التنبيهات . هناك ثلاثة في Android : Snackbars و Banners و Dialogs.

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

ه. Touch ID مقابل Android Fingerprint

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

الاختلافات في التنقل والأنماط (تجربة المستخدم)

8. طرق الملاحة عالية المستوى

لنبدأ من القمة. يوصي iOS باستخدام طريقة واحدة فقط للتنقل عالي المستوى - من خلال شريط Tab . الروبوت لديه ثلاثة خيارات في المقابل: درج التنقل ، أسفل شريط التنقل، و علامات التبويب .

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

9. الاختلافات في سلوك شريط Tab وشريط التنقل السفلي

يقدم هذا الاختلاف مادة.

إذا قمت بالتبديل من الصفحة الرئيسية إلى iOS على iOS ، فمن خلال Tab Bar ، انتقل إلى الصفحة الرئيسية الأخرى ، ثم عندما تعود إلى الصفحة الرئيسية الأولى ، ستظل في الصفحة الفرعية.

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

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

10. سلوك خاص لعلامات التبويب الروبوت

علامات التبويب على Android ، بخلاف Segeded Controls iOS ، لها هذه الخاصية: يمكنك التنقل عبر علامات التبويب باستخدام التمرير يمينًا ويسارًا.

هذا لأن صفحات علامة التبويب في نفس الارتفاع (الارتفاع).

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

بشكل عام ، لا يحل هذان المكونان محل بعضهما البعض تمامًا. عنصر التحكم المجزأ هو عنصر تحكم يتحكم في محتوى الصفحة. و Tabs هي أداة تصفح.

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

11. الاختلافات في مظهر الشاشة الفرعية

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

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

12. درج التنقل الخاص بنمط الاتصال

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

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

13. سلوك المحتوى عند التمرير

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

تقدم المواد المزيد من سلوكيات التمرير. على سبيل المثال ، قد يختفي شريط التنقل السفلي والبحث وشريط التطبيق السفلي عند التمرير.

يمكن أن يختفي شريط التطبيقات العلوي أو يرتفع فوق المحتوى الرئيسي.

سلوك البحث المتنوعة

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

في كل من iOS و Android ، يمكن أن يكون البحث موجودًا بشكل ثابت على الشاشة ، وكقاعدة عامة ، مسمرًا في شريط التنقل أو شريط التطبيقات العلوي.

على كلا النظامين الأساسيين ، يمكن أن يكون البحث في شكل رمز ، فقط في iOS يتم توسيع الرمز إلى مكون منفصل لشريط البحث ، وفي Android ، يتم فتح البحث داخل شريط التطبيقات العلوي.

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

اختلافات المكونات (UI)

15. ما هي المكونات غير الموجودة في iOS

في iOS ، لا يوجد العديد من مكونات Android الأصلية. دعنا نذهب فوقهم.

أ. درج التنقل

لا يتعرف iOS بشكل أساسي على قائمة البرغر. كما ذكرنا سابقًا ، في نظام التشغيل iOS ، لا يتوفر التنقل عالي المستوى إلا على شريط Tab.

ب. الخلفية

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

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

ج. بانر

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

د. مطعم الوجبات الخفيفة

مثل بانر ، Snackbar ليس أصليًا لنظام iOS. يستخدم Snackbar لنقل رسالة قصيرة إلى المستخدم حول نتيجة عمله.

ه. رقائق

Chips مفقود أيضًا بين مكونات iOS الأصلية. يتم استخدامها لإدخال المعلومات والأوصاف والإجراءات.

F. شريط التطبيق السفلي

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

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

ز. فاب

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

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

ح. درج التنقل السفلي

شكل من أشكال التنقل التنقل درج نموذجي لالروبوت فقط. يُستدعى ذلك بالضغط على زر قائمة البرغر في شريط التطبيق السفلي.

أنا. ورقة جانبية

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

ي. توسيع الورقة السفلية

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

ك. ورقة القاع القياسية

الورقة السفلية القياسية هي اختلاف من الورقة السفلية ، وهي ليست من بين مكونات iOS.

16. ما هي المكونات غير الموجودة في Android

ضع في اعتبارك الآن المكونات التي لم يتم العثور عليها في مكتبة Android.

أ. ضوابط الصفحة

يعرض التحكم في الصفحة الصفحة التي يتواجد فيها المستخدم. إنه ليس من بين المكونات الأصلية لنظام Android.

ب. شريط الأدوات

شريط الأدوات مألوف فقط لـ iOS.

ج. السائر

السائر - التحكم القياسي في iOS ، غير موصوف في المادة. استخدمه لإدخال قيم صغيرة. مثال: عدد النسخ المراد طباعتها.

د. البوب

Popover هي لوحة منبثقة تستخدم بشكل أساسي على iPad.

IOS لديه تطبيق Popover قياسي واحد - وضع النص في القراء أو المتصفحات.

17. شريط الحالة المتنوعة

على كلا النظامين الأساسيين ، يؤدي شريط الحالة نفس المهمة: تقارير عن الوقت ومستوى الشحن وجودة الاتصالات المحمولة و Wi-Fi. وهي تختلف في موقع هذه المؤشرات داخل شريط الحالة ، وبشكل عام ، في حلها البصري.

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

18. تحديث عناصر تحكم المحتوى مقابل التمرير السريع للتحديث

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

19. مراقبة متنوعة

تختلف ضوابط المنصة بصريا فقط. يمكن ملاحظة أن عناصر تحكم iOS أبسط: يتم استخدام مربعات الاختيار لكل من الأزرار الراديوية وخانات الاختيار. في Android ، تختلف في شكل التحكم.

تقترح المادة أيضًا استخدام مربع الاختيار الأصل عندما تحتاج إلى منح المستخدم القدرة على تحديد جميع الخيارات بسرعة.

20. مناظر مختلفة للسهم الخلفي وموضع الرأس

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

21. عرض مختلف لرمز النقاط الثلاث

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

22. أنواع مختلفة من المنتقي

في iOS ، يتم تحديد التاريخ باستخدام البكرة. يمكن استخدام أسطوانة iOS لإدخال أي بيانات أخرى. في Android Picker ، تحاكي التواريخ مظهر التقويم الفعلي.

توصي المادة أيضًا بمنح المستخدمين القدرة على إدخال تاريخ باستخدام حقل الإدخال.

23. حقول نصية متنوعة

HIG أقل تطلبًا في الحقول النصية من المواد.

اختلافات

في دائرة الرقابة الداخلية، وتسمية هو داخل حقل المدخلات ويختفي خلال إدخال النص. توصي المواد برفع التسمية عند إدخال النص.

مماثل

تنصح كلتا المنصتين بإضافة زر مسح إذا لزم الأمر.

ماذا يطلب أيضًا من المواد

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

24. قوائم السياق مقابل القوائم

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

يتم استخدام قوائم Android في عدد أكبر من الحالات: فهو يوفر إجراءات سياقية لكل من العنصر المحدد والصفحة بأكملها ككل ؛ تستخدم كمدخل مع العديد من الخيارات للاختيار من بينها (القائمة المنسدلة) ؛ تستخدم لتحرير النص. قوائم السياق هي مكون iOS فقط. ويمكن استخدام Menus Android في تطبيق الهاتف المحمول وعلى سطح المكتب.

25. عرض الإجراء / عرض النشاط مقابل الورقة السفلية مشروط

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

26. تحرير القوائم مقابل شريط أدوات تحديد النص

بالإضافة إلى الاختلاف البصري ، يختلف تحرير القوائم وشريط أدوات تحديد النص في ما يلي: مع الضغط لفترة طويلة في Android ، يمكن للمستخدم متابعة تحديد النص. في نظام التشغيل iOS ، بعد الضغط لفترة طويلة ، يظهر المكبر لتحديد المكان المحدد في الكلمة.

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

27. مقسم بأحجام مختلفة

في iOS يبلغ 0.5 نقطة ، في Android - 1 dp.

اختلافات أخرى

28. متطلبات مختلفة لحجم منطقة الضغط

وفقًا للإرشادات ، فإن الحد الأدنى لمنطقة النقر في iOS هو 44 × 44 نقطة ، وفي Android - 48 × 48 نقطة.

29. App Store vs Google Play

سيتم تنزيل تطبيق iOS الخاص بك من App Store. تطبيق Android - من Google Play. لوضع التطبيق في المتجر بشكل صحيح ، يجب عليك اتباع متطلباتهم. متطلبات متجر التطبيقات تستحق القراءة هنا ، وجوجل بلاي هنا . هناك العديد من الميزات ، لذا أوصي بأن تدرس قبل النشر.

30. نمط خاص في iOS - التراجع والإعادة

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

31. العلاقة مع إطلاق العلامات التجارية

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

32. مواضيع تصميم مواد إضافية

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

استنتاج

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

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

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

الإجمالي: معرفة المبادئ التوجيهية والاختلافات بينهما مهارة مهمة لمصمم تطبيقات الجوال.

ما الاختلافات الأخرى التي تعرفها؟ مشاركتها في التعليقات.

32 اختلافًا في تصميم تطبيق الهاتف المحمول لنظامي iOS و Android