فواد مقدسی
فواد مقدسی
خواندن ۱ دقیقه·۳ سال پیش

وایرفریم چیست ؟

اگر بلافاصله بعد از ایده پردازی، مستقیم بریم سراغ پیاده سازی و طراحی ui, ریسک پروژه رو بالا میبریم
چرا ؟ چون فرض کنید ما ایده خودمون رو مستقیم تبدیل به کیت های ui کردیم و همه چیز رو با جزئیات دقیق طراحی و پیاده سازی کردیم، خوب حالا وقت تست رسیده و بوووم!

تست با شکست مواجه شد …

کلی هزینه و زمان صرف شدن تا تا همه چیز با جزئیات طراحی بشن و حالا این طرح، با شکست مواجه شد!
اما اگر قبل از اون، وایرفریمی طراحی میکردیم که ایده و ساختار طرح مارو نشون بده و روی همون وایرفریم یا پروتوتایپ اولیه، تست هارو انجام میدادم میتونستیم ریسک پروژه به کمترین حد ممکن برسونیم.

وایرفریم چیست ؟

حالا وایرفریم چیه ؟ وای فریم یک اسکلت ساده از محصول ماست که ایده هامون رو نشون میده و میتونه برای هر پلتفرمی، از تلوزیون گرفته تا موبایل و ساعت هوشمند ساخته بشه.
وایرفریم ها هیچ گرافیک خاصی مثل رنگ و جزئیات بصری و تایپو و … ندارن و فقط به ساختار و کاربرد محصول میپردازن.
وایرفریم ها به صورت کلی طیفی از lo-fi تا hi-fi رو تشکیل میدن و بنا بر نیاز و اندازه پروژه میتونن در این طیف طراحی بشن.

وایرفریمی با جزئیات کم تا وایرفریمی با جزئیات زیاد !

ابزار کشیدن وایرفریم :

برای کشیدن وایرفریم ها بهترین ابزار قلم و کاغذه :))
همچنین میتونید از ابزار های دیجیتال مثل sketch یا Adobe xd یا invision یا … استفاده کنید.
اما از اونجایی که وایرفریم باید به ساده ترین راه ممکن طراحی بشه و ابزار های خیلی پیچیده ای برای طراحی اون نیاز نیست، من گزینه اول، ینی قلم و کاغذ رو پیشنهاد میکنم.
ولی برای جزئیات بالا میتونید از ابزار های تخصصی تر مثل invision یا اسکچ یا xd یا … استفاده کنید.

در ادامه میتونید نمونه ای از وایرفریم هارو مشاهده کنید :


تجربه کاربریوایرفریمرابط گرافیکیuxwireframe
در جست و جوی پروداکت دیزاینر شدن ...
شاید از این پست‌ها خوشتان بیاید