خلال الأشهر القليلة الماضية ، كنت أطور تطبيقًا لنظام iOS وقمت باستمرار باستشارة إرشادات تصميم الواجهة البشرية من Apple . أجد أن هذا الدليل يجب قراءته لأي مبتدئ أو مصمم UI / UX حالي.
هذا الدليل سهل الوصول إليه ومفهوم بشكل مدهش. لم تتم كتابته بلغة فنية غير ضرورية ويذهب مباشرة إلى نقطة تصميم واجهات IOS.
يقدم هذا المنشور قائمة بأبرز المقتطفات من معايير التصميم في الدليل.
أعرف أن معظم الأشخاص يتصفحون هذه المقالات فقط ولا يقرؤونها في الواقع ، لذا فإن الصور هي للمتعة فقط - استمتع.
1.
« , , , , . , , , . , , . , ».
— Apple
تعد تطبيقات دورة النوم مثالًا رائعًا . يحتوي التطبيق على واجهة هادئة ومظلمة وغير ساحقة وهو مثالي لضبط المنبه قبل النوم.
بالإضافة إلى اللون ، أود أن أضيف أن هناك العديد من العوامل السياقية التي تؤثر على سلوك المستخدم عند التفاعل مع الواجهة. فكر في مكان وجود المستخدم أثناء استخدام تطبيقنا ، والمدة التي أمضاها وما هي حالته العاطفية.
هناك دائما أمثلة جيدة وسيئة. تتطلب تطبيقات التنقل الحد الأدنى من القراءة والتحكم ، كما أن جهاز Kindle خالٍ من الوهج عند القراءة في الهواء الطلق ، وتعمل تطبيقات تدوين الملاحظات بدون اتصال بالشبكة ، وما إلى ذلك.
إذا كان تطبيقك مخصصًا للاستخدام أثناء التشغيل ، فهناك بعض قيود التصميم والاعتبارات التي يجب مراعاتها.
يحتوي Shopify على مقال رائع حول التصميم السياقي للمستخدم أوصي به لأي شخص مهتم بالتعمق في الموضوع.
2. تأخير الإذن قدر الإمكان
« , , - . , . – , , . , , ».
— Apple
تشجعنا Apple على إعادة التفكير في تجربة تسجيل الدخول إلى التطبيق. إذا أمكن ، قم بإزالة التسجيل والترخيص تمامًا.
لسوء الحظ ، التطبيق الذي أقوم بتطويره حاليًا لا يسمح لي بإزالة الإدخال تمامًا. لكنني جعلت شاشة التسجيل تظهر بعيدًا قدر الإمكان حتى يتمكن المستخدم من التعرف على نوع التجربة التي يمكن أن يتوقعها بعد التسجيل.
من المستحسن أيضًا تقديم خيارات متنوعة لتسريع عملية التسجيل بأسرع ما يمكن. يدعم التطبيق الذي أعمل عليه حاليًا كلمات مرور الإكمال التلقائي ، وتسجيل الدخول إلى Facebook ، وتسجيل الدخول إلى Google ، ومعرف Apple ، والبريد القياسي + كلمة المرور.
3. لاحظ وضع العرض الذي اختاره الأشخاص في الإعدادات
"إذا قدمت مظهرًا وأسلوبًا مخصصًا لتطبيق ما ، فأنت تضيف عملاً إلى الأشخاص لأنه سيتعين عليهم تعديل العديد من الإعدادات. والأسوأ من ذلك ، أنهم قد يعتقدون أن التطبيق الخاص بك معطل لأنه لا يستجيب لاختيار نظامهم للمظهر ".
- دليل للعمل مع سمة Apple المظلمة
4. عرض المحتوى في أقرب وقت ممكن
حتى لا يتم الخلط بينه وبين شاشة البداية ، فإن الشاشة الأولى هي الشاشة التي تعرض العناصر الموجودة على الصفحة. أنشئ شاشة تشغيل مطابقة تقريبًا للشاشة الأولى لتطبيقك.
« , -, , ». , , ; . « ».
—
« , , . , , , . . , , ».
— Apple
5. , ,
"يقدم IOS مجموعة من ألوان النظام التي تتكيف تلقائيًا مع مستويات الإضاءة والتغييرات في إعدادات إمكانية الوصول مثل زيادة التباين وتقليل الشفافية. تبدو ألوان النظام رائعة بشكل فردي وفي مجموعة على الخلفيات الفاتحة والداكنة ، وكذلك في أوضاع الإضاءة والظلام ".
"لا تستخدم قيم ألوان نظام التعليمات البرمجية الثابتة في تطبيقك. قيم الألوان المقدمة هي للرجوع إليها أثناء عملية تصميم التطبيق الخاص بك. قد تختلف قيم الألوان الفعلية من إصدار إلى آخر بناءً على المتغيرات البيئية المختلفة. استخدم دائمًا واجهة برمجة التطبيقات لتطبيق ألوان النظام ؛ انظر UIColor للحصول على دليل المطور . "
- توصيات لون التفاح
"توفر رموز SF مجموعة من أكثر من 1500 رمز متسق وقابل للتخصيص بدرجة عالية يمكنك استخدامها في تطبيقك. تتكامل رموز SF المصممة من قبل Apple بسلاسة مع خط نظام San Francisco ، لذا توفر الرموز تلقائيًا محاذاة رأسية مرئية مع النص لجميع الأوزان والأحجام. يمكنك استخدام أحرف SF في التطبيقات التي تعمل بنظام iOS 13 والإصدارات الأحدث ، و WatchOS 6 والإصدارات الأحدث ، و tvOS 13 والإصدارات الأحدث. "
- رموز أبل SF
إذا كنت تريد معرفة كيفية استخدام رموز SF ، فإليك مقطع فيديو .
6. استخدم كلمات وعبارات مألوفة ومفهومة
« . , . , , . , , , . , ».
« , . , . , „“ „“, ».
— Apple
أهم شيء هنا هو معرفة جمهورك. إذا تم تطوير تطبيقك لمتوسط Joe ، فتجنب المصطلحات. إذا كانت تستهدف مجموعة عالية التخصص من المهندسين المعماريين ، فيمكنك اتباع نهج مختلف.
7. النظر في الحاجة إلى المساعدة
"ابحث بنشاط عن المواقف التي قد يتعثر فيها الناس. في إحدى الألعاب ، على سبيل المثال ، يمكنك إظهار نصائح مفيدة عندما تتوقف مؤقتًا أو عندما لا تتحرك الشخصية للأمام. دع الأشخاص يعيدون تشغيل البرنامج التعليمي إذا فاتهم شيء في المرة الأولى ".
- دليل هندسة تطبيقات Apple
إضافة نصائح سريعة ودردشة خدمة العملاء وروبوتات الدردشة والأسئلة الشائعة ومركز المساعدة وما إلى ذلك. سيساعد المستخدمين الذين قد يختلط عليهم الأمر.
في أحد التطبيقات التي أقوم بإنشائها ، لدي عدة استخدامات لرموز المساعدة التي تشرح الإجراءات للمستخدمين. هذا يحافظ على نظافة واجهتي ، ولكنه يوفر أيضًا طريقة لمعرفة المزيد عند الحاجة.
8. مساعدة الناس على تجنب فقدان المعلومات إذا لزم الأمر
"سواء استخدم الأشخاص إيماءة التراجع أو الزر لإغلاق الشاشة ، إذا كان من الممكن أن يؤدي الإجراء إلى فقدان المحتوى الذي ينشئه المستخدم ، فقدم خطة عمل تشرح الموقف وتمنح الأشخاص طرقًا للتعامل معها."
- دليل آبل للمبادئ العامة
« , , . , . , , . , , , , ».
— Apple
9.
« , . . , , - ».
- Apple
10. ,
« , , , , ».
— Apple
تعرف على المزيد حول كيفية الحصول على مهنة رفيعة المستوى من الصفر أو Level Up في المهارات والراتب من خلال أخذ دورات SkillFactory المدفوعة عبر الإنترنت:
- مهنة مصمم UX من الصفر (9 أشهر)
- مهنة مصمم الويب (7 أشهر)
المزيد من الدورات
- - (8 )
- Machine Learning (12 )
- Data Science (12 )
- (9 )
- «Python -» (9 )
- DevOps (12 )