وایرفریم یا Wireframe اصطلاحی است برای توصیف و مدل سازی سه بعدی در انیمیشن سازی و همچنین توصیفی برای طراحی و توسعه صفحات وب دوبعدی است. به عبارتی دقیق تر در پروسه طراحی نرم افزار های کامپیوتری ارائه تصویری از ساختار و عملکرد یک صفحه وب به مشتری کمک می کند آنچه در ذهن دارد را به راحتی به کدنویسان، مهندسان نرم افزار و طراحان UI&UX منتقل کند.
هدف از طراحی شماتیک (wireframe) چیست؟
وایرفریمها به منظور ملموستر بودن و قابلدرکتر بودن یک ایدهٔ اولیهٔ طراحی سایت یا اپ موبایل استفاده میشوند و اساساً وایرفریمها پیرو اهداف مختلفی مورد استفاده قرار میگیرند که برخی از مهمترین آنها عبارتند از:
- وقتی یک ایده اولیه در ذهن شما شکل می گیرد برای انتقال آن ایده به صورت کامل تنها صحبت کردن و بیان آن به طراحان و کدنویسان یک شرکت کفایت نمی کند. اگر شما بتوانید ایده خود را به صورت تصویری بیان کنید و بر روی کاغذ به صورت کاملا شفاف یک تصویر اولیه از آن ایده را ایجاد کنید طراحان بهتر می توانند به تصویر نهایی ذهن شما نزدیک شوند و دقت اجرایی طرح شما از این طریق افزایش می یابد.
- همچنین ایجاد یک طرح شماتیک و وایرفریم اصولی و دقیق به تیم توسعه دهنده نرم افزار کمک می کند از دوباره کاری های حین کار اجتناب کنند و در نتیجه با دقت و سرعت بیشتر طرح شما به نتیجه می رسد. از سوی دگیر وایرفریم کمک می کند که در صورت نیاز فیچرهایی به طرح اضافه یا حذف کنید بدون آنکه به کلیت طرح شما ایرادات اساسی وارد شود.
- تمرکز بر کاربردپذیری از دیگر موضوعات مهم برای استفاده از وایرفریمینگ در طراحی های وبسایت و اپلیکیشن است. به طور کلی وایرفریمینگ این اجازه میدهد تا نگاهی واقعی و بیطرفانه به اسامی لینکها، نَویگیشن، سهولت در استفاده از اپلیکیشن و چیدمان اِلِمانهای بصری داشته باشید.
- بررسی ظرفیت رشد محتوا از دیگر امکاناتی است که وایرفریمینگ در اختیار شما قرار می دهد. اگر برنامه شما این است که وبسایتتان در یک بازه زمانی مشخص رشد قابل توجهی را تجربه کند و یا پیش بینی می کنید که در زمانی تعداد کاربران وبسایتتان به نوعی افزایش شدیدی تجربه می کند؛ انعطاف پذیری و معماری و کاربردپذیری در طراحی سایت شما باید لحاظ شود و این موضوع در وایرفریمینگ اولیه طرح شما باید دیده شود.
انواع وایرفریم ها
چهار نوع وایرفریم مختلف وجود دارد که از سادهترین نوع (سیاهسفید) تا پیچیدهترین نوع (که تقریباً همچون خروجی نهایی طرح واقعی است) در دسترس هستند که در ادامه به معرفی تکتک آنها خواهیم پرداخت:
در یک دسته بندی جامع می توان وایرفریم
- Basic Wireframes: این نوع وایرفریم ها با نام (Low-fidelity Rendering) ساده ترین طرح شماتیک از صفحه وبسایت شماست. یک تصویر ساده سیاه و سفید از کلیات آن چیزیست که شما میخواهید در وبسایت خود قرار دهید.
- Annotated Wireframes: در این نوع از وایرفریم جزییات بیشتری به وایرفریم اولیه اضافه می شود که معمولا به صورت نوشته های توضیحی و توصیف کننده آیتم ها در پایان تصاویر وایر فریم است.
- User-Flow Wireframes: هنگامی که یادداشتنویسی برای نشان دادن نحوهٔ حرکت منطقی کاربر سایت یا اپلیکیشن میان محتوا و از صفحهای به صفحهٔ دیگر کافی نباشد، به اطلاعات بیشتری احتیاج است که برای همین منظور، این دست وایرفریمها میتوانند نماهایی استاتیک از یک وایرفریم کاملاً تعاملی باشند، اما ممکن است برای نشان دادن جریان اصلی یا مجموعهای از تعاملات فرضی کاربران، حاوی اسلایدشو یا مجموعهای از وایرفریمهای متوالی هم باشند.
- Interactive High-Definition Wireframes: اضافه کردن نحوهٔ تعامل کاربر با نرمافزار (مثل ضربه زدن، کلیک و درگ & دراپ) پیش از شروع پروسهٔ طراحی ماکاپ، باعث ساعتها صرفهجویی در وقت طراحان و توسعهدهندگان میشود که این شکل از تغییرپذیری وایرفریمها تنها در طراحی گرافیکی یا نرمافزار وایرفریمینگ و پروتوتایپینگ شدنی است.
نوشته وایرفریم (wireframe) چیست؟ اولین بار در طراحی سایت | طراحی وب سایت | شرکت طراحی سایت | بهترین شرکت طراحی سایت در تهران پدیدار شد.