وبلاگ کاسپید

Wireframe و نقش آن در طراحی وب سایت – بخش دوم

Wireframe و نقش آن در طراحی وب سایت – بخش دوم

در مقاله قبلی در رابطه با Wireframe و نقش آن در طراحی وب سایت، صحبت کردیم و در این مقاله نکاتی دیگر را بیان می کنیم. در لیست زیر فهرستی از بایدها و نبایدها آورده شده تا به شما در بهترین استفاده از ارائه طراحی wireframe قبل از طراحی وب سایت کمک نماید. به موارد زیر توجه کنید:

اولویت بندی اطلاعات:

آیا این اطلاعات به گونه ای طراحی شده که مطابق با اولویتی که شرکت شما برنامه‌ریزی کرده که به این اطلاعات بدهد، باشد؟

استراتژی محتوا:

آیا محتوای شما به گونه ای تنظیم شده که مطابق با طرحهای یک هدر طرح پیشنهادی وبسایت شما ارائه شده است، باشد؟ به چیزهایی مانند فاصله گذاری و قراردادن فیلدهای محتوای خود فکر کنید. به یاد داشته باشید، این امر صرفا از یک چشم انداز طرح بندی است، شما در واقع نمیتوانید یک نسخه واقعی در این مرحله از طراحی وب سایت را بررسی کنید. در عوض، محتوای داخلی به عنوان راهی مورد استفاده قرار خواهد گرفت تا نشان دهد چگونه محتوا بدون محتوای واقعی ارائه میشود، زیرا ممکن است شما را از ارزیابی wireframeبه عنوان هدف موردنظر منحرف کند.

صفحه بندی:

توجه داشته باشید که طرح پیشنهادی بندرت جزئيات پروژه را ترسیم میکند و ارائه طراحي wireframe بهترين زمان براي کشف هرگونه نشتی است که نياز به سفت شدن دارد.

عملکرد:

آیا تمام عناصرکاربردی طراحی وب سایت شما در محل مورد نظر نشان داده شده است؟ اطمینان حاصل کنید که هر عملکرد سفارشی همانطور که انتظار دارید آن را در طول فرایند wireframe مشاهده کنید نشان داده شود، اما مجددا، به یاد داشته باشید که این امر نمایش عینی دستگاه واقعی با آن قابلیت درنسخه نهایی وبسایت نخواهد بود .

انتظار چه چیز را نباید از طراحی wireframe وب سایت داشت؟

هدف از طراحیwireframe، ارائه بینش عینی در عملکرد اصلی و طرح وبسایت کلی به طراح و مشتری میباشد. عناصر طراحی بصری که ممکن است انتظار دیدن آنها را داشته باشیم، با هدف قبلی حذف شده اند تا به دستیابی به هدف ارائه wireframeکمک کند.

نگران این مسائل نباشید:

رنگ:

اغلب در حالت سیاه و سفید، wireframe برای به تصویر کشیدن طرح رنگ وب سایت، طراحی نشده است. این امر شماتیک اساسی طراحی وب سایت شما است، عناصر بسیار محدود طراحی بصری حتی به ندرت نشان دهنده محصول نهایی هستند.

طراحی اختصاصی:

نگران شکل جعبه ها، شکل فضای اشغال شده و غیره نباشید. نگران متن نیز نباشید؛ همانطور که در بالا اشاره کردیم این امر اغلب متن اشغال کننده فضای تصادفی است که در واقع برای این است که مشخص کند نسخه نهایی کجا قرار خواهد گرفت.

 جمله بندی / کلمه بندی:

اگرچه این تغییرات را می توان قطعا در این جا ذکر کرد، اما آنها نشانگر بازخورد سازنده ای که طراح به دنبال آنهاست، نیستند.

طراح طی ارائه طراحی wireframe بدنبال چه نوع بازخوردی است؟

برای استفاده بهینه از ارائه طراحی wireframe خود، دانستن نوع بازخوردی که تیم طراحی وب سایت بدنبال آن است، مهم می باشد. در زیر فهرستی از انواع بازخوردها و تغییرات پیشنهادی آمده است که طی این مرحله قابل توجه در نظر گرفته شده اند:

آیا تمام عناصر به شیوه ای سازگار با طرح پیشنهادی قرار گرفته اند؟

آیا جریان رفتاری کاربران، برای کاربران قابل درک است؟

آیا عنصری نیاز به حذف شدن، بررسی مجدد، اولویت بندی مجدد یا درنظر گرفتن مجدد دارد؟

 

نتیجه گیری:

برای شرکت طراحی وب سایت و هم برای مشتری، نه تنها درک هدف wireframe بلکه فرایند زمینه ای آن نیز مهم می باشد. علاوه بر ترسیم ساده چارچوب کالبدی و عناصر کاربردی سایت، این مسئله مکالمه بین مشتری و طراح را طی مراحل مقدماتی مرحله طراحی وب سایت نشان می دهد.

17 اسفند 1396
برخی برند های طرف قرارداد با کاسپید
  • زعفران سحرخیززعفران سحرخیز
  • شرکت نیک کالاشرکت نیک کالا
  • صنایع غذایی مارینصنایع غذایی مارین
  • شرکت تهران داروشرکت تهران دارو
  • شرکت زرین غزال (بستنی دایتی)شرکت زرین غزال (بستنی دایتی)
  • شرکت پاکسانشرکت پاکسان
  • فدراسیون فوتبالفدراسیون فوتبال
  • بیمه رازیبیمه رازی
  • چیچکچیچک
  • بهریزانبهریزان
  • برنج آوازهبرنج آوازه
  • پخش قاسم ایرانپخش قاسم ایران
  • لینا نیکلینا نیک
  • عطر بیکعطر بیک
  • امرسانامرسان
  • صنایع غذایی هانیصنایع غذایی هانی
  • نوین زعفراننوین زعفران
  • صنایع غذایی شام شامصنایع غذایی شام شام
  • شرکت ایران گلابشرکت ایران گلاب
  • هتل مارینا پارک کیشهتل مارینا پارک کیش
  • شرکت ایرانکو (سونی)شرکت ایرانکو (سونی)
  • شرکت ساپکوشرکت ساپکو
  • چینی زرینچینی زرین
  • پمپ ایرانپمپ ایران
  • مارگارینمارگارین
  • صنایع غذایی ب.آصنایع غذایی ب.آ
  • جهان ترابر ماهانجهان ترابر ماهان
  • کیش ایرکیش ایر
  • خانه و آشپزخانهخانه و آشپزخانه
  • پارمیداپارمیدا