دليل عملية تصميم وتوثيق UX

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

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

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

لقد اخترنا الطرق التي نعتقد أنها تعمل بشكل أفضل ، ولكن لا تتردد في اختيار ما يصلح فقط.

كيف يرتبطون جميعًا

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

مصدر الصورة: عملية التصميم .

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

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

المبادئ التوجيهية

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

مصدر الصورة: المصدر: تصميم محوره المستخدم .

على غرار نظيره في برنامج Agile ، فإن سباقات التصميم هي من 1 إلى 3 أسابيع تركز على حل مشكلات معينة في المنتج والتصميم. وفقًا لـ Alok Jain ، UX Lead في 3Pillar ، فإن العناصر الرئيسية الثلاثة لتصميم سباقات السرعة هي التعاون ، وتقليل احتكاك التسليم ، وتركيز الفريق . باختصار ، تعد وثائقك جهدًا تعاونيًا يجب أن يركز دائمًا على المستخدم نفسه. لأنك تتحرك بسرعة بين كل مرحلة ، فإنك تبني الزخم وتقليل الهدر. والأهم من ذلك ، أنك تتعامل مع مشكلات أصغر مما يسمح بمزيد من الاستكشاف والمجازفة.

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

1. فهم المنتج

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

مصدر الصورة: تحقيق التفاهم المشترك .

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

• مقابلات أصحاب المصلحة - باستخدام هذا النموذج ، يمكنك أن تطلب من كل عضو من أعضاء الفريق مقابلة 3 أصحاب مصلحة. كيف سيجعل المنتج يشعر العملاء؟ ماذا يجب ان يفعلو؟ من خلال تسجيل كيف يعتقد أصحاب المصلحة أن العملاء سيفكرون ويشعرون ويفعلون ، فأنت تضع معيارًا للمقارنة مع اختبار قابلية الاستخدام وتحليل المستخدم.
• ورش عمل المتطلبات - اجمع أصحاب المصلحة معًا وناقش خطة المشروع وابدأ في مناقشة كيفية إدخال المفاهيم في المنتج و
  متطلبات تقنية. يمكنك البدء بلوحة نموذج عمل فارغة أو Lean Canvas وإكمالها مع الفريق.
• Crazy 8s - احصل على بعض العلامات واجعل الجميع يرسمون 8 منتجات أو أفكار مميزة في 5 دقائق. اطلب من الجميع تسجيل كل فكرة ، و
  ستبدأ في رؤية الاتجاهات والتفضيلات. كانت هذه في الواقع الخطوة الثانية في عملية إعادة تصميم Google Ventures. للحصول على أفكار إضافية ، راجع قائمة أنشطة العصف الذهني هذه.

بمجرد وضع الأساس ، تحدث واختبر مع الكثير من المستخدمين حتى يكون لديك بيانات ميدانية حقيقية للبحث والتحليل. مارسين تريدر ، الرئيس التنفيذي لشركة UXPin ، تعمق في تطوير العملاء واختبار قابلية الاستخدام بعد تحديد المشكلة والنطاق. مرة أخرى عندما كانت UXPin مجرد أداة للنماذج الأولية الورقية ، وثق Marcin (على الورق والفيديو) أكثر من 50 مقابلة مستخدم واختبارات قابلية الاستخدام شخصية مع نجوم UX مثل Brandon Schauer و Luke Wroblewski و Indi Young وغيرهم. استخدم فريق المنتج بعد ذلك هذه الأفكار لإنشاء شخصيات ، وكتابة عشرات قصص المستخدمين ، وفي النهاية تحديد متطلبات المنتج.

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

2. تصميم المنتج

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

مصدر الصورة: UXPin .

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

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

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

3. بناء وإطلاق المنتج

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

مصدر الصورة: حملة MVP .

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

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

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

4. تحسين المنتج

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

مصدر الصورة: إدارة المنتج بالأرقام .

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

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

العمليات الموضوعية في بيئة ذاتية

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

مصدر الصورة: ملاحظات عملية التصميم .

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

لمزيد من الطرق لدمج الوثائق في عملية التصميم ، قم بتنزيل دليل UX Design & Process Documentation. يتم تقديم نصائح الخبراء من Aarron Walter و Laura Klein و Ian McAllister وعشرات الآخرين. يتم عرض الأمثلة المرئية أيضًا من شركات مثل Vurb و MailChimp و Apple و Google وغيرها الكثير.