تخلص من MVPs ، واعتمد الحد الأدنى من النماذج الأولية القابلة للتطبيق (MVPr)

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

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

فكر في جميع الأشخاص والأدوار التي تشارك في تصميم منتج رقمي واحد:

• باحثو التصميم
• مصممي واجهة المستخدم
• مهندسو المعلومات
• مصممي UX
• مصممو المنتجات
• مديرو المنتجات
• استراتيجيو المحتوى
• خبراء العلامة التجارية
• كتاب نسخ UX
• إلخ.

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

يمكن أن يكون هذا النوع من التنبؤ الاستراتيجي ذا قيمة ، ولكنه قد يتسبب أيضًا في ركود عملية التصميم وتصبح عالقة في حلقة الكمال المخيفة: "علينا الحصول على X مباشرة قبل أن نتمكن من تنفيذ Y و Z."

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

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

محاكاة الإطلاق بنموذج أولي قابل للتطبيق

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

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

ماذا لو كانت هناك طريقة لمحاكاة الإطلاق وتحديد صلاحية المنتج قبل أن تبدأ أي جهود تصميم كبيرة؟

هذه هي قيمة الحد الأدنى من النموذج الأولي القابل للتطبيق (MVPr) ، وهو نهج تصميم منتج يتطلب وقتًا ومالًا أقل بكثير من "الحد الأدنى للمنتج القابل للتطبيق" الأكثر شيوعًا.

فيما يلي نظرة عامة على الحد الأدنى من عملية تصميم النموذج الأولي القابل للتطبيق (MVPr):

1. اكتشاف
2. بحث
3. هندسة المعلومات
4. التصميم المرئي
5. يطلق
6. اختبار

انتظر! أليست هذه هي العملية التي يستخدمها الجميع؟

نعم ، وسنرى أنه بالاعتماد على الأساسيات الأساسية للخطوات المذكورة أعلاه ، يمكننا بنجاح ...

• محاكاة وظائف منتج حقيقي ؛
• تقليد إطلاق منتج حقيقي ؛ و
• اكتشف ما إذا كان المنتج الحقيقي يستحق البناء.

خطوة بخطوة: كيفية بناء ملف MVPr

1. الاكتشاف: ابدأ في اتخاذ القرارات

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

هذه الخطوة لا تتطلب أي خبرة. السر يكمن في التقدم من النية إلى الفعل.

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

بعد 1-2 ساعة من البحث ، يجب أن تكون قادرًا على تحديد أهم منافسيك ومعرفة الجوانب الرئيسية لكل منهم.

2. البحث: تحديد المستخدمين

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

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

فيما يلي بعض مجالات التحقيق العملية التي يمكن الوصول إليها بسهولة على الويب:

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

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

3. هندسة المعلومات: قم ببناء النموذج الأولي الخاص بك

كيف سيعمل النموذج الأولي ، وما هي أهم المعلومات التي يجب التركيز عليها؟

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

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

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

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

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

إليك كيفية عمل ذلك باستخدام مجموعة أدوات مجانية لواجهة المستخدم:

ما الذي أنجزناه في الصورة أعلاه؟

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

في أقل من ساعة ، لدينا أساس مرئي يمكننا من خلاله تطوير نموذجنا الأولي.

4. التصميم المرئي: إعادة توظيف موارد واجهة المستخدم المجانية

لا يمكن فصل الشكل والمظهر المرئي لنموذجك الأولي عن الطريقة التي يعمل بها. لا يتعلق الأمر بالرسومات فقط. يروي التصميم المرئي المؤثر قصة ويوفر تجربة ذات قيمة حقيقية.

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

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

5. الإطلاق: إلى Code or Not to Code؟

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

لا يوجد رمز MVPr

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

النماذج الأساسية

• يحتوي InVision على جميع الميزات اللازمة لبناء واختبار نموذج أولي أساسي ، ويوفر تجربة غير مؤلمة بدون مضاعفات.

نماذج الوسائط الغنية

• بالنسبة للتفاعلات والانتقالات والرسوم المتحركة المعقدة ، فإن Principle مفيدة جدًا.

100٪ نماذج أولية واقعية

• يسمح Framer للمصممين بمحاكاة أي تجربة منتج رقمي يمكن تخيلها. إنه الخيار المثالي عندما يجب أن يبدو النموذج الأولي ويشعر بأنه حقيقي من حيث الرسوم المتحركة الأصلية والتشفير المنطقي (على سبيل المثال: إذا كان هذا ، فافعل ذلك).
• يوفر Webflow القدرة على التصميم والبناء باستخدام التعليمات البرمجية وإطلاق مواقع الويب سريعة الاستجابة على لوحة قماشية 100٪ ما تراه هو ما تحصل عليه.

انقر لرؤية الصورة بالحجم الكامل.

المشفر MVPr

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

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

6. الاختبار: الاستفادة من الرؤى الإعلانية

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

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

* نصيحة للمحترفين: AdEspresso هو مكان مناسب لتشغيل مئات الإصدارات من إعلاناتك الاجتماعية في نفس الوقت أثناء جمع التحليلات المفيدة والمقارنة.

قم بتشغيل الإعلانات وستتعلم شيئين:

1. عدد الأشخاص الذين شاهدوا إعلانك
2. عدد الأشخاص الذين نقروا على إعلانك

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

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

استخدم هذه الإستراتيجية وستحصل على:

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

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

ابدأ وتعلم بجرأة

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

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

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

• • •

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

1. النموذج الأولي بسهولة - برنامج تعليمي لـ InVision Studio
2. كيفية إجراء تصميم Sprint فعال
3. من كان يعرف أن Adobe CC يمكن أن يكون Wireframe؟
4. اختبار UX للجماهير: اجعلها بسيطة وفعالة من حيث التكلفة
5. خرائط رحلة العملاء - ما هي وكيفية بناء واحدة