عودة اللمس: العمق والزجاج والتغذية المرتدة المادية في واجهة المستخدم الحديثة
لماذا يعود العمق والشفافية والحركة الجسدية إلى تصميم واجهة المستخدم بعد التصميم المسطح، وما الذي تغير في Liquid Glass وMaterial 3 Expressive من Apple، وكيفية إبقائه قابلاً للاستخدام.
الوجبات الجاهزة الأساسية
بعد عقد من التصميم المسطح، عاد العمق والملاحظات المادية. في عام 2025، قدمت شركة Apple مادة Liquid Glass، وهي مادة شفافة للتحكم والملاحة، وقدمت Google مادة 3 Expressive، مدعومة بأبحاث حول تصميم أكثر عاطفية. إذا استخدمت بشكل جيد، فإن العمق يظهر ما هو تفاعلي، والحركة تؤكد الأفعال؛ إذا تم استخدامها بلا مبالاة، فإن الشفافية تقلل من التباين وتضر بسهولة القراءة.
ما الذي تغير في عام 2025؟
في 9 يونيو 2025، أعلنت شركة Apple عن أوسع تحديث لتصميم البرامج، والذي تم تصميمه حول مادة جديدة تسمى Liquid Glass. إنه شفاف، ويعكس وينكسر ما وراءه، ويمتد عبر iOS 26، وiPadOS 26، وmacOS Tahoe 26، وwatchOS 26، وtvOS 26. وفي الوقت نفسه، وصفت Google Material 3 Expressive بأنه تحديث نظام التصميم الأكثر بحثًا، استنادًا إلى 46 دراسة مع أكثر من 18000 مشارك. تفيد تقارير جوجل أن المشاركين اكتشفوا عناصر واجهة المستخدم الرئيسية بشكل أسرع بما يصل إلى أربع مرات في التصميمات التعبيرية، وكان هذا التفضيل هو الأقوى، بنسبة تصل إلى 87%، بين الأشخاص الذين تتراوح أعمارهم بين 18 إلى 24 عامًا.
العمق مع العمل الذي يجب القيام به
إن إرشادات Apple محددة بشأن المكان الذي تنتمي إليه المادة: تشكل Liquid Glass طبقة وظيفية لعناصر التحكم والتنقل التي تطفو فوق المحتوى، ولا ينبغي استخدامها في طبقة المحتوى نفسها. هذا هو المبدأ المفيد وراء هذا الاتجاه برمته: العمق يجب أن يفسر البنية، ويفصل بين ما يمكنك العمل عليه وما تقرأه.
تكلفة سهولة الاستخدام
ليس الجميع مقتنعين. جادل Nielsen Norman Group بأن Liquid Glass في iOS 26 يحجب المحتوى وأن أي شيء يتم وضعه فوق شيء آخر يصبح من الصعب رؤيته، خاصة النص فوق الخلفيات المزدحمة. الدرس العملي هو أن الشفافية تحتاج إلى حواجز حماية: اختبار التباين على المحتوى الحقيقي، وزيادة التمويه أو العتامة خلف النص، ودعم إعدادات النظام لتقليل الشفافية وزيادة التباين.
ردود الفعل المادية هي الجزء الدائم
الاتجاهات البصرية تأتي وتذهب، ولكن ردود الفعل المادية تدوم لأنها تساعد الناس. الزر الذي يتم ضغطه قليلاً عند الضغط عليه، أو الورقة التي تتبع الإصبع وتستقر بزنبرك، أو المفتاح الذي يتم تثبيته في مكانه، كلها تؤكد تسجيل الإجراء. فيزياء الربيع هي الأداة الطبيعية لتحقيق ذلك، لأنها تستجيب للمقاطعات وسرعة الإيماءات كما تفعل الأشياء الحقيقية.
كيفية اعتماده بعناية
ابدأ بالتعليقات وليس الزخرفة:
- أضف تعليقات الضغط والسحب والإفراج إلى عناصر التحكم التي يستخدمها الأشخاص كثيرًا.
- استخدم الطبقات والظلال لفصل عناصر التحكم عن المحتوى.
- تحقق من تباين النص أعلى أي سطح شفاف.
- احترم انخفاض الحركة وتقليل الشفافية وزيادة إعدادات التباين.
- حافظ على تناسق التأثيرات من خلال رموز الحركة والارتفاع.
مفتاح Principle للتذكر
- قدمت شركة Apple Liquid Glass في يونيو 2025؛ قدمت جوجل المادة 3 التعبيرية
- يعمل العمق عندما يفصل عناصر التحكم عن المحتوى
- يمكن أن تؤثر الشفافية على التباين وسهولة القراءة؛ اختبار مع المحتوى الحقيقي
- ردود الفعل المادية (الضغط، السحب، التسوية الزنبركية) هي الجزء الدائم من الاتجاه
- احترام الحركة المنخفضة وتقليل الشفافية وزيادة التباين
الأسئلة المتداولة
المصادر
- Apple introduces a delightful and elegant new software design — غرفة أخبار Apple (9 يونيو 2025)
- Materials — إرشادات واجهة Apple البشرية
- Liquid Glass Is Cracked, and Usability Suffers in iOS 26 — Nielsen Norman Group
- Expressive Design: Google's UX Research — تصميم جوجل