وایرفریم‌ها در تعریف ساده یک نمای کلی از ساختار صفحه‌ی وب هستن که شامل بخش‌هایی مثل نوع چیدمان عناصر (دکمه‌ها، باکس‌های سوال، تصاویر و نوشته‌ها) و روند حرکت و عملکرد در نظر گرفته شده‌ی کاربر رو نشون میدن. از اونجایی که وایرفریم‌ها مفهوم اولیه محصول رو ارائه میدن، کمترین میزان استفاده از رنگ و طراحی گرافیک رو دارن. و بسته به موقعیت و میزان جزئیات مورد نیاز ، وایرفریم‌ها رو می‌شه دستی یا دیجیتالی طراحی کرد.
1. کاربرد وایرفریم در طراحی سایت
وایرفریم یک سند برنامه‌ریزیه! شما با داشتن وایر فریم در واقع یک نقشه‌ی ساختمون در اختیار دارید با این تفاوت که این نقشه قراره بهتون تو زمینه‌ی طراحی سایتتون کمک کنه. وایرفریم‌ها چندتا کاربرد اصلی دارن:
صرفه‌جویی در زمان و هزینه: از اونجایی که طراحی وایرفریم‌ها دربر گیرنده‌ی جزئیاتی مثل رنگ و عناصر گرافیکی نیست ری‌دیزاین یا همون طراحی مجددشو راحت و سریع‌تر می‌کنه. شما توی این مرحله می‌تونید باگ‌های احتمالی سایت یا اپلیکیشنتون رو در آورده و اون رو قبل از وارد شدن به طراحی نهایی یا بخش کدنویسی حل کنید.
شناسایی مشکلات احتمالی: با طراحی وایرفریم‌ها شما می‌تونید قبل از اجرای نهایی پروژه روند حرکت کاربر رو در سایتتون پیش‌بینی و مشکلات احتمالی‌ای که میتونه باهاش مواجه بشه رو کاهش بدید.
کارفرما و اعضای تیم بهتر باهم هماهنگ می‌شوند: اگه قرار باشه بدون طراحی وایرفریم سراغ پیاده سازی ایده‌هامون توی فیگما یا ادوب ایکس دی بریم احتمالا خروجی داریم که اصلا شباهتی با نظر کارفرما نداره! با طراحی وایرفریم شما می‌تونید به کارفرما و تیم فنی خروجی مشخصی رو از ایده‌های ذهنیتون بدید. این کار کمک می‌کنه تا قبل از صرف زمان و هزینه زیاد با تیم و ایده‌های اونا هماهنگ تر بشید و از دوباره کاری جلوگیری می‌کنه.
نقشه‌ی راهی برای همه‌ی مراحل: وایرفریم‌ها می‌تونن نقشه‌ی راهی توی تمام مراحل برامون باشن تا خیلی از چارچوب‌های اصلیمون فاصله نگیریم. بدون داشتن وایرفریم کار میتونه تو هر مرحله با شدت خیلی زیادی دچار تغییرات بشه که همین مسئله میتونه خروجی نهایی رو با مشکلات زیادی رو به رو کنه.
2. انواع وایرفریم
وایرفریم low-fidelity(جزئیات کم): این دسته از وایرفریم‌ها عموما به صورت دستی و روی کاغذ کشیده می‌شن. خیلی از وایرفریم‌های کم جزئیات توی همون جلسات اول ایده‌پردازی طراحی می‌شن و صرفا قراره که نحوه‌ی عملکرد یک صفحه رو به ما نشون بدن.
وایرفریم های mid-fidelity (جزئیات متوسط): این دسته از وایرفریم‌ها معمول ترین شیوه‌ی طراحی وایرفریم‌ها هستن. جزئیات این مرحله بیشتر از مرحله‌ی قبل هست اما همچنان بدون رنگ، بدون استفاده از لوگو و آیکون‌ها طراحی می‌شن. اما برای درک بیشتر کارکرد بخش‌های مختلف می‌شه از طیف رنگ خاکستری استفاده کرد. بالزامیک یکی از ابزارهای خوب برای طراحی این دسته از وایرفریم‌ها است.
وایرفریم high-fidelity (جزئیات زیاد): این دسته از وایرفریم‌ها شامل جزئیاتی مثل رنگ، لوگو، آیکون و به طور کلی عناصر گرافیکی هستن. و به دلیل میزان زیاد جزئیات این وایرفریم شباهت زیادی با خروجی نهایی داره. طراحی این نوع وایرفریم به دلیل زمان و هزینه بر بودن جز در مواقع خاص الزامی نداره.
3. وایرفریم چه چیزهایی نیست؟
وایرفریم یک اسکچ یا نقاشی نیست: وایرفریم‌ها بیشتر از تمرکز بر روی جذابیت بصری وظیفه دارن تا نحوه‌ی کارکرد اپلیکیشن یا سایت رو به ما نشون بدن نه اینکه سایت چطور دیده خواهد شد.
وایرفریم یک مرحله‌ی سریع و کم‌ارزش نیست: کشیدن وایرفریم ممکنه فقط یک ساعت طول بکشه اما فکر کردن به نحوه‌ی برنامه‌ریزیش هفته‌ها یا ماه‌ها! وایرفریم‌ها نود درصد تفکر و ده درصد نقاشی هستن.
4. چه کسی وظیفه‌ی طراحی وایرفریم رو بر عهده داره؟
طراحی وایرفریم یکی از مراحل کار ux دیزاینرها است. از اونجایی که طراحان تجربه‌ی کاربری مسئولیت شناخت اهداف کاربر و اهداف کسب و کار و ساخت یک تجربه‌ی کاربری بهتر برای مخاطب رو دارند طراحی یک وایرفریم از نحوه‌ی حرکت کاربر در سایت و پیش‌بینی مشکلات احتمالی اون بر عهده‌ی ux دیزاینرها است.
در آخر باید بدونید طراحی وایرفریم قطعا یکی از مراحل اساسی در طراحی سایت حساب می‌شه و صرف زمان کافی برای طراحی وایرفریم میتونه در نهایت از دوباره‌کاری در مراحل بعدی جلوگیری کنه.
