طراحی سایت حرفه ای توسط وایر فریم ها چگونه است؟

ماجرای تبدیل وایرفریم ها به طراحی های عالی سایت 

وایرفریم، این مربع های سیاه و سفید خسته کننده، در واقع پی و پایه سایت های بی نظیرست.

در طول همه تجربیات توسعه و طراحی سایت ها، ما همیشه یه فرایند ثابتی رو طی می کنیم که اولش هم با مرحله معماری اطلاعات شروع میشه. وایرفریم ها هم یکی از اجزای مهم همین مرحله هستند. اما متاسفانه همیشه توضیح و ترجمه این بخش به مشتری ها انگار جزء سختترین قسمت هاست. اینکه چطور ممکنه که یه صفحه سیاه و سفید با اون همه مربع و بدون هیچ محتوایی تبدیل بشه به یه سایت تأثیرگذار با طراحی زیبا؟

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

وایرفریم دقیقا چیست؟

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

یه وایرفریم کامل عموما از 5 تا 10 قالب تشکیل شده. وقتی میخواهیم یه سایت درست کنیم، به جای اینکه تک تک صفحات رو طراحی کنیم، نقشه سایت رو درست می کنیم و بعد برای تعداد کلی طراحی های جداگونه ای که لازم داریم تا صفحاتی که توی سایت قراره داشته باشیم رو پوشش بدیم، ساختمانشونو درست می کنیم. مثلا به جای عناصری که قراره تو یه صفحه باشه مربع هایی میکشیم و توش معین می کنیم قراره چی باشه. بعدا موقع طراحی سایت، تصاویر و رنگ ها و غیره بهش اضافه میشه تا ظاهر زیبای سایت بوجود بیاد.

نقش مشتری چیست؟

مشتری باید درباره محتوای هر صفحه فکر کنه تا ما بتونیم با توجه به محتوا، قالب های مناسب سایت رو درست کنیم. اینطوری مشتری ها مطلب آماده هم دارن و هر وقت که پروژه تموم شد و سایت رو تحویلشون دادیم میتونن مطالب هم واردش کنن. یکی از هدف های ما اینه که کار با سایت هایی که درست می کنیم راحت باشه تا بعدا هم مشتری ها بتونن خودشون کارهاشو انجام بدن. سیستم های مدیریت محتوای خوبی هم برای این کار تعریف شدن، مثل وردپرس.

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

وقتی وایرفریم کارتونو دیدید، به این نکات توجه کنید:

وایرفریم ها، طراحی نیستن. طراحی (احتمالا) نه چارخونه ایه و نه سیاه و سفیده.

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

تمام متن هایی که توی ساختار نوشته میشه میتونه بعدا تغییر کنه. تو این قسمت، فقط قراره نوع متن مشخص بشه (مثلا تیتر اصلی، عنوان فرعی، پاراگراف ها و غیره).

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

طراحی سایت حرفه ای توسط وایر فریم ها