2.0 شقة وكيف يحل مشاكل قابلية الاستخدام تصميم شقة

كان التصميم المسطح موجودًا منذ الخمسينيات عندما تم تطوير النمط الدولي للطباعة. في الآونة الأخيرة ، اكتسب شعبية واسعة منذ إطلاق مايكروسوفت الجديد تصميم المترو الذي يركز على الهندسة والطباعة اللغة ، في البداية في Windows Phone الجديد في عام 2010 ، ثم في Windows 8 في عام 2012.

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

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

مشاكل قابلية الاستخدام للتصميم المسطح

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

لا الدلائل البصرية للنقر

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

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

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

لماذا هذه مشكلة؟ لنجرب تجربة.

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

انخفاض الاكتشاف بسبب عدم وجود المحور Z

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

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

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

انخفاض كثافة المعلومات

كما تم انتقاد التصميم المسطح بسبب المخاطرة بكثافة المعلومات المنخفضة من قِبل مجموعة UX نيلسن نورمان.

في انتقاداتهم حول قابلية استخدام نظام التشغيل Windows 8 ، استخدموا أمثلة لتطبيقات Windows Store ، وموقع Los Angeles Times على الويب لإظهار المشكلات التي كثافة معلومات منخفضة (وجود عدد قليل من القصص على الشاشة الأولية ، والعناوين دون ملخصات ، وتجميع بالكاد يمكن التعرف عليها ، وما إلى ذلك) يمكن أن يسبب من وجهة نظر سهولة الاستخدام.

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

صعود شقة 2.0

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

النمط الجديد لا يزال مسطحاً ، لكنه كذلك يضيف ثلاثة أبعاد صغيرة إلى التصاميم في شكل ظلال خفية ، ويسلط الضوء, و طبقات. يمكن لـ Flat 2.0 - إذا تم استخدامه بشكل جيد - حل مشكلات قابلية الاستخدام المذكورة أعلاه من خلال إعادة بعض الواقعية إلى حد ما (تعدد الأشكال) وإضافة بعض العمق والتفاصيل ، مع الحفاظ على مزايا الحد الأدنى مثل المواقع الإلكترونية المبسطة والوضوح ووقت تحميل الصفحة بشكل أسرع.

تصميم المواد

ولعل لغة التصميم الجديدة من Google ، والتي يطلق عليها "تصميم المواد" ، هي أبرز مثال على أسلوب Flat 2.0. أصدرت Google Material Design مع Android L في عام 2014. بينما تحتفظ Material Design بالخصائص الرئيسية للتصميم المسطح ، إلا أنها تستخدم استعارات معينة من الفيزياء لمساعدة المستخدمين على العثور بسرعة على أوجه التشابه بين العالم الحقيقي والعالم الرقمي..

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

استنتاج

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

Flat 2.0 يعطي إجابات للمشاكل المتصورة للتصميم المسطح. إنها حل وسط ذكي بين الوظائف ، وعلم الجمال ، وسهولة الاستخدام. بالطبع ، لسنا بحاجة لاستخدام مجموعات Material UI في كل مكان, لكن فهم الفلسفة وراء ذلك يمكن أن يعطينا خلفية صلبة عنه كيفية تطوير أسلوبنا الخاص وفقا لأحدث النتائج في تصميم تجربة المستخدم.