أفضل 10 تسليمات لتجربة المستخدم يستخدمها كبار المصممين

استمع إلى النسخة الصوتية من هذه المقالة

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

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

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

1. أهداف العمل والمواصفات الفنية

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

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

2. تقرير التحليل التنافسي

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

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

تتمثل إحدى المهام الأولية لمصمم UX في البحث عن المنتجات أو الخدمات التي يستخدمها العملاء المستهدفون حاليًا لحل المشكلة. هل هناك منتج أو خدمة مكافئة هناك؟ هل هناك حل بديل يستخدمه الأشخاص جيد بما فيه الكفاية ولكنه ليس مثاليًا؟ A Band-Aid - فيتامين ولكن ليس مسكن للألم؟ كيف يمكن لـ UX الأفضل أن تحدث فرقًا؟

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

3. تقارير أبحاث الأشخاص وتجربة المستخدم

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

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

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

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

4. خريطة الموقع وهندسة المعلومات

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

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

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

5. خرائط التجربة ورحلات المستخدم وتدفق المستخدم

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

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

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

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

6. UX Wireframes

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

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

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

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

تعتبر الإطارات الشبكية أساسية ، وبالتالي فهي مفيدة في المساعدة على تحديد التصميم هيكليًا ، وكيف يعمل تدفق المستخدم من خلال تطبيق أو موقع في ظل سيناريوهات مختلفة لحالة الاستخدام. هناك بعض التحولات المثيرة للاهتمام على الإطارات الشبكية مثل "خرائط الهيكل السلكي" التي تمت مناقشتها في مقال سابق هنا على مدونة Toptal Design و "التدفقات السلكية": تسليم UX لسير العمل والتطبيقات من NNGroup.

7. النماذج التفاعلية

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

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

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

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

في هذه الأيام ، تأتي أدوات النماذج الأولية للمصممين بجميع الأشكال والأحجام. فيما يلي 21 أداة نماذج أولية تفاعلية لتصميم UX.

8. التصميم المرئي

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

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

9. Styleguide والمواصفات للمطورين

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

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

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

تختلف الطرق الآلية اعتمادًا على الأداة المستخدمة. إنها طريقة أكثر مرونة وتدريجية لتسليم التصميمات مقابل أدلة الأسلوب التي تم إعدادها على مدى فترة طويلة. يمكن اعتبارها أشبه بـ "الأناجيل الخاصة بالأناقة" على الرف والتي يمكن لأي شخص في الفريق الرجوع إليها.

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

بالإضافة إلى ذلك ، يمكن إنشاء دليل نمط تصميم في بضع ثوانٍ من Sketch باستخدام المكون الإضافي Craft ، أو القياسات و CSS المأخوذة من التصميم عن طريق إنشاء ملف HTML باستخدام المكون الإضافي Marketch كما هو موضح في هذه المقالة.

فيما يلي 50 مثالًا رائعًا لأسلوب الدليل. أيضًا واحد من BBC وواحد من IBM ، وكلاهما يستضيف أدلة على الإنترنت مما يسهل على الجميع مشاهدته.

10. اختبار قابلية الاستخدام وتقارير تحليلات الاستخدام

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

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

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

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

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

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

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

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

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

• • •

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

• تجربة مستخدم التجارة الإلكترونية - نظرة عامة على أفضل الممارسات (باستخدام مخطط المعلومات الرسومي)
• أهمية التصميم المتمحور حول الإنسان في تصميم المنتج
• أفضل مجموعات مصممي UX - أمثلة ودراسات حالة ملهمة
• مبادئ ارشادية للواجهات المتنقلة
• التصميم التوقعي: كيفية إنشاء تجارب مستخدم سحرية