دليل المبتدئين للنماذج الأولية السريعة

كل ما تحتاج لمعرفته حول النماذج الأولية السريعة في 7 دقائق (أو أقل)

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

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

سنغطي معنى بعض المصطلحات المتعلقة بالنماذج الأولية السريعة بالإضافة إلى ما يلي:

ما هي النماذج الأولية السريعة؟

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

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

ماذا تحتاج للنموذج الأولي؟

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

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

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

  • وظائف جديدة: النموذج الأولي لقصص Instagram في تطبيق Instagram (قبل إطلاقها)
  • التغييرات في سير العمل: تدفق النشر الجديد لـ Prototype Medium بعد إدخال العضويات المدفوعة
  • تقنية جديدة: نموذج أولي لرحلة سيارة ذاتية القيادة!
  • واجهة جديدة: النموذج الأولي لواجهة Apple Watch (عند إطلاقها لأول مرة)

لذا ، فهمت الآن الغرض من إنشاء النماذج الأولية السريعة. ولكن كيف تفعلها؟ سنغطي ذلك بعد ذلك.

عملية النماذج الأولية السريعة

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

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

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

كم يجب أن تدرج في النموذج الأولي الخاص بك؟

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

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

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

لكن مهلا ، ما هذا الإخلاص؟

ما المقصود بأمانة النموذج الأولي؟

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

مرئي (رسم مقابل مصمم)

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

وظيفية (ثابتة مقابل تفاعلية)

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

المحتوى (Lorem ipsum مقابل المحتوى الحقيقي)

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

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

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

ما هي مستويات الإخلاص الموجودة؟

  • منخفضة الدقة: طرق منخفضة فاي مثل قلم رصاص ورقة رسم تخطيطي تنتج نماذج ثابتة مع الإخلاص البصرية والمحتوى المنخفض التي تسمح لتغييرات سريعة وسهلة. هذا يفرض على المستخدم التركيز على الوظائف وعلى كيفية استخدام النظام بدلاً من الشكل الذي يبدو عليه.
  • متوسطة الدقة: تنتج الأدوات المستندة إلى الكمبيوتر مثل Visio ما يمكننا تسميته نماذج أولية متوسطة الدقة في شكل إطارات سلكية وسير عمل . يستخدم هذا المستوى من الدقة لإثبات سلوك النظام ، لتحديد ما إذا كان يتم تلبية احتياجات المستخدم ، ولتقييم تجربة المستخدم.
  • دقة عالية : يمكن أن تكون النماذج الأولية عالية الدقة في بعض الأحيان واقعية للغاية لدرجة أنها غالبًا ما يتم الخلط بينها وبين المنتج الحقيقي. كما أنها تستغرق وقتًا طويلاً لإنتاجها. تسمح أدوات مثل InVision و Sketch و Figma و Adobe XD و Framer وما إلى ذلك للمستخدمين غير التقنيين بإنشاء نماذج أولية عالية الدقة. على الرغم من أنه لا يمكن تحويلها إلى رمز قابل للاستخدام ، إلا أنها يمكن أن تكون مفيدة جدًا لاحقًا لاختبار قابلية الاستخدام أو لأغراض تدريب المستخدم.

كيف تختار مستوى الدقة الذي تريد وضع النموذج الأولي عليه؟

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

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

كيف تختار أداة النماذج الأولية؟

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

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

أفضل ممارسات وضع النماذج الأولية: ما يجب فعله وما لا يجب فعله

افعل:

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

لا تفعل:

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

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

السر المحفوظ جيدًا وراء تجربة المستخدم الرائعة: اختبار قابلية الاستخدام

سواء كان لديك نموذج أولي أو منتج كامل ، فمن الجيد إجراء اختبارات قابلية الاستخدام الشهرية ... medium.freecodecamp.org

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

تتعلم من خلال العمل في مشاريع حقيقية والحصول على تعليقات من موجهين في هذا المجال. يجب عليك التحقق من ذلك هنا!