۵ اشتباه رایج در طراحی وب تعاملی

دسته: مقالات
809 بازدید
سه شنبه ۷ مهر ۱۳۹۴
۵ اشتباه رایج در طراحی وب تعاملیReviewed by جاوید نبوی on Sep 29Rating: 4.5

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

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

برای سهولت کار شما – و شاید برای اینکه بدانید تنها نیستید – در اینجا ۵ اشتباه رایج در طراحی وب تعاملی بررسی شده است.

۵ اشتباه رایج در طراحی وب تعاملی:

  1. غرق شدن در نوآوری
  2. ناوبری گیج کننده
  3. در هم ریختگی
  4. استفاده نادرست از تضاد
  5. غفلت در طراحی درست فرم ها

اکنون به بررسی هر یک از موارد بالا می پردازیم:

۱- غرق شدن در نوآوری

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

رندی جی.هانت مدیری خلاق و نویسنده مقاله Product Design for the Web است. در این مقاله او درباره این که چرا همیشه نباید در طراحی وب نوآوری کرد توضیح می دهد.

برای مثال به وبسایت لاتوراما نگاهی بیاندازید. زیبا به نظر می رسد.موسیقی پس زمینه اش سرشار از احساسات است. اما آنهمه اجسام در حال حرکت کاربر را دچار سردرگمی می کند. حرف مرا اشتباه متوجه نشوید. این پروژه, خارق العاده و بسیار خلاقانه است. من ایده ی گیمیفیکیشن (بازی با اشیاء) را دوست داشتم. اما کمی قابل درک نیست.

lotorama

در اینجا مثال دیگری را مشاهده می کنید.طراحان پروژه Safety on the Slopes ,گرافیک وب پویا و شسته رفته ای را ارائه داده اند که کاربران را از خطرات ورزش های زمستانی آگاه می کند. این پروژه در عین نوآورانه بودن, قابل درک, همه جانبه و جالب نیز هست.

5 اشتباه رایج در طراحی وب

۲- ناوبری گیج کننده

بعضی از طراحان تلاش می کنند تا با استفاده از نام های خودساخته برای صفحات سایت, خودشان را مبتکر و اصیل نشان دهند. برای مثال, وبسایت Chijoff, کاربرانش را در اینکه چه چیزی را ارائه میدهد و چگونه آنها میتوانند استخدام شوند سردردگم می کند. کمی طول می کشد تا کاربر متوجه شود صفحه “Co-Create” به معنی صفحه ی “خدمات” است. حتی بعد از متوجه شدن این موضوع و مطالعه کامل آن صفحه, کاربر هنوز نمیداند که باید چه کار کند. در انتهای صفحه نیز فرم کوچکی جهت ثبت نام برای دریافت آخرین اخبار و نکات وجود دارد! در صفحه “تماس” هم به جز کد پستی و آدرس ایمیل, هیچ فرمی وجود ندارد. آنها نحوه استخدام و تماس را برای مردم آسان نکرده اند.

5 اشتباه رایج در طراحی وب

آیا میتوانید حدس بزنید کلمه “Universe” در وبسایت Maison Margiela به چه معناست؟ این کلمه درحقیقت لینکی است به صفحه فیسبوکشان! چه کسی فکرش را می کرد؟

5 اشتباه رایج در طراحی وب

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

5 اشتباه رایج در طراحی وب تعاملی

۳- در هم ریختگی

زمانی بود که وبسایت ها هرچیزی که میتوانستند را در بالای سایت قرار میدادند. آن زمان دیگر گذشته, اما هنوز هم بعضی از سایت ها این اشتباه را انجام میدهند. نگاهی به این فروشگاه آنلاین بیاندازید:

5 اشتباه رایج در طراحی وب

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

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

5 اشتباه رایج در طراحی وب

۴- تضاد

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

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

5 اشتباه رایج در طراحی وب

سایت قبلی را با این سایت مقایسه کنید. رنگ ها کاملا نزدیک به هم هستند. اما نتیجه کاملا متفاوت است. علاوه بر این, افکت اسکرولی خلاقانه ای که محصولات جدید با جنس بازتابنده ی جذاب را کاملا روان معرفی می کند را هم به آن اضافه کنید. جالب است, نه؟

5 اشتباه رایج در طراحی وب

۵- غفلت در طراحی فرم ها

طراحی فرم ها یکی از اساسی ترین قسمت های تجربه کاربری است. هر وبسایتی هدفی دارد. این هدف میتواند فروش مستقیم محصولات یا ارائه اطلاعات به کاربران باشد. متاسفانه سایت های زیادی با صفحات پر زرق و برق وجود دارند که ترجیح میدهند کاربران را با فرم های طولانی و کپچا های بغرنج بُکشند! مگر اینکه کاربر انگیزه زیادی داشته باشد و زنده بماند!

مورد رنج آور دیگری که وجود دارد, وقتی است که یک فرم بیش از حد سختگیر است و یا خوب تست نشده است. برای مثال, فرم sketchybusiness.io همه ی فیلد های خالی را برجسته می کند. حتی اگر فیلدها واقعا لازم نباشند.

5 اشتباه رایج در طراحی وب

اگر به فرم mostlyserious.io نگاه کنید, احتمالا حالت شناور و پویای دکمه ها را دوست خواهید داشت. بعلاوه عبارت “خجالت نکش!”, یک تعامل بامزه ی شیرین را رقم می زند.

5 اشتباه رایج در طراحی وب تعاملی

در آخر …

در آزمایش کردن تنبل نباشید! آنچه برای شما مهم است ممکن است برای مشتریانتان مهم نباشد.ببینید چه زمانی آنها به مشکل برمیخورند و متوقف می شوند؟ هنگام ناوبری؟ یک افکت پارالاکس تخیلی یا یک ویدیو با مدت بارگزاری طولانی؟ یکی از بزرگترین مزایای آزمایش کردن سایت به عنوان یک کاربر این است که میتوانید پا جای پای کاربرانتان بگزارید, روی نیازهایشان متمرکز شوید و توسعه حاصل کنید. سعی نکنید خلاقیتتان را سرکوب کنید. فقط این را درنظر داشته باشید که بازدیدکنندگان سایتتان ممکن است گیج یا ناامید شوند.

بزرگترین اشتباهات تجربه کاربری که شما دیده اید چیست؟ نظرات و تجربیات خود را در بخش دیدگاه ها با ما به اشتراک بگذارید.

این مطلب ترجمه ی وب تستر از مقاله ی ۵Most Common Interaction Design Mistakes on the Web است.

تبلیغات

نویسنده (مدیر سایت)

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

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *