وایرفریم ها یک طرح ساده و اولیه است که به برنامه نویس ها ، طراحان و شما کمک میکند تا ساختار نرم افزار یا وب سایتی که درحال ساختن آن هستید یا میخواهید آن را بسازید طراحی کنید .
با وایرفریم ها می توانید به این ساختار راحت تر فکر کنید ، با آن ارتباط برقرار کنید و آن را بکشید .
در این مطلب به سه سوال پاسخ میدهیم و کار با وایرفریم ها را شروع میکنیم :
همانطور که در بالا توضیح دادم و تصاویر پایین را میبینید وایرفریم ها میتوانند از طرح های خیلی ساده اسکچ ساخته شده باشند یا حتی روی کاغذ کشیده شوند . خط های ساده سیاه و سفید که جای آیتم های وبسایت یا نرم افزار را مشخص میکند و حتی وجود یا عدم وجود دکمه ها را مشخص میکند .
وایرفریم ها یک طرح ساده از یک رابط کاربری هستند .
به وایرفریم بالا نگاه کنید ! این طرح اصلا شبیه یک وبسایت نیست در این وایرفریم فقط ساختار را در قالب رنگ سیاه و سفید می بینید .
در تصویر پایین مقداری خط خطی میبینید و همانطور که میدانید این خط خطی ها در مرحله بعدی تبدیل به لوریم ایپسوم و سپس محتوای اصلی وبسایت میشوند .
یک صفحه وب سایت یا اپلیکیشن میتواند به روش های مختلفی ساخته شود اما فقط تعداد کمی از آنها پیام شما را به درستی منتقل می کنند و منجر به یک محصول نهایی کاربرپذیر میشود .
با واژه کاربرپذیر از الان آشنا شوید .
اغلب وایر فرم ها به دلایل زیر ظاهری ساده و خشک دارند :
۱ - وایرفریم یک طرح نهایی نیست
هیچ وقت یک وایرفریم را با طرح نهایی اشتباه در نظر نگیرید . کاربرپذیری کم و رنگ های محدود شما را مجبور میکند تا بیشتر روی ساختار تمرکز کنید و زمان زیادی روی جزئیات نگذارید البته که بعد از نهایی شدن وایرفرم ها زمان زیادی برای طراحی UI در نظر میگیریم .
۲ - وایر فریم به خوبی نشان میدهد که " تمامی موارد قابل تغییر و بحث هست "
وایرفریم باعث میشود که طراح به راحتی در تمامی بخش ها بحث کند و موارد را بر اساس سلیقه کاربر تغییر بدهد .
وایرفریم ها سریع کشیده میشوند بنا بر این در ساخت یک وایرفریم نباید خجالتی باشید ! ساخت هر صفحه تقریبا چند دقیقه طول میکشد و طراح / نویسنده وایرفریم از اینکه از اول شروع کند و محصول را بازطراحی کند ترسی ندارد. در این زمینه کاربرپذیری و کاربردپذیری اهمیت بالایی دارد پس تکرار و انجام چندباره فرایند طراحی چیزی طبیعی و قابل انتظار است .
۳ - هنوز هیچ کدی نوشته نشده !
شاید اگر مشتری یا کارفرما به جای فایل وایرفریم یک اسکرین شات از آن را دریافت کند ممکن است تصور کند که تمامی کد ها نوشته شدند و طرح نهایی را میبیند اما نه اینطور نیست . وایر فریم یک طرح اولیه است که معمار ساختمان آن را کشیده و حالا مهندس عمران ( تیم Develop) آن را اجرا میکند .
برای شروع کار وایرفریم ها در قدم اول کپی کنید . از وایرفریم ها کشیده شده در قسمت کامیونیتی فیگما گرفته تا وبسایت هایی مثل دیجی کالا یا وبلاگ های ساده
در قدم دوم در همین مقاله دوبار کلمه کاربرپذیر و کاربردپذیر رو لینک کردم . موارد رو مطالعه کنید و سعی کنید طرح های کشیده شده در قدم اول رو بهینه تر و بهتر کنید .
تمامی مراحل رو روی کاغذ بفرستید و از بقیه کمک بگیرید . برای مثال میتونید وایرفریم هاتون رو توی تلگرام برای من بفرستید یا به آدرس ایمیلم ارسال کنید . من اون هارو میخونم و نظرم رو براتون مینوسم .
منبع:
این مطلب رو موسس کمپانی بالزامیک آقای Peldi Guilizzoni نوشته و من این مطلب رو ترجمه و ویرایش کردم. موارد کمی رو به اون اضافه و مواردی رو کم کردم .
خوشحال میشم نظرتون رو کامنت کنید و اگر موردی رو جا انداختم به این مطلب اضافه کنید .
ممنون از وقتی که گذاشتید و امیدوارم این مطلب برای شما مفیده بوده باشه :)