تبلیغات
طراحی سایت ارزان | طراحی سایت | ساخت سایت | طراحی وب سایت - بخش دوم طراحی و تجربه کاربری در وب: اسکچ



Admin Logo
themebox Logo



تاریخ:یکشنبه 19 آذر 1391-10:17 ق.ظ

نویسنده :رامین براتی

بخش دوم طراحی و تجربه کاربری در وب: اسکچ

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

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

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

طرح سوالاتی از قبیل: کاربران با چه انگیزه ای از وب سایت شما بازدید می کنند؟ خدمات ارائه شده در سایت چگونه می باشد  و به چند دسته تقسیم می شود؟ هنگامیکه کاربران به سایت وارد می شوند با چه چیزهایی روبرو هستند؟ و مواردی از این قبیل می تواند به نوع و شکل اسکجی که کشیده می شود  کمک شایان توجهی کند.

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

برخی از این قوانین را می توان به صورت زیر در نظر گرفت.

  • کشیدن باکس به عنوان Divدر صفحه :

             

  • نمایش عکس:

              

  • نمایش پاراگراف:

  •  نمایش فیلم ویدئویی:

              

 

دیدگاههای مختلف در طراحی اولیه:

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

اسکچ Jamie Dihiansan:

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

 

اسکچ Jason Zimdars:

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

 

اسکچ  Ryan Singer:

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

 

اسکچ Jason Fried:

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

با توجه به قواعد HTML، هم فکری با گروه، نیازسنجی کاربران و ... اسکچ وب سایت شما چطور طراحی شده؟ آیا واضح و ساده هست؟ به خوبی سازماندهی شده ؟  حرکت چشم در نظر گرفته شده ؟

اسکچ های فوق را مشاهده کردید چهار نمونه از دیدگاههای مختلف بیان شده و تحلیل گردید.به نظر شما بهترین و استانداردترین اسکچ کدام بود؟ اسکچ شما به کدامیک از این اسکچ ها نزدیک تر است؟

در بخش آخر این مقاله به معرفی سایتهایی دراین باره می پردازیم که شما را بیشتر و بهتر راهنمایی کنند. 

منبع:

http://www.iclub.ir/



نظرات() 
http://wootensmrlxercku.weebly.com
سه شنبه 17 مرداد 1396 07:54 ق.ظ
Appreciation to my father who informed me concerning this web site, this weblog is actually awesome.
How do you stretch your Achilles?
شنبه 14 مرداد 1396 04:34 ق.ظ
Good day! I just would like to offer you a huge thumbs up for
your excellent information you have got here on this post.
I'll be returning to your site for more soon.
پنل اس ام اس
یکشنبه 23 آذر 1393 10:36 ق.ظ
مرسی خسته نباشید
 
لبخندناراحتچشمک
نیشخندبغلسوال
قلبخجالتزبان
ماچتعجبعصبانی
عینکشیطانگریه
خندهقهقههخداحافظ
سبزقهرهورا
دستگلتفکر