عملية تصميم خبرة المستخدم في 6 مراحل
للكاتب تونى هو تران /المصدر انفجن
إن اتباع عملية تصميم UX لا يمنح المستخدمين تجربة بديهية وممتعة فحسب – بل يمثل فرصة للمصممين للتكرار وتحسين تصميماتهم.
تتمثل الخطوة الأولى لتصميم واجهة ستحب المستخدمين في معرفة ما تستلزمه هذه العملية تمامًا.
دعونا نلقي نظرة على معنى UX ، وكيفية تقسيم عملية التصميم ، وكيف يمكنك تطبيق هذه الطريقة على مشروعك التالي. أولاً في نموذج فيديو ممتع ، ثم بمزيد من التفاصيل أدناه.
https://youtu.be/Um3BhY0oS2c
ما هو تصميم UX؟
لفهم عملية تصميم UX ، يتعين علينا كسر هذه العبارة.
“UX” ، أو “تجربة المستخدم” ، هي كيف يشعر المستخدم عند استخدامه لمنتج أو خدمة معينة. ويشمل مجموعة متنوعة من المشاعر بما في ذلك العاطفة والحواس والتفاعل البدني.
صاغ هذا المصطلح دونالد نورمان ، نائب الرئيس السابق لمجموعة أبل للتكنولوجيا المتقدمة ، وقال:
اخترع هذا المصطلح لأنني اعتقدت أن واجهة الإنسان وقابليته للاستخدام كانت ضيقة للغاية. أردت تغطية جميع جوانب تجربة الشخص مع النظام بما في ذلك التصميم الصناعي والرسومات والواجهة والتفاعل البدني والدليل. “
تصميم UX ، إذن ، هو مصمم النظام الذي ابتكره لتلك التجربة بهدف جعل تجربة المستخدم مرضية وسهلة.
وبينما تشارك في العديد من المنتجات والخدمات المختلفة ، فإنها تشير عادة إلى تجربة التصميم الرقمي.
ما أهمية تصميم UX؟
تصميم UX الجيد يخلق تجربة إيجابية للمستخدم الخاص بك عن طريق توقع وتلبية احتياجاتهم.
يحتاج أي منتج أو خدمة ناجحة ، مثل موقع الويب أو التطبيق ، إلى تصميم UX جيد. مع ذلك ، سيبقى العملاء راضين (ومثاليًا) عن ولاء عملك. بدون ذلك ، يمكن ترك المنتج الخاص بك محبطًا ومريءًا بمنتجك … مما يؤدي في النهاية إلى تقليل عدد المستخدمين.
وما يبدو عليه تصميم UX بالفعل سيختلف من منتج لآخر ومن ماركة إلى أخرى. هذا يعني أن تصميم Apple UX سيكون مختلفًا عن تصميم Google – لذلك لا تقلق بشأن ما يقوم به الفريق الآخر.
مع ذلك ، دعونا نلقي نظرة على عملية UX نفسها.
عملية تصميم UX في 6 مراحل
تذكر أن عملية تصميم UX لشركتك ستختلف عن الشركات الأخرى.
هذا يعني أنك قد تبتعد عن المراحل التي حددناها أدناه وهذا جيد! المهم هو أن تكتشف بالضبط ما يناسب شركتك.
هذا يعني البحث والتكرار والاختبار (ويعرف أيضًا باسم كل ما تحتاجه في عملية تصميم جيدة).
دعنا نقفز
المرحلة 1: الفهم
كما يقول المثل القديم: إذا كان لديك أربع ساعات لتقطيع شجرة ، فقم بقضاء الساعات الثلاث الأولى من شحذ الفأس.
الشيء نفسه ينطبق على التصميم. قبل البدء في أي مشروع ، تحتاج إلى خفض الأساسيات أولاً. وهذا يعني فهم عنصرين حاسمين:
- المستخدم الخاص بك
- علامتك التجارية
نظرًا لأن التصميم لتجربة المستخدم يدور حول معالجة نقاط الألم الخاصة بالمستخدم ، فأنت بحاجة إلى إجابة السؤال: ما هي مشكلته؟
ما المشكلة التي تحاول حلها للمستخدم؟ أي المشكلات التي تسعى إلى حلها؟ ولماذا أنت واحد مع الإجابات؟
عندما تفهم ماهية المشاكل التي تواجه المستخدمين لديك وتكون قادرًا على طرح الأسئلة التي تحتاج إلى إجابة ، تكون قادرًا على إنشاء استراتيجية لنجاح التصميم (والتي ستأتي لاحقًا).
كيف يتماشى هذا المشروع مع علامتك التجارية؟
ثانياً ، عليك أن تعرف كيف يتماشى هذا المشروع مع مهمة علامتك التجارية وأهدافها.
ما هي قيم ومهمة شركتك؟ كيف يساهم هذا المشروع في تحقيق هذا الهدف؟ هل هذا هو الوقت المناسب لشركتك لمتابعة هذا المشروع؟
الحفاظ على تمشيا مع المهمة الأساسية لعلامتك التجارية أمر بالغ الأهمية لنجاح مشروعك وعملك. في كتاب Made to Stick من قبل استراتيجيي الأعمال Chip و Dan Heath ، يوجد فصل كامل مخصص لفكرة هذه الفكرة باستخدام خطوط ساوث ويست الجوية كمثال.
ذات مرة قال Herb Kelleher [المدير التنفيذي الأقدم في الجنوب الغربي] لأحدهم: “يمكنني أن أعلمك سر إدارة شركة الطيران هذه في ثلاثين ثانية. هذا هو: نحن شركة الطيران منخفضة الأجرة. بمجرد أن تفهم هذه الحقيقة ، يمكنك اتخاذ أي قرار حول هذه الشركة وكذلك أستطيع.
قال: “هذا مثال”. “تأتي تريسي من التسويق إلى مكتبك. وتقول إن استطلاعاتها تشير إلى أن الركاب قد يستمتعون برحلة خفيفة في رحلة هيوستن إلى لاس فيغاس. كل ما نقدمه هو الفول السوداني ، وتعتقد أن سلطة سيزر دجاج لطيفة ستكون شعبية. ماذا تقول؟’
لقد تعثر الشخص للحظة ، فأجاب كيلير: “هل تقول ، هل ستضيف أن سلطة سيزر الدجاج ستجعلنا شركة الطيران المنخفضة الأسعار من هيوستن إلى لاس فيجاس؟ لأنه إذا لم يساعدنا ذلك في أن نصبح شركة طيران منخفضة الأجر دون منافس ، فإننا لا نقدم أي سلطة دجاج لعنة. ”
نتيجة لتفانيهم في مهمتهم الأساسية ، تعد ساوثويست واحدة من أكثر شركات الطيران ربحية في العالم. هذه هي قوة التوافق مع العلامة التجارية لشركتك في المهمة.
المرحلة 2: البحث
بعد أن تعرف أن هذا المشروع يتماشى مع مهمتك الأساسية ، وأنت تعرف الأسئلة التي تحاول حلها ، فأنت بحاجة إلى إجراء البحوث.
بحث المستخدم الخاص بك سيكون دماء مشروعك. الأشياء التي تكتشفها وتكتشفها خلال هذه المرحلة تضع الأساس لكيفية ظهور مشروعك بالكامل.
أخطر شيء يمكنك القيام به كمصمم هو عدم تحدي افتراضاتك. بحث المستخدم الجيد يتحدى كل افتراضاتك.
بعض الطرق الجيدة للبحث المستخدم:
1: 1 مقابلات
هذا عندما تجلس مع شخص ما من جمهورك المستهدف وتطرح عليهم أسئلة محددة حول قضاياهم. ما الذي يكافحون؟ ما الذي يبحثون عنه في منتجك؟ يُفضل إجراء المقابلات وجهًا لوجه نظرًا لأنه يمكنك قياس ردود أفعالهم اللفظية وغير اللفظية ، ولكن يمكن أن تعمل مكالمات الفيديو أو المكالمات الهاتفية أيضًا.
بعض الأدوات الجيدة للاستخدام:
مجموعات المستخدم / التركيز
هذا عندما يكون لديك مجموعة من 3 إلى 5 مستخدمين مستهدفين ويطلب منهم مناقشة مواقفهم وعواطفهم وإحباطاتهم تجاه قضية أو منتج. تذكر: إنها مناقشة – وليس مجرد مقابلة. شجع الحوار بين المشاركين ونفسك.
بعض الأدوات الجيدة للاستخدام:
- FocusGroupIt لتسهيل الإشراف على المجموعة
- كاميرا فيديو لتسجيل المجموعة
- مسجل صوت لتسجيل المجموعة
الدراسات الاستقصائية
هذه استبيانات ترسلها إلى المستخدمين المستهدفين. هذه مفيدة للعثور على اتجاهات المستخدمين تجاه موضوع محدد مع فائدة إضافية تتمثل في تلقي البيانات بمجرد الانتهاء من إجراء المستخدمين مع الاستطلاع. ومع ذلك ، يجب أن تكون حريصًا على عدم استخدام الأسئلة الرئيسية التي قد تؤثر على النتائج بشكل غير متناسب.
بعض أدوات المسح الجيد عبر الإنترنت التي يجب مراعاتها:
اختبار قابلية الاستخدام
هذه هي ممارسة مراقبة جمهورك المستهدف باستخدام برنامج أو منتج. على سبيل المثال ، إذا كنت مصممًا لتطبيق Uber ، فقد تطلب من المستخدم سحب التطبيق وطلب شراء سيارة. أثناء قيامهم بذلك ، لاحظت كيف يتصرفون ويتفاعلون مع التطبيق. عندما تنتهي من ذلك ، يمكنك طرح الأسئلة عليهم حول تجربتهم. هذه فرصة رائعة لمعرفة مدى رضاء المستخدم عن التطبيق وما إذا كان يلبي احتياجاته بشكل كافٍ.
بعض الأدوات الجيدة التي يجب مراعاتها:
- اختبار المستخدم لتشغيل اختبار المستخدم على موقع الويب الخاص بك
- الأمثل لاختبار جيد A / B
- انقر فوق Heat لمعرفة ما الذي ينقر عليه المستخدمون
لمعرفة المزيد حول بحث المستخدم ، تأكد من قراءة مقالتنا حول الموضوع هنا.
المرحلة 3: التحليل
في هذه المرحلة ، ستستخدم جميع المعلومات التي جمعتها في المرحلتين السابقتين لتحليل وتقطير أهم العناصر.
فيما يلي طريقتان يمكنك من خلالها تحليل بحثك:
شخصيات المستخدم
شخصيات المستخدمين هي ملفات تعريف لعميلك المثالي
إليك مثال جيد على أحدها:
يستخدمه المصممون للمساعدة في فهم عدد من الأشياء المتعلقة بعملائهم بما في ذلك:
- الأهداف
- خلفية
- عمر
- جنس
- السلوكيات
- عادات الانفاق
- نقاط الألم
- الاحتياجات
فكر في شخصيتك كنجمة الشمال عندما يتعلق الأمر بجميع قراراتك. إذا واجهت مشكلة صعبة في أي وقت ، فيمكنك الرجوع دائمًا إلى شخصيتك والسؤال ، “ما هو أفضل تصميم لاحتياجات هذا الشخص؟”
وليس لديك لتقطير جميع المستخدمين المستهدفين إلى شخص واحد. يمكنك إنشاء عدة أشخاص لتمثيل المستخدمين المختلفين لديك.
لمعرفة المزيد عن شخصيات المستخدمين ، تأكد من مراجعة مقالتنا حول قوالب المستخدم الشخصية.
خرائط رحلة المستخدم
تمثل خريطة رحلة المستخدم تمثيلًا لتفاعلات المستخدم مع منتجك.
إليك مثال جيد (ولذيذ) على مثال واحد:
وفقًا لجيم كالباخ ، مؤلف كتاب Mapping Experiences ، فإن خريطة رحلة المستخدم ضرورية بالنسبة إلى:
- بناء التعاطف
- تقديم “صورة كبيرة” مشتركة
- تحطيم الصوامع
- جلب التركيز
- الكشف عن الفرص
الاستفادة من الأشياء التي تعلمتها في مرحلة البحث ، إنشاء خريطة رحلة المستخدم لمساعدتك في فهم ما سوف يمر المستخدم عند استخدام المنتج أو الخدمة. عندها فقط يمكنك بناء أفضل منتج لهم.
لمعرفة المزيد حول إنشاء خرائط رحلات المستخدم ، تأكد من مراجعة مقالتنا حول هذا الموضوع.
المرحلة 4: التصميم
الآن ، حان الوقت لبناء تصميمك بالفعل.
وهذا يعني بناء أشياء مثل:
- خريطة الموقع
- تدفق المستخدم
- نموذج تجريبي
- صور
- الرموز
- الألوان
أحد أهم الأشياء التي يمكنك إنشاؤها في هذه المرحلة هو الإطار السلكي.
يشبه الإطار السلكي النموذج الأولي لمنتجك – وهو تمثيل أساسي لمنتجك.
إنها نسخة منخفضة الدقة لما سيبدو عليه منتجك في النهاية. عادة ما تكون بارزة في تخطيطات الكتلة و العناصر النائبة “X” لتمثيل الصور المستقبلية ، والمساعدة في إنجاز ثلاثة أشياء:
- يعرض المعلومات التي سيتم عرضها على الصفحة
- يعطي الخطوط العريضة لهيكل وتخطيط الصفحة
- ينقل الاتجاه العام ووصف واجهة المستخدم
مثل خريطة رحلة المستخدم ، سيمنحك هذا نظرة شاملة على تجربة المستخدمين مع منتجك.
لمعرفة المزيد حول إنشاء إطارات سلكية ، تأكد من مراجعة مقالتنا حول هذا الموضوع.
هذا هو عملية تكرارية. هذا يعني أنك لن تنجز كل شيء في أول خطوة. يجب عليك تصميم وإعادة تصميم وإلغاءه وتصميمه مرة أخرى.
فرط التنفس والإفراط في تناول القهوة أمر طبيعي تمامًا في هذه المرحلة.
المرحلة 5: الإطلاق
بعد التصميم وإعادة التصميم إلى أن تتجاهل ، ستصل إلى نقطة تكون فيها جميع أصولك جاهزة للشحن.
هذا يعني أن الوقت قد حان للتنفيذ ؛ قم بتمرير كل شيء إلى فريق التطوير الذي سينشئ نسخة عالية الدقة من واجهة المستخدم.
ستشعر هذه العملية إلى حد كبير بالتواجد في غرفة الانتظار بينما يذهب الآخر المهم إلى المخاض. أنت متوتر ومجهد وتأمل فقط ألا يكون الطفل غريبًا عند الولادة.
بمجرد تسليمه ، هناك عدة طرق يمكنك القيام بها للتأكد من أن المنتج مثالي (أو قريب منه):
- اختبار المستخدم. مثل اختبار قابلية الاستخدام ، يتضمن ذلك مراقبة جمهورك المستهدف باستخدام البرنامج الفعلي.
- إطلاق بيتا. هذا إصدار محدود لمنتجك لعدد صغير من الأشخاص بهدف العثور على المشكلات وتنظيفها قبل إطلاقها على العالم.
- اختبار داخلي. عندما يستخدم فريقك المنتج ويختبر كل جانب منه.
تعد التغذية الراجعة مع فريق التطوير أمرًا بالغ الأهمية في هذه المرحلة. تحتاج إلى التأكد من أنك تنقل بوضوح أي مشاكل تنشأ وتأكد من معالجتها قبل إطلاق المنتج.
المرحلة 6: تحليل (مرة أخرى)
بمجرد إطلاق منتجك ، حان الوقت لجولة أخرى من التحليل.
بدلاً من النظر إلى نتائج البحث ، على الرغم من ذلك ، فستلقي نظرة على المنتج النهائي العام.
بعض الأسئلة التي قد تطرحها على نفسك:
- أين ذهبت عمليتنا بشكل صحيح؟ و لماذا؟
- أين ناضلنا؟ و لماذا؟
- كيف يستجيب المستخدمون للمنتج؟
- هل حل مشاكلهم ونقاط الألم؟
- أين يمكننا تحسين المنتج؟
- ما هي الدروس التي يمكننا استخلاصها من هذه العملية بالنسبة للمنتجات المستقبلية؟
- من خلال التحليل الشامل للمنتج وعملية UX ، ستتمكن من الحصول على المزيد من الخبرة أكثر من مجرد منتج — كما يمكنك اكتساب معرفة لا تقدر بثمن يمكنك الاستفادة منها في المستقبل.
ماذا بعد؟
ستكون عملية UX فريدة تمامًا لعملك والمنتج.
هذا يعني أن جميع المراحل ستبدو مختلفة بالنسبة لك مقارنةً بشركة ومنتج آخر. بحق الجحيم ، قد تنحرف عن المراحل تمامًا وهذا جيد!
الشيء المهم هو أن تجد عملية تناسبك أنت وفريقك ، والأهم من ذلك ، المستخدمين لديك.
إذا كنت مستعدًا لبدء عملية UX الخاصة بك ، فقم بالتسجيل للحصول على حساب مجاني في InVision وإنشاء أول نموذج أولي لك اليوم.
https://youtu.be/JPMrPlNx020