پروتوتایپ نمونه‌ی اولیه‌ی محصول است که می‌شود با آن کار کرد، حتی اگر پشتش هنوز کدی نوشته نشده باشد. صفحه‌ها به هم لینک می‌شوند، دکمه‌ها کلیک می‌خورند و کاربر می‌تواند مثل برنامه‌ی واقعی در آن حرکت کند.

فرق با ماکاپ و وایرفریم#

وایرفریم ساختار را نشان می‌دهد و ماکاپ ظاهر نهایی را. پروتوتایپ رفتار را نشان می‌دهد: اگر روی «سفارش» بزنم چه می‌شود؟ بعد از آن کدام صفحه می‌آید؟

یک مثال#

تیمی می‌خواهد اپ سفارش غذا بسازد. به‌جای شش ماه برنامه‌نویسی، در دو هفته در فیگما یک پروتوتایپ می‌سازد و آن را به ده نفر می‌دهد تا سفارش ثبت کنند. اگر نصف آن‌ها در مرحله‌ی انتخاب آدرس گیج شوند، مشکل پیش از هزینه‌ی اصلی پیدا شده است.

سطح وفاداری#

  • کم‌وفاداری: کلیک‌پذیر ولی ساده و خاکستری، برای آزمودن مسیر
  • پروفاداری: تقریباً مثل محصول واقعی، با انیمیشن و رنگ نهایی

کجا به کار می‌آید#

  • آزمودن ایده با کاربران واقعی
  • جلب موافقت مدیران یا سرمایه‌گذار
  • هماهنگی بین طراح و برنامه‌نویس

نکته#

پروتوتایپ جای محصول واقعی را نمی‌گیرد. سرعت و خطاهای واقعی شبکه را نشان نمی‌دهد، پس نتیجه‌ی تست را با احتیاط تفسیر کنید.