معرفی و بررسی ابزارهای مطرح پروتوتایپینگ یا Prototyping

در مقاله ی قبل در مورد مفهوم prototype صحبت کردیم. در مورد این که Prototype در اصل یک نمونه اولیه از محصول است که پیش نمایشی از نحوه عملکرد آن را نشان می‌دهد. حال در این مقاله قصد داریم چند ابزار مطرح پروتوتایپینگ یا prototyping را به صورت اجمالی معرفی کنیم .

8 ابزار مطرح مدل سازی یا Prototyping :

1- InVision

هزینه :

• پروژه ی تک رایگان
• 15 دلار در ماه برای 3 پروژه ( مبتدی )
• 25 دلار در ماه برای بی نهایت پروژه ( حرفه ­ای )

قابل اجرا در : وب

Prototype برای : Android , IOS , Web

InVision یک ابزار نمونه سازی اولیه مبتنی بر وب است که به طراحان اجازه می‌دهد تا مدل های تعاملی را برای پروژه های وب و موبایل ایجاد کنند. در این ابزار Prototyping شما نمی‌توانید مستقیما در برنامه طراحی کنید بلکه می‌توانید طرح های صفحه استاتیک خود را در ابزار آپلود کنید و سپس hotspot را اضافه کنید تا آن ها را به مدل های تعاملی تبدیل کند. علاوه بر این، این برنامه توانایی همگام سازی اسناد Sketch و Photoshop را دارد، همچنین امکان به‌روزرسانی Prototype شما را در زمان واقعی دارد.

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

وب سایت شرکت را برای اطلاع از آخرین تغییرات بررسی کنید.

توانایی InVision برای تسهیل همکاری، بزرگترین ویژگی مثبت آن است.

هم تیمی ها، مشتریان یا هرکسی که در روند طراحی نمونه اولیه وجود دارد، توانایی ارسال نظر در موضوعات مختلف را دارند.

2- Just In Mind

قابل اجرا در : OS X , Windows

Prototype برای : Android , IOS , Web

یکی از بهترین ابزارهای Prototyping است که به طراحان و تیم ها کمک می‌کند تا دوباره از کار استفاده کنند. همچنین با استفاده مجدد و به اشتراک گذاری محتوا، به پروتکل طراحی سرعت می‌بخشد. طراحان  Just In Mind را به علت افزایش سرعت پروسه ی طراحی و بهینه سازی ارتباطات طراح دوست دارند. دلیل دیگر علاقه طراحان به این ابزار این است که به تیم طراحی کمک می‌کند تا مشخصات کامل و دقیق طراحی از جمله تعاملات تعریف شده، حرکات و انتقال برای برنامه های تلفن همراه را فراهم آورد.

این ابزار به راحتی با نرم افزارهای رایج مورد استفاده همچون Sketch و Photoshop ادغام شده است.

3- Origami Studio

قابل اجرا در : OS X

Prototype برای : Android , IOS

اوریگامی یک ابزار Prototyping اولیه Facebook است.

برای ساختن مدل های مختلف برای چندین برنامه از جمله  Instagram , Messenger , Paper استفاده شده است. اگرچه اوریگامی فقط برای کاربران مک است اما قابلیت ارائه پیش نمایش Prototype را برای دستگاه های Android و IOS فراهم می‌کند. این ابزار همچنین به طراحان مجموعه ­ای از حرکات و انیمیشن های متحرک رایج را برای الگوهای UI تلفن همراه ارائه می‌دهد که بسیاری از آن ها از طریق فایل های نمونه قابل دسترسی و دانلود هستند. اوریگامی چند ویژگی مفید برای Prototype های تعاملی، از جمله کپی از هر چیزی از Sketch و قرار دادن آن به عنوان یک لایه ­ی بومی و همچنین کتابخانه ی مستندات گسترده با انجمن، آموزش های ویدیویی و خودآموزها، ارائه داده است. اوریگامی برای نشان دادن بسیاری از میکروکنترل ها مفید است زیرا آن ها با جزئیات زیاد نمایش داده می‌شوند.

شما می‌توانید به سرعت نمونه های تعاملی موبایل خود را به طور مستقیم با استفاده از IOS و Android با برنامه همراه Origami Live آزمایش کنید.

4- Principle

• نسخه رایگان
• 129 دلار در ماه برای نسخه حرفه ای

قابل اجرا در : OS X

Prototype برای : Watch OS , OS X , IOS

Principle در اصل برای OS X بر پایه IOS برای نشان دادن نمونه های زنده است.

شما چه در حال طراحی جریان یک برنامه ی چند صفحه ای باشید یا تعاملات جدید و انیمیشن ها این ابزار به شما امکان یک طراحی فوق‌العاده را می‌دهد. این ابزار Prototyping بسیار شبیه UI از برنامه ­ی Sketch است در زمینه های دیگر هماهنگ سازی، اتصالات صفحه نمایش و همچنین پیش نمایش زمان واقعی. انعطاف پذیری در حیطه ی کار آفلاین با سرعت در حال افزایش است زیرا شما به یک اتصال غیرقابل اعتماد یا کند متکی نیستید.

