في الخريف الماضي، اجتمع أعضاء فريق Design Evangelism للإجابة على أسئلتك حول Slack حول فلسفة التصميم وإرشادات الألوان واختصارات لوحة المفاتيح وغير ذلك الكثير. فيما يلي بعض النقاط البارزة من تلك المحادثة، بما في ذلك الإرشادات حول HIG، ونصائح حول تقليل الفوضى، ورسالة مهمة جدًا حول شريط علامات التبويب.
هل شعرت يومًا أن تصميمك ليس صحيحًا تمامًا، ولكنك غير متأكد من السبب؟
طوال الوقت! في الواقع، قد يبدو أحيانًا “الشعور بأن التصميم ليس جيدًا تمامًا” بمثابة مزاج يومي. عندما يحدث هذا، هناك بعض الاستراتيجيات التي نجدها مفيدة، وأولها: اتصل بصديق! في بعض الأحيان، يتطلب الأمر من شخص آخر التحقق من سبب شعورنا بعدم اليقين بشأن التصميم، ومن الرائع دائمًا المشاركة في محادثة ونقد. بالإضافة إلى ذلك، لا يتطلب هذا منك فقط شرح المشكلة (وهذا وحده يمكن أن يساعدك في تحديد ما لا يعمل)، بل يسمح لك أيضًا بالابتعاد عنها شخصيًا – على الأقل للحظة.
كيف تعرف متى تبدأ في قطع الميزات لجعل تطبيقك أقل فوضى وأكثر سهولة في الاستخدام؟
يعد هذا تمرينًا رائعًا للوحة المعلومات أو الملاحظات اللاصقة. أولاً، قم بتدوين جميع الميزات/المجالات في تطبيقك. ثم قم بتجميعها في ما يحقق الأهداف التي سيحققها المستخدمون لديك. إذا كان هناك شيء يبدو غير ضروري، فكر فيما إذا كنت بحاجة إلى هذه الميزة. هناك توازن بين ما تحتاج إلى رؤيته طوال الوقت، وما يمكن أن يكون على بعد نقرات قليلة، وما لا يلزم أن يكون موجودًا على الإطلاق. (إنها أيضًا طريقة مفيدة لتحديد أولويات الوظائف الأكثر أهمية في تطبيقك – والتي يمكن أن تساعدك على تنظيم التسلسل الهرمي لتطبيقك بشكل أفضل!)
هل يعتبر تقييد اتجاه الجهاز على iPhone من أفضل الممارسات؟
يجب عليك حقًا ترك توجيه الجهاز للمستخدمين. نحن نحب عندما تدعم التطبيقات كلاً من الوضع الرأسي والأفقي ونوصي فقط بتقييد الاتجاه في سيناريوهات تطبيق معينة، مثل عندما تؤدي الحركة أو تثبيت الجهاز إلى جعل تبديل الاتجاه يبدو مشتتًا.
ما هي بعض المبادئ التوجيهية للألوان والظلال؟
يعد استخدام اللون للإجراءات طريقة دقيقة لتمييز الواجهة دون تشتيت الانتباه أو التطفل. ابدأ بتحديد لون خفيف رئيسي، ثم قم بإنشاء سير العمل والإجراءات الخاصة بك، ثم قم برسمها باستخدام لون الصبغة الذي يمثل الإجراءات. (ستلاحظ أن جميع تطبيقات الطرف الأول لدينا لها لون خفيف رئيسي واحد؛ على سبيل المثال، البريد باللون الأزرق والبودكاست باللون الأرجواني.) عندما تعمل على تصميمات مرئية عالية الدقة، استخدم لوحة الألوان التي تكمل هذا اللون.
هل من الضروري تضمين تسميات شريط علامات التبويب لعلامات التبويب الشائعة مثل الصفحة الرئيسية أو البحث أو الملف الشخصي؟
في كثير من الحالات، يوصى باستخدام التصنيفات من أجل الوضوح وسهولة الوصول. تعد الصفحة الرئيسية والبحث والملف الشخصي كافية بشكل عام لتوصيل المعنى بمفردها، ولكنها استثناءات للقاعدة. العديد من الرموز ليست مفهومة على نطاق واسع. تُنشئ تسميات شريط علامات التبويب تمييزًا أقوى عن أشرطة الأدوات، التي لا تحتوي على تسميات. بالإضافة إلى ذلك، فإن إزالة التصنيفات لا تقدم فائدة كبيرة للمستخدمين. فهو لا يوفر أي مساحة، ولا يقلل بشكل كبير من المعلومات المرئية من الواجهة.
كيف يجب أن أفكر في اختصارات لوحة المفاتيح التي تبدو بديهية ولا تتداخل مع اختصارات النظام؟ متى يجب أن أستخدم معدّلًا واحدًا على آخر (على سبيل المثال، Option مقابل Shift مقابل Command)؟
بشكل عام، مفتاح تعديل الانتقال هو “الأوامر” لأنه من الأسهل الوصول إليه باستخدام إبهامك الأيسر. وبالحديث عن ذلك، إليك بعض القواعد الأساسية:
- كلما قل عدد مفاتيح التعديل، كلما كان ذلك أفضل.
- يساعد استخدام الحرف الأول من اسم الإجراء الأشخاص على تذكر الاختصار.
- من وجهة نظر مريحة، تميل المفاتيح الأقرب إلى المعدلات والتي يمكن الوصول إليها بسهولة باستخدام السبابة والأصابع الوسطى – Q وW وE وA وS وD وO وP – إلى أن تكون أكثر نجاحًا كاختصارات.
هل تريد الغوص بشكل أعمق قليلاً؟ ستجد الكثير من المعلومات الجيدة في HIG.
إرشادات الواجهة البشرية: لوحات المفاتيح
ما حجم الهوامش المحددة للمناطق الآمنة لنظامي التشغيل iOS وiPadOS؟
في نظامي التشغيل iOS وiPadOS، تبلغ هوامش التخطيط 16 نقطة في فئة حجم العرض المضغوط و20 نقطة في فئة حجم العرض العادي. لكننا نفكر عادةً في المناطق الآمنة كأشياء مميزة تعمل جنبًا إلى جنب مع الهوامش. تتميز المناطق الآمنة بأنها ديناميكية للغاية وتتغير وفقًا لاتجاه الجهاز وحجم الشاشة ومجموعة متنوعة من العوامل الأخرى (مثل عرض أشرطة التنقل أو أشرطة الأدوات أو أشرطة علامات التبويب). ستجد الكثير من المعلومات في HIG.
إرشادات الواجهة البشرية: التخطيط
عند التصميم للقوائم، كيف يمكنني منع الصفوف والخلايا من الشعور بالاكتظاظ؟
فكر في الإفصاح التدريجي والتسلسل الهرمي. ما المعلومات التي يحتاجها الأشخاص في كل مستوى من مستويات تطبيقك؟ عندما تشعر الخلايا بالاكتظاظ، اسأل عن الغرض من كل عنصر. ربما لا تكون الصورة أو الرمز مفيدًا، أو ربما يكون النص الثانوي عبارة عن وصف في عرض التفاصيل.
هل تحاول دائمًا الالتزام قدر الإمكان بـ HIG، أم تحاول القيام بشيء مختلف مع كل تصميم؟
سؤال عظيم! نحن نحاول الالتزام بأسسنا واتباع أنماط التصميم الخاصة بنا لتحقيق الاتساق والتفاهم. (نحاول أيضًا استخدام مكونات النظام لأنها فعالة جدًا في البناء بها.) ولكن مع ذلك، نحن أيضًا على استعداد للدفع بـ HIG حيث يكون ذلك منطقيًا – إذا كان ذلك يعني فائدة عامة للمستخدمين. نحن مصممون جدًا على أن HIG لا ينبغي أن يكون مجموعة من القواعد، بل اقتراحات جيدة جدًا. ونقوم بتطويره باستمرار بناءً على ما نراه في المجتمع وكيف نريد تعزيز جمالياتنا وتفاعلاتنا للمستقبل.
هل من الممارسات الجيدة إخفاء شريط علامات التبويب عند الانتقال إلى الصفحات الفرعية؟
لا. 🙂
(لا بأس بإخفائها لفترات قصيرة عند عرض ورقة مشروطة. وإلا فإن إخفاء شريط علامات التبويب قد يجعل الأشخاص يشعرون بالضياع.)
