أمثلة على تصميم UX الجيد | دليل UX النهائي # 16

نشرت: 2022-08-12

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

أمثلة على تصميم UX الجيد - جدول المحتويات:

  1. من أين تحصل على إلهام التصميم؟
  2. كيفية التعرف على تصميم UX الجيد
  3. مثال على تصميم UX الجيد - Google
  4. مثال على تصميم UX الجيد - Apple
  5. مثال على تصميم UX الجيد - Airbnb

من أين تحصل على إلهام التصميم؟

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

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

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

كيفية التعرف على تصميم UX الجيد

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

  1. أولاً وقبل كل شيء ، يجب أن تتضمن دراسة حالة ، والتي ستقدم بيانات من البحث ، ومشكلة المستخدم ، وأهداف العمل ، ومؤشرات الأداء الرئيسية - وهي مقاييس تسمح بالتحقق مما إذا كان المشروع ، بمجرد تنفيذه ، يحقق " النجاح " المفترض.
  2. مثال : لنأخذ متجر إلكترونيات. تكمن المشكلة في عدد كبير من عمليات التخلي عن سلة التسوق من قبل المستخدمين. الهدف من المشروع هو معرفة سبب هذا السلوك وحل هذه المشكلة.

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

    هنا ، لدينا مشكلة محددة بوضوح - من منظور الأعمال والمستخدم ، لدينا هدف ومقاييس ثابتة للنجاح.

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

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

مثال على تصميم UX الجيد - Google

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

Google - Examples of good UX design

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

Google - Examples of good UX design

مثال على تصميم UX الجيد - Apple

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

Apple - Examples of good UX design

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

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

Apple - Examples of good UX design

مثال على تصميم UX الجيد - Airbnb

منذ إنشائها في عام 2008 ، حظيت Airbnb (وهي منصة لتأجير أماكن الإقامة من الأفراد) بشعبية كبيرة بين المستخدمين - أحد الأسباب الرئيسية بالطبع هو تجربة المستخدم المصممة جيدًا.

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

Airbnb - Examples of good UX design

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

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

Airbnb - Examples of good UX design

إذا أعجبك المحتوى الخاص بنا ، فقم بالانضمام إلى مجتمع النحل المشغول لدينا على Facebook و Twitter و LinkedIn و Instagram و YouTube و Pinterest.

Examples of good UX design | The ultimate UX Guide #16 klaudia brozyna avatar 1background

المؤلف: كلوديا كووالتشيك

مصمم جرافيك و UX ينقل إلى التصميم ما لا يمكن نقله بالكلمات. بالنسبة له ، كل لون أو خط أو خط له معنى. عاطفي في الجرافيك وتصميم المواقع.

دليل UX النهائي:

  1. ما هو UX - وما هو ليس كذلك
  2. UX و UI - هل يمكن مقارنتهما؟
  3. 7 عوامل من تجربة المستخدم (المتميزة)
  4. هل تعرف ماذا يعني تصميم UX؟
  5. هل تصمم تجارب المستخدم؟ اعتني بهذه الأشياء!
  6. 10 استدلالات سهولة الاستخدام لتصميم UX تحتاج إلى معرفتها
  7. عملية تصميم UX في 5 خطوات سهلة وبسيطة
  8. تصميم محوره المستخدم ومبادئه الرئيسية
  9. مراحل عملية التصميم المرتكز على المستخدم
  10. ما هي تجربة العملاء؟
  11. تجربة المستخدم مقابل تجربة العميل. شرح بسيط لعلاقتهم
  12. ما هي تجربة العلامة التجارية؟
  13. ما هو التفاعل بين الإنسان والحاسوب (HCI)؟
  14. لماذا UX مهم؟
  15. سهولة الاستخدام مقابل الوظائف في UX
  16. أمثلة على تصميم UX الجيد