وایر فریم چیست؟
طرحی که با استفاده از ابزار های طراحی کشیده میشود و برای مشخص کردن بخش های یک پروژه (یا سایت) مورد استفاده قرار میگیرد. در وایر فریم محل قرارگیری عناصر گوناگون سایت ایجاد میشود تا چیزی که در ذهن طراح و مشتری وجود دارد قبل از ساخت آن نمایان گردد که هدف نهایی به چه شکل در خواهد آمد. در گذشته وایر فریم را نیز بر روی کاغذ می کشیدند.
امروزه از وایر فریم برای طراحی لندینگ پیج ها نیز استفاده می گردد. wireframe به معنی قاب سیمی می باشد، بنابراین رنگ ها خیلی در آن مهم نیست اما محل جایگیری و اندازه ی آنها اهمیت دارد.
تا اینجا معنی کامل وایر فریم را توضیح دادیم. در ادامه هر چیزی که در این رابطه آورده میشود برای استفاده ی وایر فریم در طراحی سایت بیان می شود.
هدف از طراحی وایر فریم:
- هماهنگی و مطابقت ایده با محصول خروجی
- اعمال شدن نقطه نظرات مشتری در پروژه / نه تیم توسعه دهنده
- هماهنگی و سرعت بخشیدن به تکمیل پروژه (به دلیل اینکه وایرفریم جلوی جلسات و تماس های تکراری در مراحل طراحی را خواهد گرفت)
مزایای استفاده از وایر فریم
- رضایت بیشتر مشتری
- بالا بردن سرعت انجام پروژه
- جای گیری بهتر بخش های سایت
- داشتن یک پیش نمایش از محصول نهایی
- عدم سردگمی برای تیم پیاده سازی و طراحی
- روشن شدن خروجیه محصول نهایی و روش عملکرد آن
البته اینها واقعا عالیه اما حتما باید حداقل در یک نوبت پس از درآمدن طرح وایرفریم با کارفرما یک جلسه ی مشترک برگزار شود.
نکاتی که در طراحی وایر فریم باید رعایت کرد:
- تحقیق در مورد پروژه و بعد آغاز به طراحی وایر فریم
- بهتر است با مداد شروع به طراحی کنید به جای ابزار های پیچیده
- تا حد ممکن طرح اولیه را ساده پیاده کنید
- پس از پایان طرح اولیه ، ببینید چه تغییراتی به استفاده ی بهتر کاربران کمک می کند
- تا حد ممکن طرح را به گونه ای بکشید که برای همه قابل درک باشد تا تیم مجری نیز راحت آنرا بخواند
- تمام بخش ها را تا انتها طراحی کنید و به پیاده سازی بخشی از پروژه اکتفا نکنید
- در انتها که طرح مدادی یا کشیده شده به پایات رسید آنرا با ابزار های دیجیتال به صورت صفحات دیجیتال و یا حداقل تصاویر jpg درآورید
- از رنگ ها خیلی کم استفاده کنید
- طرح نهایی پیچیده نباشد ، شلوغ نباشد ، حداکثر دارای ۳ یا ۴ رنگ باشد و هر کس با دیدن آن متوجه شود با اضافه شدن تصاویر واقعی به چه صورت در خواهد آمد