موضوع مقاله: وایرفریم وبسایت | مخاطب: عمومی | لحن: دانشنامه‌ای | ساختار: عنوان، مقدمه، 3 بخش، جمع‌بندی | مقاله: | # وایرفریم وبسایت | مقدمه: اصطلاح وایرفریم از حوزه‌های دیگری گرفته شده که در آن‌ها از چارچوب اسکلتی برای نمایش شکل و حجم سه‌بعدی استفاده می‌شود. | ## بخش 1: وایرفریم وبسایت | وایرفریم‌ها به‌منظور چیدمان عناصر برای دستیابی بهینه به یک هدف مشخص طراحی می‌شوند و این هدف معمولاً برآمده از یک هدف تجاری و یک ایدهٔ خلاقانه است. وایرفریم چیدمان صفحه یا آرایش محتوای وبگاه شامل عناصر رابط و سامانه‌های ناوبری و نحوهٔ کارکرد آن‌ها با یکدیگر را به تصویر می‌کشد. وایرفریم معمولاً فاقد سبک حروف‌نگاری، رنگ و گرافیک است؛ زیرا تمرکز اصلی بر عملکرد، رفتار و اولویت‌بندی محتواست. وایرفریم‌ها می‌توانند طرح‌هایی با مداد روی کاغذ یا تختهٔ سفید باشند یا به‌کمک طیف گسترده‌ای از نرم‌افزارهای رایگان یا تجاری تولید شوند. معمولاً تحلیلگران کسب‌وکار، طراحان تجربهٔ کاربری، توسعه‌دهندگان، طراحان بصری و متخصصان طراحی تعاملی، معماری اطلاعات و پژوهش کاربری وایرفریم‌ها را ایجاد می‌کنند. وایرفریم همچنین برای نمونه‌سازی اولیهٔ وبگاه‌های همراه، برنامه‌های رایانه‌ای و سایر محصولات مبتنی بر صفحه‌نمایش که شامل تعامل انسان و رایانه هستند به‌کار می‌رود. توسعه‌دهندگان از وایرفریم‌ها برای درک ملموس‌تر عملکرد وبگاه استفاده می‌کنند، در حالی که طراحان آن‌ها را برای پیشبرد فرایند رابط کاربری به‌کار می‌برند. طراحان تجربهٔ کاربری و معماران اطلاعات از وایرفریم‌ها برای نمایش مسیرهای ناوبری میان صفحات بهره می‌گیرند و تحلیلگران کسب‌وکار از آن‌ها برای پشتیبانی بصری از قواعد تجاری و الزامات تعاملی صفحه استفاده می‌کنند. ذی‌نفعان تجاری نیز وایرفریم‌ها را بررسی می‌کنند تا اطمینان حاصل کنند که الزامات و اهداف از طریق طراحی برآورده شده‌اند. کار با وایرفریم‌ها می‌تواند فرایندی مشارکتی باشد؛ زیرا پلی میان معماری اطلاعات و طراحی بصری ایجاد می‌کند. به‌دلیل همپوشانی نقش‌های حرفه‌ای ممکن است تعارض‌هایی پدید آید که وایرفریم‌سازی را به بخشی بحث‌برانگیز از فرایند طراحی تبدیل کند. مزایا مزیت اصلی وایرفریم‌ها آن است که امکان تکرار چابک (Agile) بر روی هر رابطی را فراهم می‌کنند. این امر از طریق فرایندی به نام آزمون کاربردپذیری انجام می‌شود که در آن کاربران فرصت تعامل با رابط را می‌یابند و دربارهٔ فرایند ذهنی خود بلندبلند فکر می‌کنند یا به پرسش‌های ساختاریافته پاسخ می‌دهند. پس از هر آزمایش، پژوهشگر تجربهٔ کاربری تعامل‌های رایج را شناسایی و داده‌ها را تحلیل می‌کند و طراحی را بر اساس آن بازنگری می‌کند. | ## بخش 2: وایرفریم وبسایت | هدف وایرفریم ثبت ساختار بنیادین و الگوی تعاملی سطح بالا در یک رابط است که به طراح اجازه می‌دهد به‌سرعت کار کند. محورهای تمرکز وایرفریم‌ها بر موارد زیر تمرکز دارند: گسترهٔ عملکردهای موجود اولویت‌های نسبی اطلاعات و عملکردها قواعد نمایش انواع خاص اطلاعات تأثیر سناریوهای مختلف بر نمایش جایگاه در فرایند طراحی وایرفریم پل ارتباطی میان ساختار مفهومی زیربنایی یعنی معماری اطلاعات و سطح بصری یعنی طراحی بصری وبگاه است. ایجاد وایرفریم فرایندی تکراری است و روشی مؤثر برای نمونه‌سازی سریع صفحات و سنجش عملی بودن یک مفهوم طراحی محسوب می‌شود. وایرفریم‌سازی معمولاً میان «کارهای ساختاری سطح بالا مانند نمودارهای جریان یا نقشهٔ وبگاه و طراحی صفحات» آغاز می‌شود. در فرایند ساخت وبگاه، وایرفریم‌سازی مرحله‌ای است که اندیشه شکل ملموس به خود می‌گیرد. سطوح وفاداری وایرفریم‌ها ممکن است سطوح مختلفی از جزئیات داشته باشند و بر اساس میزان شباهت به محصول نهایی به دو دسته تقسیم می‌شوند. این وایرفریم‌ها با استفاده از مستطیل‌ها و برچسب‌ها برای نمایش محتوا انتزاعی‌ترند و به تیم پروژه کمک می‌کنند تا ایده‌ها را مؤثرتر مبادله کنند. محتوای ساختگی و متن پرکنندهٔ لاتین (لورم ایپسوم) یا محتوای نمادین برای نمایش داده‌ها هنگامی که محتوای واقعی در دسترس نیست به‌کار می‌رود. وایرفریم‌های کم‌وفاداری در مراحل اولیهٔ پروژه برای تسهیل ارتباط تیمی به‌کار می‌روند. ارزش این وایرفریم‌ها در توانایی‌شان برای متمرکز کردن بحث ذی‌نفعان بر ساختار و عملکرد به‌جای زیبایی‌شناسی بصری است که از بحث‌های زودهنگام طراحی جلوگیری می‌کند. این وایرفریم‌ها معمولاً با ابزارهای ساده مانند قلم و کاغذ، تختهٔ سفید یا برنامه‌های دیجیتال پایه ساخته می‌شوند. پروفاداری وایرفریم‌های پروفاداری (High-fidelity) اغلب برای مستندسازی به‌کار می‌روند؛ زیرا سطح جزئیاتی دارند که بیشتر به طراحی واقعی صفحهٔ وب نزدیک است و در نتیجه زمان بیشتری برای ایجادشان لازم است. برای پروژه‌های پیچیده‌تر ایجاد وایرفریم با نرم‌افزار رایانه‌ای رایج است و برخی ابزارها امکان افزودن تعامل از جمله پویانمایی فلش و فناوری‌های وب سمت کاربر مانند اچ‌تی‌ام‌ال، سی‌اس‌اس و جاوااسکریپت را فراهم می‌کنند. وایرفریم‌های پروفاداری شامل محتوای واقعی‌تر، انتخاب‌های مشخص حروف‌نگاری و اطلاعاتی دربارهٔ ابعاد تصاویر هستند. | ## بخش 3: وایرفریم وبسایت | انتخاب رنگ معمولاً لحاظ نمی‌شود اما مقادیر مختلف رنگی می‌توانند به صورت طیف خاکستری نمایش داده شوند. از آنجا که این طرح‌ها صرفاً بازنمایش هستند یادداشت‌های حاشیه‌ای برای توضیح رفتار مفید خواهند بود. عناصر تشکیل‌دهنده طرح اسکلتی یک وبگاه را می‌توان به سه مؤلفه تجزیه کرد: طراحی اطلاعات، طراحی ناوبری و طراحی رابط. صفحه‌آرایی جایی است که این مؤلفه‌ها گرد هم می‌آیند و وایرفریم رابطهٔ میان آن‌ها را به تصویر می‌کشد. طراحی اطلاعات طراحی اطلاعات عبارت است از ارائه یعنی جای‌گذاری و اولویت‌بندی اطلاعات به‌گونه‌ای که درک آن تسهیل شود. این حوزه بخشی از طراحی تجربه کاربری است و هدفش نمایش مؤثر اطلاعات برای ارتباط روشن است. در وبگاه‌ها عناصر اطلاعاتی باید به‌شکلی چیده شوند که اهداف و وظایف کاربر را بازتاب دهد. طراحی ناوبری سامانهٔ ناوبری مجموعه‌ای از عناصر صفحه را فراهم می‌کند که به کاربر امکان حرکت از صفحه‌ای به صفحهٔ دیگر را می‌دهد. طراحی ناوبری باید رابطهٔ میان پیوندهای موجود را به‌گونه‌ای منتقل کند که کاربران گزینه‌های ناوبری خود را درک کنند. وبگاه‌ها اغلب شامل چندین سامانهٔ ناوبری از جمله ناوبری سراسری، محلی، مکمل، زمینه‌ای و تشریفاتی هستند. طراحی رابط طراحی رابط کاربری شامل انتخاب و چیدمان عناصر رابط برای توانمندسازی کاربران در تعامل با عملکردهای سامانه است. عناصر رایج در طراحی رابط شامل دکمه‌های عملیاتی، فیلدهای متنی، کادرهای انتخاب، دکمه‌های رادیویی و فهرست‌های کشویی هستند. وایرفریم پویا: شامل چند صفحه است که به‌صورت نمونهٔ اولیهٔ تعاملی به یکدیگر پیوند خورده‌اند و ناوبری از صفحه‌ای به صفحهٔ دیگر را ممکن می‌سازند. | ## جمع‌بندی | نرم‌افزارهای مرتبط اگرچه نمونه‌سازی کاغذی هنوز تکنیکی رایج است، استفاده از نرم‌افزارهای اختصاصی رو به افزایش است.