۵ اشتباه رایج در طراحی وب که مبتدی ها باید بدانند
طبق گزارشات مجله ی Behaviour & Information Technology، تقریباً ۰.۰۵ ثانیه زمان می برد تا کاربری که یک وب سایت را باز می کند جذب سایت شود یا تصمیم بگیرد از آن خارج شود؛ که در این زمینه، میزان جذابیت طراحی آن وب سایت تعیین کننده است. طراحی وب سایت برای مبتدیان ممکن است دشوار به نظر برسد؛ در این آموزش به ۵ اشتباه رایج در طراحی وب سایت و راه های جلوگیری از آن ها اشاره کرده ایم که می تواند کار را برای تازه کار ها ساده تر کند.
۱: شروع کار با طراحی در نرم افزار
شاید به نظر راحت تر باشد که مستقیم به سراغ طراحی در نرم افزار بروید اما باید بدانید که اگر ابتدا به صورت آفلاین طراحی کنید، نتیجه ی بهتر و جذاب تری می گیرید. این کار کمک می کند که بتوانید پایه و اساس کارتان را قرص و محکم تر ایجاد کنید و تمرکز بیشتری روی اهداف طرح خود داشته باشید؛ که در نتیجه می تواند روند طراحی را ساده تر و بهتر کند.
در این مرحله، این موارد باید پرسونا (Persona) وب سایت در نظر گرفته شود؛ این پرسونا، کاربر سایت، جریان کاربر (User Flow)، تعاملات کلیدی، مسیری را که کاربر برای برآورده ساختن نیازهای هر داستان کاربر (User Story) طی می کند و از همه مهم تر وایر فریم ها (Wire Frame) را تعیین می کند. هم چنین استفاده از کاغذ و مداد برای طراحی، به شما امکان ایجاد یک طراحی پویا را می دهد که می توانید طرح خود را بارها تکرار و تقویت کنید.
۲: عدم توجه به شبکه ها (Grids)، دستورالعمل ها (Guidelines) و ستون ها (Columns)
چیزی که اصولا توسط طراحان تازه کار وب نادیده گرفته می شود، اهمیت شبکه ها و راهنماهایی است که برای کمک به تراز کردن عناصر استفاده می شود. ستون ها برای تقسیم بندی محتوا به صورت عمودی و اطمینان از اینکه به درستی تراز شده اند عالی هستند. علاوه بر اینکه بسیار متنوعند و می توانند طبق اولویت بندی کاربر تنظیم شوند.
۳: عدم وجود سلسله مراتب بصری (Visual Hierarchy)
بی توجهی به سلسله مراتب بصری یکی دیگر از اشتباهات متداول طراحان وب مبتدی است. سلسله مراتب بصری باید بتواند کابران را برای استفاده از سایت به درستی هدایت کند. این امر می تواند با بزرگ نمایی یا برجسته تر کردن عناصر مهم یا ایجاد فضای سفید بین بلوک های محتوا در صفحه وب انجام شود.
ترفند های دیگری نیز وجود دارند که می توانید با کسب مهارت در آن ها، سلسله مراتب بصری را در طراحی خود تقویت کنید.
۴: عدم توجه به قابلیت دسترسی (Accessibility)، یک اشتباه رایج در طراحی وب
یکی از مهم ترین جنبه ها در طراحی یک وب سایت، قابلیت دسترسی آن است. بی توجهی به قابلیت دسترسی، مانعی برای ورود کاربرانی است که اختلالات بینایی یا شنوایی دارند. قابلیت دسترسی شامل موارد زیادی می شود، اما به طور کلی به معنی درک و اجرای آسان وب سایت است. به خاطر داشته باشید که توجه به قابلیت دسترسی در ابتدای طراحی بسیار راحت تر از اضافه کردن آن به طراحی پس از پایان کار است.
کنتراست رنگ برای بسیاری از کاربران، مانع بزرگی برای استفاده از سایت است. طبق گزارش سازمان Color Blind Awareness، تقریباً ۳۰۰ میلیون نفر از مردم دارای اختلالات بینایی هستند. اگر سایت شما دارای رنگ هایی است که تست کنتراست را پشت سر نگذاشته اند، این می تواند دلیلی برای ناکارآمدی آن باشد. استفاده از ترکیب های نادرست رنگ، در مواردی مانند آیکون گرافی (Icon Graphy) نیز تأثیر می گذارد. شما می توانیداین مشکل را با انجام تست کنتراست به راحتی حل کنید. برای این کار، عبارت Color Contrast Test (آزمایش کنتراست رنگ) در گوگل سرچ کنید.
۵: بی توجهی به تجربه ی کاربری موبایل (Mobile User Experience)
تلفن های هوشمند اکنون بخشی از زندگی روزمره ی ما هستند. برای اطمینان از پاسخ گو بودن و کارایی وب سایت باید اول آن را برای موبایل طراحی کنید. طبق گزارش BrightEdge در سال ۲۰۱۷، ۵۷٪ از کل ترافیک وب مربوط به تلفن های همراه است، که بدون شک این مقدار تاکنون افزایش نیز یافته است.
از آنجایی که توجه به تجربه ی کاربری موبایل باعث تقویت تعامل بین وب سایت و کاربر می شود نباید با هیچ بهانه ای به آن بی توجهی کنید. برای این کار، میتوانید برای مثال عناصر مختلف سایت را در ابعاد کوچکتر و در فاصله ی کمتر قرار دهید که پیمایش وب سایت در موبایل را آسان تر کند و یا اینکه نوشته ها را با فونت کوچکتر که خواندن آن در صفحه ی موبایل راحت تر است تنظیم کنید. توجه به این نکات را نباید با هیچ بهانه ای کنار بگذارید.
به طور کلی در طراحی وب سایت همیشه چند نکته ی مهم را در نظر بگیرید: کاربری که قصد بازدید از وب سایت را دارد، وسیله ای که با آن سایت را دنبال میکند و هدفی که به خاطر آن از سایت استفاده می کند.در این مطلب فقط به چند اشتباه رایج طراحان مبتدی اشاره شده است؛ اما نکات و اصول بیشتری برای پیشرفت در طراحی وب وجود دارد. اما توجه به جلوگیری از همین اشتباهات یک شروع خوب است!
درباره ریحانه نصیری
توی دانشگاه آیتی خوندم و به فضای وب و گرافیک خیلی علاقه دارم. به نظرم دنیای وب و گرافیک بیانتهاست و من تلاش میکنم سهمی توی نشون دادن بخشی از اون به شما داشتهباشم.
نوشته های بیشتر از ریحانه نصیری
دیدگاهتان را بنویسید