وایرفریم (Wireframe) نمایش ساده و ساختاریافتهای از یک صفحه یا رابط کاربری است که جایگاه عناصر اصلی را بدون جزئیات گرافیکی نشان میدهد. این ابزار در مراحل ابتدایی طراحی استفاده میشود.
هدف از ایجاد وایرفریم تمرکز بر ساختار و جریان تعامل است. طراح با حذف رنگ، تصویر و سبک بصری، توجه را بر سلسلهمراتب محتوا متمرکز میکند.
یک وایرفریم معمولاً شامل بلوکهای ساده برای تیتر، متن، تصویر و دکمه است. این نمایش به تیم کمک میکند درباره معماری اطلاعات و ترتیب عناصر تصمیم بگیرد.
استفاده از این ابزار باعث کاهش هزینه تغییرات میشود. زیرا اصلاح ساختار در این مرحله سریع و کمهزینه است.
وایرفریمها میتوانند کمجزئیات یا نسبتاً دقیق باشند. نسخههای ساده بیشتر شبیه اسکچ هستند و نسخههای پیشرفتهتر نسبتهای واقعی صفحه را رعایت میکنند.
در نهایت، وایرفریم پایهای برای توسعه ماکاپ و نمونه اولیه محسوب میشود.
مثال: یک طراح پیش از طراحی بصری صفحه اصلی، ساختار آن را با بلوکهای خاکستری و تیترهای ساده ترسیم میکند.