اتجاهات تصميم UX بأثر رجعي لعام 2019

"الإبداع يحتاج الى شجاعة." - هنري ماتيس

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

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

تولد الاتجاهات من الإبداع والتجريب الجريء. في عام 1960 ، عندما شجعت مارغريت فينشي ، بطلة تصفيف الشعر ، من قبل محرر مجلة Modern Beauty Salon على أن تفعل "شيئًا مختلفًا حقًا" من شأنه أن يحدد العقد القادم ، ابتكرت تصفيفة شعر خلية النحل. انتشر كالنار في الهشيم وأصبح اتجاهًا ساخنًا طوال الستينيات. خلية نحل أودري هيبورن ، التي عرضتها بشكل جميل في الفيلم الكلاسيكي “Breakfast at Tiffany's” ، هي واحدة من أكثر الأمثلة شهرة ، كما كان تصوير بريجيت باردو الأشعث لها.

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

في مجموعة الخيارات الفوضوية ، يتم تجاهل بعض التصميمات ويتم الاحتفاظ ببعضها وتنمو في اتجاه تصميم UX - ليس فقط مع المستهلكين ولكن أيضًا مع أقرانهم. يستجيب الأقران بإبهام لأعلى أو لأسفل: أووه ، أحب ذلك. تبدو جيدة. يجعل الأشياء تعمل بشكل أفضل. أنا أحب هذا الأسلوب. أو meh ، لا يعمل من أجلي ... في بعض الأحيان ، تغلبت عليه أعراض FOMO (الخوف من الضياع) ، يقفز المصممون الآخرون إلى العربة ، يبثون: انظر ، أنا عصري ، عصري ، ومعاصر أيضًا! وأنا مع الزمن ، تحقق من ذلك ، هذا هو أحدث شيء.

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

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

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

دعنا نلقي نظرة على اتجاهات تصميم UX لعام 2019 ونلقي الضوء على عشرات الاتجاهات المهمة.

أفضل اتجاه لتجربة المستخدم لعام 2019: الرسوم التوضيحية في كل مكان

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

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

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

الرسوم التوضيحية ، خاصة لتسلسل الإعداد ، حققت أيضًا تقدمًا في تصميم UX المحمول.

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

Let's Go Dark: Dark Mode / Dark Themes. دعنا نذهب إلى الظلام: Dark Mode / Dark Themes

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

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

بساطتها / قصوى

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

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

"الإبداع هو القدرة على المخاطرة. لتضع نفسك في الواقع على المحك وتخاطر بالسخرية ، والتعرض للسخرية والنقد ، أيا كان. لكن ... يجب أن تخاطر. " - العقرب

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

يعتقد المتطرفون أن العقل يحب المنبهات. في بعض الأحيان تتاخم طبقات الألوان والملمس والأنماط الغريبة والمتطرفة التي تصرخ للفت الانتباه ، يعلن بيانها: "لن يتم تجاهلنا!" يلامس التصميم Maximalist العديد من جوانب التصميم: التصميم الجرافيكي ، وتصميم الويب ، وتصميم الأجهزة المحمولة ، والتصميم الداخلي ، والأزياء ، والهندسة المعمارية ، وغير ذلك - إنها طريقة للمصممين للتحفيز والفتن.

الحداثة

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

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

تفاعلات دقيقة ذات مغزى

"التفاصيل ليست هي التفاصيل. إنهم يصنعون التصميم ". - تشارلز ايمز.

كل التفاصيل الصغيرة هي التي تحول المنتج الرقمي الجيد إلى منتج رائع. يُعرِّف دان سافير ، مؤلف كتاب Microinteractions ، التفاعلات الدقيقة على أنها "لحظات منتج مضمنة تدور حول حالة استخدام واحدة - لها مهمة رئيسية واحدة". إلى جانب الجماليات ، يمكن للتفاعلات الدقيقة السلسة والمنفذة بشكل جيد أن تثير البهجة لدى الناس خلال لحظات التفاعل. التفاعلات الدقيقة تدور حول التفاصيل الهامة التي تصنع الفرق بين التجربة الودية والتجربة المحبطة.

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

المزيد من تفاعلات الإيماءات على الهاتف المحمول

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

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

يجلب التصور ثلاثي الأبعاد إحساسًا حقيقيًا بالمنتجات

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

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

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

للحصول على مزيد من القبول مع التيار الرئيسي ، نتحدث إلى مساعدي الصوت الرقميين Alexa و Cortana و Google Assistant و Siri للحصول على معلومات السفر والطقس والتسوق وطلب رحلة. إلى جانب المساعدين الصوتيين المشهورين ، أصبحت القدرة على استخدام التفاعلات الصوتية مدمجة بشكل متزايد في العديد من الأجهزة والتطبيقات. وجدت دراسة استقصائية حديثة أن السبب الذي يجعل الناس يحبون استخدام أصواتهم للتفاعل هو أنها سريعة ودقيقة ولا تتطلب كتابة ؛ بمعنى آخر ، يقلل الاحتكاك ويوفر تجربة مستخدم أفضل.

واجهات المستخدم وروبوتات المحادثة

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

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

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

الرسوم المتحركة التي يتم تشغيلها بالتمرير تخبر القصص ، وتبيع المنتجات والخدمات

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

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

مواقع الوسائط المختلطة ذات الطباعة القوية

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

تأتي التجارة الإلكترونية حية مع الأبعاد الثلاثية والواقع المعزز والحركة

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

حدد اتجاهات تصميم UX هنا لتبقى

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

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

• • •

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

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