اتجاهات واجهة المستخدم 2020: ماذا يوجد في المتجر؟

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

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

ستتضمن اتجاهات UI 2020 سرد القصص في تصميم واجهة المستخدم (بدلاً من التفكير في مشروع من حيث UX فقط) ، والرسومات ثلاثية الأبعاد والرسوم المتحركة ، والتفاعلات الدقيقة الفريدة ، والسمات المظلمة ، والبساطة ، والتفاعل الصوتي ، والمزيد.

سرد قصصي

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

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

تعد الصفحة المقصودة لـ Pixel Earbuds من Google مثالًا مقنعًا على سرد القصص في واجهة المستخدم. يوجه الزائر من خلال فوائد المنتج من خلال الرسوم المتحركة المدروسة والصور المترابطة والطباعة النجمية لخلق استجابة عاطفية إيجابية.

رسومات ثلاثية الأبعاد ورسوم متحركة

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

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

التفاعلات الدقيقة الفريدة

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

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

ثيمات داكنة

كانت السمات المظلمة موجودة منذ بضع سنوات ولكنها انطلقت في عام 2019. لقد بذلت Apple الكثير لمساعدة هذا الاتجاه عندما أصدروا تحديث Mojave الخاص بهم مع القدرة على التعيين الافتراضي تلقائيًا إلى السمة الداكنة في التطبيقات التي تدعمها. لقد أصدروا أيضًا تحديثًا لنظام iOS يقدم نفس وظائف الوضع المظلم.

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

يعد Gmail أحد أحدث التطبيقات المهمة للحصول على معالجة المظهر الداكن ، والذي بدأ في طرح الخيار مرة أخرى في سبتمبر. الآن بعد أن قفزت جميع عمالقة التكنولوجيا الثلاثة (Apple و Google وحتى تطبيق الهاتف المحمول الخاص بـ Facebook) إلى عربة الموضوع المظلم ، فمن غير المرجح أن يختفي هذا الاتجاه في المستقبل القريب.

بساطة

تأتي البساطة والبساطة في تصميم واجهة المستخدم وخارجها كل بضع سنوات. الآن ، هم في.

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

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

التفاعلات الصوتية

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

التفاعل الصوتي ليس جديدًا ، لكن التكرارات المبكرة كانت ثقيلة وغالبًا لم تعمل بشكل جيد. في العامين الماضيين ، تطور التفاعل الصوتي (عادةً بمساعدة مدعومة بالذكاء الاصطناعي) ليصبح وسيلة عملية للتواصل مع أحد التطبيقات. مع تحسن التحكم الصوتي بشكل أكبر ، من غير المحتمل أن يختفي هذا الاتجاه. أعلنت Google عن ترقيات كبيرة لميزة مساعد Google الخاصة بها في I / O 2019 والتي يتوقع البعض أن تكون بداية التفاعلات الصوتية لتحل محل تفاعلات اللمس بالكامل تقريبًا.

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

اتجاهات تصميم واجهة المستخدم للطباعة

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

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

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

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

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

النظر إلى الأمام في UI Trends 2020

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

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

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

ستظهر اتجاهات جديدة في عام 2020 ، وقد تتلاشى بعض الاتجاهات المدرجة هنا بحلول نهاية العام. يبحث مصممو واجهة المستخدم الخبراء دائمًا عن طرق أفضل لتقديم المحتوى ، مما يعني أن بعض اتجاهات واجهة المستخدم 2020 ستختفي فعليًا من روح العصر الرقمي بحلول عام 2021.

• • •

مزيد من القراءة على مدونة Toptal Design:

• التطلع إلى المستقبل - اتجاهات التصميم لعام 2020
• لون مدونة Toptal Design لعام 2020
• اتجاهات تصميم UX بأثر رجعي لعام 2019
• هل كل الاتجاهات تستحق العناء؟ أشهر 5 أخطاء في UX يصنعها مصممو الويب
• الاتجاهات التالية: الولاء مقابل الانتحال في التصميم