كيفية تحويل تجربة المستخدم إلى تصميم UX
اختبار قابلية الاستخدام لا يجب أن يكون معقدًا. هناك العشرات من الخيارات لفريق التصميم الذي يريد اختبار حلوله عن بُعد. لإثبات ذلك ، قمنا بإعادة تصميم عواء ، بمساعدة اختبارات قابلية الاستخدام عن بعد.
ركضنا اختبارات إمكانية الاستخدام عن بُعد نظرًا لأنها سريعة ومعقولة التكلفة. كانت جميع هذه الاختبارات غير متفاعلة ، مما يعني أن المستخدمين قاموا بتشغيلها في راحة منازلهم. في حين أن هذا يمنحنا سيطرة أقل ، إلا أنه يوفر المزيد من النتائج الطبيعية. ولأن ردود فعلهم تم تسجيلها ، فقد شجعناهم على التفكير بصوت عال.
من الضروري أن نفهم أنه لا يوجد نهج سحري واحد. هناك مجموعة واسعة من التكتيكات تتراوح من دراسات معمل قابلية الاستخدام إلى استطلاعات بريد إلكتروني بسيطة ، وكلها لها وقتها ومكانها. ذهبنا مع اختبار قابلية الاستخدام عن بعد لأنه يحقق توازنا جميلا بين السرعة والدقة والتكلفة.
سنشرح في هذه المقالة سبب أهمية البحث النوعي ، وشرح الأفكار ، وإظهار الكيفية التي تم بناؤها في التصميم الجديد.
كيفية التعامل مع التحليل النوعي
عندما يتعلق الأمر بالتحليل النوعي ، لا يمكنك أن تطلب من المستخدمين التحدث عن تجاربهم.
بصفته جاكوب نيلسن ، شريك في مجموعة نيلسن نورمان ، يشير الى ، يجب ألا تستمع إلا لما يقوله المستخدمون. النهج الخاطئ هو إنشاء بعض التصميمات ثم طرح السؤال على المستخدمين الذين يفضلون أكثر من أي شخص - لم يجرب المستخدمون التصميم ، بحيث يمكنهم فقط التعليق على ما يرونه على السطح.
النهج الصحيح هو مشاهدة ما يفعله المستخدمون ثم يطلب منهم الحد الأدنى سؤال سهل واحد ، ما هو: "ما مدى سهولة أو صعوبة المهمة؟" وهذا يساعد على تقليل التحيز ويصل إلى الحد الأدنى من تحليل تجربة المستخدم: كيف قام المستخدمون بإنجاز مهامهم ، وما مدى سهولة أو صعوبة ذلك؟ لقد التقط تسجيل الشاشة لدينا أيضًا صوتًا (حيث شجّعنا الأشخاص على التفكير بصوت عالٍ) ، لأنه بخلاف ذلك من السهل أن نغيب عن سبب حدوث سلوك معين.
كيف قمنا بتحليل مقاطع الفيديو الخاصة بالمستخدم
ظهرت أنماط متميزة في أشرطة الفيديو من تفاعلات المستخدم مع موقع Yelp. من غير المستغرب ، علمنا أن شريط البحث كان واحدًا من الأكثر أهمية وسهولة الاستخدام. بالطبع ، هذا منطقي لأن Yelp هو في الأساس محرك بحث تجاري مع بعض الميزات الاجتماعية المضافة. ومع ذلك ، لم تكن الميزات الأخرى بديهية ، كما سترى أدناه.
الدرس الأول: كان شريط البحث نقطة البداية المفضلة
اعتمد جميع المشاركين في الاختبار الخمسة بشكل كبير على شريط البحث ، حتى بالنسبة للمهام التي يمكن إكمالها بسهولة من خلال تصفح الفئات بدلاً من ذلك (مثل البحث عن مطعم أو بار لطيف دون إعطاء أي معايير محددة). في الواقع ، ذهب أربعة من المشاركين الخمسة مباشرة إلى شريط البحث للعثور على مطعم. بدأ مستخدم واحد فقط في تصفح الفئات ، وسرعان ما وجدتها "ساحقة" وانتهى بها الأمر إلى العودة إلى شريط البحث بدلاً من ذلك.
من المهم الإشارة إلى أنه في إرشادات الاختبار ، طلبنا من المستخدمين "العثور على مطعم ، وليس" البحث عن "مطعم ، لأننا أردنا مراقبة كيفية إكمال هذه المهمة بشكل طبيعي دون تحيزهم نحو وظيفة محددة.
ومن المثير للاهتمام ، أنه عندما تم منح المستخدمين معايير محددة (مثل الميزانية ، والأجواء ، ونوع المطعم ، أو اسم نشاط تجاري فردي) ، فإنهم دائمًا ما يتجاهلون كل شيء على الصفحة الرئيسية باستثناء شريط البحث. في إعادة التصميم لدينا ، تأكدنا من أن شريط البحث هو الميزة الأكثر وضوحًا.
الدرس الثاني: الأحداث ليست ملحوظة للغاية
في إحدى المهام ، طلبنا من المستخدمين دون حساب Yelp العثور على حدث مثير في منطقتهم في نهاية هذا الأسبوع. أردنا معرفة ما إذا كانوا سيستخدمون علامة تبويب الأحداث في أعلى الصفحة.
بشكل مدهش بما فيه الكفاية ، لا أحد استخدم علامة التبويب الأحداث . عندما طُلب منهم العثور على حدث مثير في منطقتهم في نهاية هذا الأسبوع ، استخدم أحد المشاركين في الاختبار شريط البحث بينما انتقل الآخرون من خلال فئة الفنون والترفيه في أفضل قسم Yelp .
نظرًا لأن عقد الأحداث هو جزء مهم من نشاط Yelp ، فإن إعادة التصميم ستؤدي إلى سحب قسم الأحداث من الشريط الجانبي وجعله جزءًا من التمرير الأساسي.
الدرس 3: إشارة مرجعية كانت مربكة ، ولا أحد استخدم القوائم
كنا نتطلع لمعرفة كيف سيختار المستخدمون حفظ المواقع للرجوع إليها لاحقًا. في Yelp ، هناك طريقتان لإجراء ذلك: يمكن للمستخدمين الذين لديهم حسابات حالية إما وضع إشارة مرجعية على موقع أو إنشاء قائمة. لقد طلبنا ببساطة من المجموعة 1 (ثلاثة مستخدمين لديهم حسابات Yelp) "حفظ" عدد من المواقع للنظر فيها لاحقًا حتى لا تذكر صيغتنا أي ميزات يمكن أن تحيز تصرفاتهم.
من المستخدمين الثلاثة الذين تم منحهم هذه المهمة:
- أحدهم أنقذ الشركات باستخدام الإشارات المرجعية ولكنه اشتكى من أن العملية استغرقت وقتًا طويلاً
- بدأ أحدهم في حفظ الأنشطة التجارية باستخدام الإشارات المرجعية ولكنه استسلم لأنه استغرق وقتًا طويلاً جدًا
- لم يكن أحد قادرا على معرفة كيفية إنقاذ الشركات والتخلي عن هذه المهمة
المستخدمان اللذان استخدما الإشارات المرجعية كلا ملحوظ أنه سيكون من الجيد أن تكون قادرًا على وضع علامة على نشاط تجاري من صفحة نتائج البحث ، بدلاً من الاضطرار إلى الانتقال إلى صفحة كل شركة على حدة.
سيكون من اللطيف السماح للمستخدمين باستخدام طريقة أسهل وأكثر سهولة في حفظ الشركات للعودة لاحقًا ، لذلك أضفنا ميزة الحفظ بنقرة واحدة في إعادة التصميم. تتيح لك هذه الميزة الجديدة حفظ نشاط تجاري مباشرة من صفحة النتائج دون الغوص بشكل أعمق.
الدرس الرابع: من السهل والسريع البحث عن مكان معين
أعطيت لجميع المستخدمين الخمسة مهمة للعثور على عمل معين ومعرفة ما إذا كان مفتوحا في وقت معين. أكملوا جميع هذه المهمة بنجاح ، وصنفوا المهمة بأنها "سهلة للغاية". كما ذكرنا سابقًا ، استخدم الخمسة جميعًا شريط البحث لإنجاز هذه المهمة.
بما أن البحث عن عمل معين يعمل بشكل جيد ، فقد قررنا أن الوظيفة لا تحتاج إلى أي تغيير.
الدرس 5: الصور هي الخيار الأفضل لتحديد الأجواء
عندما يُطلب منك العثور على مطعم ذي أجواء معينة ، لم يحاول أي من المستخدمين الخمسة استخدام شريط البحث. بدلا من ذلك ، ثلاثة بدا المستخدمين من خلال الصور من المطعم على Yelp ، زار أحد الموقع الإلكتروني للمطعم ، وآخر ذكر أن رموز الأسعار ($ ، $$ ، $$$ ، $$$$) كانت كافية للإشارة إلى ما إذا كان المطعم يتمتع بالأجواء المناسبة.
هذا طرح رأيين:
- تعد الصور جزءًا أساسيًا من تجربة Yelp ، وهي مهمة للمستخدمين لاختيار الأعمال.
- لمنع تشوش الواجهة ، يمكن أن يكون الحل بسيطًا مثل تكبير الصور عند الوصول إلى صفحة نتائج البحث.
الدرس 6: اعتمد المستخدمون على الفلاتر ، لكنهم بحاجة إلى تجديدها
طُلب من جميع المستخدمين الخمسة العثور على مطعم لمجموعة من 15 شخصًا ، ثلاثة من المشاركين الخمسة استخدموا جيدًا لمرشحات المجموعات ، بينما استخدم أحدهم ميزة إجراء الحجز وتمريره لأسفل حتى عثرت على مطعم يمكنه وضع المجموعة.
في نقطة أخرى ، حاول مستخدم واحد لتحديد فئتين لتصفية نتائجه ، ولكن اختفى أحد اختياراته عندما نقر على الآخر.
على الرغم من أهمية الفلاتر ، علمنا أنه يمكن تحسينها بشكل كبير. للحفر أعمق ، قررنا تشغيل نوع البطاقة على جميع خيارات الفلتر الحالية لـ Yelp لتحديد أي منها مفيد للمستخدمين بالفعل.
لإعادة التصميم ، قررنا تصنيف فئات التصفية في مجموعات من أربعة على أساس كيفية ترتيب المستخدمين لها حسب الأولوية. على سبيل المثال ، علمنا أن "فتح الآن" و "يقبل بطاقات الائتمان" كانت من أهم الفلاتر ، ولكن يمكن أن يستغرق الأمر نقرات عديدة للوصول إليها.
الدرس 7: لم تكن فئات الأسعار واضحة
عندما كان المستخدمون يبحثون عن المطعم باستخدام معلمات محددة ، كان أحد المتطلبات هو العثور على مطعم ضمن ميزانية تبلغ 20 دولارًا للشخص. تم الخلط بين اثنين من المستخدمين الخمسة من خلال ما إذا كانت ميزانية المطاعم التي تبلغ 20 دولارًا ستنخفض إلى فئة $ أو $$ أو $$$. ذكر أحد المستخدمين أنها لا تعرف ما تعنيه الرموز ، ونقر آخر على الفئة الخاطئة. اختار الثلاثة الآخرون بشكل صحيح فئة $$.
لا يتم عرض تعريف الرموز عند قيام المستخدمين بتحديد الفلاتر ؛ يتم عرضها فقط عندما ينتقل المستخدم إلى صفحة مطعم معين. نظرًا لأن توقعات السعر ذات طبيعة عالية ، لم يكن من الواضح للمستخدمين الفئة التي ينبغي عليهم اختيارها.
في إعادة التصميم ، قمنا بحل ذلك بوضع القيم الدقيقة بين قوسين بجوار الرموز. هذا مفيد بشكل خاص أثناء التنقل بين الفئات ، حيث إن $$ له معنى مختلف إذا كنت تختار مفصل ميكانيكي أو برغر.
تصميم مدفوع من قبل رؤى قابلية الاستخدام
وبمجرد أن حان الوقت للتصميم ، اتبعنا نهجًا يستند إلى الخطوات القليلة الأخيرة من تصميم Google Ventures معالجة. بدأ الرئيس التنفيذي لشركة UXPin Marcin Treder بالعديد من الرسومات غير الرسمية قبل أن يساعد قرار الفريق على التخلص من أكبر 2-3 تخطيطات. لمنع التصميم من قبل اللجنة ، كان مارسين هو القول الفصل فيما يتعلق بالتصاميم التي سوف تتطور إلى إطارات سلكية ونماذج أولية.
أنشأنا إطارًا سلكيًا لدمج معظم تغييرات التصميم ، ثم أضفنا بعض التفاعلات والرسوم المتحركة لتحويلها إلى نموذج أولي منخفض الدقة. بمجرد أن يتم رسم الصور المتحركة ، أضفنا تفاصيل لنموذج أولي عالي الدقة.
نماذج منخفضة الدقة
نماذج عالية الدقة
تحديد جميع أبعاد قابلية الاستخدام
يجب أن يكون ما يقوله المستخدمون وما يفعله المستخدمون بمثابة ضوابط وأرصدة أثناء اختبار المستخدم. في حين أنك لا تحتاج بالضرورة إلى أن تكون حاضراً أثناء الاختبار ، فإن التسجيل السمعي البصري إلزامي ، وإلا فقد يفوتك سياق الإجراءات. عندما تجمع بين التحليل النوعي والتحليل الكمي ، ستحصل على فكرة أكثر وضوحًا عن سبب وكيفية حل المشكلة ، بالإضافة إلى عدد مشكلات سهولة الاستخدام التي يحتاج تصميمك إلى حلها.