پروتوتایپ (Prototype) چیست؟
از اونجایی که ما انسان‌ها به شدت بصری هستیم و در واقع، 30 درصد از کورتکس مغزمون کاملاً به بینایی اختصاص یافته, با دیدن یک چیز میتونیم بهتر اون رو درک کنیم و تصمیم بگیریم. بنابراین، وقتی یک نمونه رو میبینیم، میتونیم تمامی فرآیندهای مرتبط با محصول رو درک کنیم به همین دلیل از پروتوتایپ در ux استفاده میکنیم.
پروتوتایپ Prototype یا نمونه‌سازی عملا ساخت یک نمونه قابل دیدن و تا حدی قابل اجرا از محصول یا برنامه هست. نمونه‌سازی معمولاً در فاز تحقیق و توسعه یک محصول رخ میده. این کار اغلب قبل از اینکه توسعه‌دهندگان شروع به کدزنی کنن انجام میشه همینطور در مرحله نهایی توسعه محصول قبل از عرضه نهایی اتفاق می افته. نمونه یک مدل اولیه از چیزی است که قراره ساخته بشه.
یک رویکرد ساده در مورد پروتوتایپ ها اینه که اونها در واقع یک مکانیزم برای نمایش کارکرد محصول هستن که در ابعاد ساده تر و شفاف تر ساخت میشن تا قبل از اجرای محصول بتوینم نمونه ای از اون رو ببینیم و تجربه کنیم.
پروتوتایپ در UX معمولاً نوعی شبیه‌سازیه که توسعه‌دهندگان، سهامداران و اعضای تیم های دیگه رو با نحوه تعامل کاربران با محصول آشنا میکنه. پروتوتایپ ها یا نمونه ها میتونن برای یک اپلیکیشن کامل انجام بشن یا حتی تنها برای یک تعامل خاص.
یک پروتوتایپ، وایرفریم یا ماکاپ نیست و در دواقع سطح پیشرفته تری از اونها رو ارائه میکنه و حداقل یک سطح از تعامل رو داره. منظور از سطحی از تعامل اینه که قابلیتی به ما میده که مثل یک اپلیکیشن واقعی بتونیم تست بگیریم و ایرادات طراحی رو متوجه بشیم در حالی که ماکاپ‌ها وایرفریم ها ابزارهایی طراحی استاتیک و بدون تعامل هستن.
در پروتوتایپ ها, ما میتوینم صفحات رو بهم وصل کنیم, انیمیشن هایی مثل لودینگ رو نمایش بدیم, اسلایدر ها و اسکرول های شبیه سازی شده رو در طرح قرار بدیم, عملکرد باتن ها رو مدیریت کنیم که کاربر واقعی قراره از چه صفحه ای به چه صفحه ای هدایت بشه و حتی انواع حالت فرم ها و … رو به نمایش بگذاریم.
پروتوتایپ ها سرعت ما رو کند میکنن تا در نهایت ما رو سریعتر به هدفمون برسونن. با صرف زمان برای طراحی یک نمونه یا پروتوتایپ برای ایده هامون، در واقع از اشتباهات پرهزینه جلوگیری میکنیم.
تیم براون، مدیرعامل و رئیس اجرایی شرکت آیدئو
مزایای ساختن پروتوتایپ در UX
در پایین به مواردی کلیدی اشاره میکنیم که به طراحان ux کمک میکنه با استفاده از نمونه سازی یا پروتوتایپ بتونن مشکلات احتمالی یک طرح رو زودتر از آن که به اجرا برسه شناسایی رو رفع کنن:
صرفه‌جویی در بودجه
با ساختن پروتوتایپ, دریافت بازخورد مشتری در مراحل اولیه و انجام بهبودها تقریباً هزینه‌ای نداره، برعکس انجام تغییرات در محصولی که پیاده سازی شده به مراتب دشوار و هزینه بر هست.
صرفه‌جویی در زمان
یک ساختار و ترتیب خوب از اجزای طرح, در آینده به طراح کمک میکنه تا به تغییرات عظیم در چیدمان نهایی نیازی نداشته باشه چون بخش اصلی پروژه از قبل آماده و تست شده.
تسهیل در جریان کار
در زمان توسعه محصول, توسعه دهنده ها مطابق با نمونه سازی انجام شده اجرا خواهند کرد و پروتوتایپ بخش عظیمی از سردرگمی توسعه دهندگان رو کاهش میده و ارتباطات و درگیری های بین واحد طراحی و واحد توسعه رو به حدقل میرسونه.
تسهیل در تعامل با مشتری
مشتری و بقیه ذینفعان پروژه میتونن یک نمونه ساخته شده از پروژه نهایی رو در مرحله پروتوتایپ ببینن و تصمیم بگیرن که آیا نیازشون رو رفع میکنه یا خیر که اگر تغییری نیاز باشه به سرعت هم قابل انجامه.
کمک به صاحب کسب و کار در افزایش نرخ تبدیل
پروتوتایپ یا نمونه سازی صرفا به معنای طراحی صفحات یک محصول از نظر قابلیت استفاده نیست بلکه استراتژی کسب و کار رو هم شامل میشه. قرار دادن صحیح دکمه اقدام به فراخوانی (CTA) و عناصر ناوبری، بنرهای تبلیغاتی و غیره بر نرخ تبدیل تأثیر میگذاره.
سناریو تمرینی
این یک سناریو تمرینی برای یادگیری بهتر شماست. سعی کردیم شرایطی واقعی رو براتون تصویر کنیم.
شما یک طراح محصول برای یک اپلیکیشن آموزشی هستین (رقبای شما فرادرس و Udemy هستن) علاوه بر این وظیفه طراحی رابط کاربری این محصول هم بر عهده شماست.
در حال حاضر شما در مرحله‌ای از فرآیند ux هستین که اطلاعات کاملی از محصول دارید و باید شروع به ایجاد یک پروتوتایپ دیجیتالی کنین تا انچه که محصول نهایی میخواد به اون برسه رو به صورت نمونه ایجاد کنین که قابل بررسی و تست باشه. چیزهایی مثل تعامل، اجزای رابط کاربری، تایپوگرافی و … در این مرحله اهمیت دارن و لازمه که در پروتوتایپ لحاظ بشه.
وظایف پیشنهادی برای درک بهتر
یادگیری بهتر تجربه کاربری ملزم به انجام تمرینات مستمر و برقراری ارتباط با نمونه های واقعیه. پس لطفا در انجام دادن وظایف تمرینات از هیچ گوششی دریغ نکنین. این تمرینات در نهایت باعث نرمش ذهنی شما میشه و قطعا تجربه شما رو در حرفه آینده شما بیشتر میکنه.
یک پروتوتایپ دیجیتال با فیدلیتی بالا ایجاد کنین. این نمونه باید جریان تماشای چندین درس پشت سر هم که همه دارای محتوای ویدئویی و متنی هستن رو نمایش بده علاوه بر این شما میتونین رقبای این حوزه رو بررسی کنین تا ببینین چه نوع اطلاعاتی برای فروش دوره ها به کاربر ارائه میکنن تا کاربر بتونه با اطلاعات کامل تری دوره مورد نظرش رو خرید کنه
پیشنهاد میکنیم اول با یک نمونه وایرفریم ساده شروع کنین و بعد از او نبه سراغ ساختن پروتوتایپ برید.
آموزش های کاربردی UX
پیشنهاد میکنیم برای درک بهتر این مبحث, حتما از مقالات این بخش رو مطالعه کنین.
ابزار های کاربردی UX
مطمئن نیستید از کدوم ابزار استفاده کنین؟ پیشنهادات ما رو حتما امتحان کنین.
اشتراک گذاری در اِکس
بعد از انجام دادن چالش, نتایج رو در اِکس به اشتراک بگذارین و ما رو هم uxschoolir@ منشن کنین