5- Marvel

• نسخه رایگان
• 16 دلار در ماه برای نسخه تک کاربر
• 48 دلار در ماه برای نسخه 3 کاربر
• 96 دلار در ماه برای نسخه 6 کاربر

قابل اجرا در : Web , OS X , Windows

Prototype برای : Web , IOS , Android

Marvel یک ابزار Prototyping پیشرفته همراه و مبتنی بر وب است که توانایی اصلی آن، ساده سازی فرآیند نمونه سازی است. به محض اینکه اکانت Marvel خود را ایجاد کردید وارد رابط کاربری شده و می‌توانید اولین Prototype خود را ایجاد کنید. از آنجا شما به راحتی می‌توانید فایل های تصویری خود را آپلود کرده و شروع به اضافه کردن دیگر موارد کنید. این پلتفرم از آپلود مستقیم انواع فایل های تصویری خاص شامل PSD , GIF , JPG و نیز آپلود سوم شخص از طریق   Sketch , Google Drive و  Dropbox پشتیبانی می‌کند.

در هنگام ایجاد Prototype شما به 8 فریم پروژه ­ی مختلف دسترسی دارید. به شما این امکان را می‌دهد تا اطمینان حاصل کنید مدل های شما به طور کاملا بهینه برای دستگاه خاصی طراحی می‌شوند.

اپلیکیشن Marvel احتمالا یکی از جالب ترین ابزار Prototyping موجود در بازار است. اگر شما یک طراح هستید که علاقمند به شروع پروژه بر روی کاغذ هستید، تنها با یک عکس می‌توانید برنامه ی خود را به یک Prototype تبدیل کنید. عکس های شما به طور خودکار با اکانت شما همگام سازی شده و به شما امکان می‌دهد تا سریعا با استفاده از Photoshop  یا Sketch یک مدل مجازی را آزمایش کنید.

Marvel نه تنها برای استفاده آسان است بلکه برای یادگیری نیز آسان است. در وب‌سایت آن ها پرسش های متداول و ویدیوهای آموزشی بسیاری وجود دارد که مرتبا به‌روزرسانی می‌شود.

6- UXPin

• 19 دلار در ماه برای استفاده تک کاربر
• 29 دلار در ماه برای نسخه مبتدی
• 99 دلار در ماه برای نسخه حرفه ای

قابل اجرا در : Web

Prototype برای : Web , IOS , Android

UXPin یک ابزار Prototyping است اما صرفا برای این کار نیست. ویژگی های prototype شامل تعاملات پیشرفته و انیمیشن ها، نقاط پاسخ پذیری، استایل CSS و کتابخانه های ساخته شده در UI است.

این ابزار قابلیت همکاری با Sketch و Photoshop را داراست. همچنین ویژگی های همکاری به چند نفر اجازه ویرایش و بررسی پروژه را می‌دهد، اما محدود بودن گزینه های برقراری تعامل از موارد مایوس کننده است.

7- Webflow

• نسخه رایگان
• 16 دلار در ماه برای نسخه مبتدی
• 35 دلار در ماه برای نسخه حرفه ای

قابل اجرا در : Web

Prototype برای : Web , IOS , Android

نقطه قوت فروش این ابزار Prototyping ، فراهم آوردن عملکرد قوی بدون نیاز به نوشتن حتی یک خط کد است. Webflow به شدت روی انیمیشن های وب، تعاملات و طراحی وب تمرکز دارد. اگرچه شما می‌توانید تنها با استفاده از UI مبتنی بر تصویر، کل سایت را طراحی، تولید و منتشر کنید. پس از اینکه مدل خود را به نحوی که دوست داشتید تصحیح کردید، تنها با یک کلیک می‌توانید نمونه نهایی سایت را مشاهده کنید. در این ابزار فروشگاه بزرگی از widget های پیش ساخته فراهم شده که شما می‌توانید قالب دلخواه خود را انتخاب کنید.

محیط حرفه ای این ابزار prototyping باعث شده تا کار با آن برای اولین بار کمی گیج کننده به نظر برسد.

8- Sketch

• نسخه رایگان
• 99 دلار در ماه برای نسخه حرفه ای

قابل اجرا در : OS X

Prototype برای : OS X , IOS , Web

این ابزار از بسیاری جهات شبیه به Photoshop است، به شما این امکان را می‌دهد که عکس ها را ویرایش کنید. اشکال Vector Sketch به راحتی با تغییر سبک، اندازه و پوسته سازگار می‌شوند. به شما این امکان را می‌دهد که از به کار بردن بسیاری از ابزارهای ملال آور دستی جلوگیری کنید. طرح گردش کار مبتنی بر بردار، طرح کاملا آسان برای ایجاد آثار هنری زیبا و باکیفیت است.

در طراحی UI، عناصر قابل استفاده مجدد هستند.