في فرن MVPs ، نقوم بتطبيق MVPr (نموذج أولي قابل للتطبيق)

مرحبا يا هبر! أقدم لكم ترجمة المقال "Ditch MVPs ، اعتماد الحد الأدنى من النماذج الأولية القابلة للحياة (MVPr)" ألكساندرو جوزيبي إسباس.



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

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

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

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


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

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

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

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



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

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


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


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

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

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

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


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

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

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

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


خطوة بخطوة: كيفية إنشاء MVPr


1. وضع فكرة: البدء في اتخاذ القرارات


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

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

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

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



Tripadvisor
  • تركز على مراجعات المستخدمين
  • ركز على الحجز
  • مجمع (فنادق ومطاعم وأشياء للقيام بها)


كوكب وحيد
  • موجه نحو الشخصية
  • عروض جميلة
  • العديد من التفاصيل والاتجاهات
  • ركز على الخبرة


السفر + الترفيه
  • أسلوب الصحيفة
  • الشعور بالملل
  • الاستخدام المفرط للغة العامية


مدونات السفر الشخصية
  • قصص شخصية رائعة
  • العروض السيئة
  • شعور بالثواب


هذا مثال على تحليل المنافسين من صناعة السفر الذي يؤكد على الهدف الرئيسي لمرحلة وضع الفكرة: الكشف عن المشاكل والفرص التي تخلقها نقاط القوة والضعف في الشركات المنافسة.

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


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

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

فيما يلي بعض مجالات البحث العملي المتاحة على الإنترنت:

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


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



يمكن أن تكون ملفات تعريف المستخدمين عامة أو مفصلة تمامًا. في بداية عملية MVPr ، من المهم تحديد أكبر عدد ممكن.

3. بنية المعلومات: إنشاء النموذج الأولي الخاص بك


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

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

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

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

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



طريقة رائعة للتخلص من الضوضاء والتركيز على ما هو مهم هو تحويل لقطات المنتج إلى ظلال رمادية.

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

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



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

ماذا حققنا في الصورة أعلاه؟

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

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

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


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

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

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

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

5. إطلاق: كتابة الرمز أو عدم الكتابة؟


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

MVPr بدون كود مكتوب

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

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


  • يحتوي InVision على جميع الميزات التي تحتاجها لإنشاء واختبار نموذج أولي أساسي ، ويوفر تجربة خالية من المتاعب دون تعقيد أي شيء.

النماذج الأولية للوسائط المتعددة التفاعلية (النماذج الأولية المتقدمة)


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

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


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


هنا رسم تخطيطي مفيد يكسر نقاط القوة والضعف في العديد من برامج التصميم التي يمكن استخدامها لإنشاء نماذج تفاعلية بسرعة وبدقة. (المصدر: كوبر)



MVPr مع الرمز


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

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



الآن عدة واجهة المستخدم



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



يسمح Webflow للمصممين بإنشاء مواقع ويب مستجيبة في المستعرض.



يوفر Themeforest آلاف السمات والقوالب القابلة للتخصيص.

6. الاختبار: استخدم الإعلان لتأكيد اهتمام جمهورك


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

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

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

قم بتشغيل إعلان وستتعلم شيئين:
  1. عدد الأشخاص الذين يشاهدون إعلانك
  2. عدد الأشخاص الذين نقروا على إعلانك

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

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

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

إطلاق حاسم والتدريب


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

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

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

Source: https://habr.com/ru/post/ar424197/


All Articles