آیا میدونید کوررنگی چیه؟ اگر فردی نتونه رنگ‌ها رو بصورتی که اکثر افراد مشاهده میکنن ببینه دچار کوررنگی هست. انواع کوررنگی هم داریم که البته من چون تخصصش رو ندارم وارد جزئیاتش نمیشم و صرفا مطالعاتی که کردم رو با شما به اشتراک میزارم. بعضی از رنگ‌ها رو افراد دچار کوررنگی نمیتونن ببینن. شایع ترینش رنگ سبز، قرمز و آبی هست. پس کسی که طراح UI UX هست باید به این افراد هم توجه کنه که در ادامه میگم چه کارایی میشه کرد. اول دایره‌ی رنگ‌های زیر رو ببینید که افراد دچار کوررنگی‌های مختلف رنگ‌های عادی رو چطور میبینن:
مشکلات افراد کوررنگ موقع استفاده از وب سایت و یا اپلیکیشن‌ها
مرسوم ترین مشکلاتی که این افراد تجربه میکنن رو در لیست زیر آوردم و واقعیتش خیلی موارد مهمی هستن که اگر سرویس آنلاینی ارائه میدید که کاربران زیادی داره به نظرم حتما باید در نظر گرفت این افراد رو. حتی اگر طراح ها و دوولوپرها امکان تغییر تم نسبت به نوع کوررنگی رو روی سایت‌هاشون قرار بدن به نظرم یه فرهنگ‌سازی خیلی خوبی هم میشه. خلاصه بریم مشکلاتشون رو ببینیم:
- خوندن متن‌ها دشوارمیشه چون کنتراست مناسبی بین بک گراند و متن برقرار نمیشه
- تصاویر وب سایت تشخیصش سخت میشه بازم هم چون کنتراستش مناسب نیست
- دکمه‌ها دیده نمیشن
- دیدن ویدیوها دشوارتر میشه
- پر کردن فرم‌ها سخت تر و چالش برانگیز تر میشه!
خب حالا ما به عنوان طراح رابط کاربری چه کاری میتونیم انجام بدیم؟ پیشنهادهایی که من برای شما دارم رو مینویسم.
ایجاد تم‌های مختلف برای انواع افراد دچار بیماری کورنگی
تقریبا به نظرم نمیشه از رنگ‌هایی استفاده کرد که همه‌ی افراد دچار کوررنگی بتونن یکسان ببیننش! مگراینکه یه رنگ خیلی خیلی زشت باشه که کیفیت کارمون رو به شدت پایین میاره. پس پیشنهادم اینه که پالت‌های مختلف رو درست کنید و روی بعضی که مخصوص افراد کوررنگی تنظیمشون کردید بنویسید که متوجه بشن براشون ارزش قائلید. راستی توی همه رنگ‌ها سعی کنید کنتراستشون مناسب باشه. برای چک کردن کنتراست هم سایت Color Contrast Checker رو براتون پیشنهاد میکنم.
نمیدونم عمدی بود یا شانسی ولی قسمت تنظیمات پروفایل وردپرس که تم‌های مختلف قرار دادن رو تست کردم دیدم که اکثر پالت‌های رنگی رو میتونن این افراد ببینن مثل افراد عادی. اگه میخواید ببینید چطور مثل من میتونید این رنگ‌ها رو تست کنید این مطلب رو تا آخرش بخونید.
تست کوررنگی گرفتن از کاربران
خب شاید یکم مسخره به نظر برسه و مسخره هم هست البته 😂 ولی اگه سادیسم دارید و میخواید کاربراتون رو اذیت کنید اول از اینکه وارد سایتتون بشن میتونین یه تست طراحی کنید و نسبت به نتیجه‌ی تست تم سایت رو اتوماتیک خودتون ست کنید، ولی کاربراتونو از دست دادید به من ربطی نداره! 😔😁
انواع تست‌ها هستن که یک فرد میتونه بفهمه دچار کوررنگی هست یا نه، فعلا تا جایی که من مطالعه کردم و فهمیدم api خاصی وجود نداره که اینو اتوماتیک خودمون بفهمیم، راستش نمیدونم افراد کوررنگ تا چه حدی اذیت میشن ولی اگه زیاد اذیت بشن اصولا در آینده باید مثلا سیستم عاملمون یا مرورگر موقع ستاپ یه تست ساده ازمون بگیره و بفهمه که این کاربر کوررنگی داره یا نه و اونو تحت یه api در اختیار دوولوپرها قرار بده. اگه اطلاعات خوبی دارین کامنت کنید بی زحمت.
استفاده از ترندهای طراحی با کنتراست بالا
کلا هر چقدر کنتراست بالا باشه ناخودآگاه و چشم کاربر بهتر محتوا رو درک میکنه! البته اگه هدفمون از محتوا مثلا خوندن متن و جلب توجه و اینجور چیزا باشه. به نظر میاد اگه از دیزاین استایل‌هایی مثل Brutalism یا Neubrutalism استفاده کنید شانس اینکه کنتراست رنگ‌هاتون برای افراد کوررنگ هم مناسب باشه بیشتره.
استفاده از شبیه‌سازهای کوررنگی
برای اینکه تست کنید رنگ‌های انتخابی شما در چشم افراد کوررنگ چطور دیده میشه نیازه که از شبیه سازها استفاده کنید. بعضی از شبیه سازا آنلاین هستن، بعضی بصورت اپلیکیشن در دسترسن و بعضی هم اکستنشن کروم.
وقتی که این مطلب رو میخواستم بنویسم روز سوم عید بود، حوصلم سررفته بود و خواستم یه ابزاری هم خودم درست کنم، چند سایت دیگه هم معرفی میکنم ولی از ابزار من استفاده کنید که خوشحال بشم 🙂
ابزار شبیه ساز کوررنگی که پایین گذاشتم و خودم درستش کردم به نظرم خیلی ساده و کارآمده، شما رنگ‌هایی که دارین رو بصورت مربع مثلا کنار هم قرار بدید و بعد خروجی svg بگیرید و کد svg رو اگه وارد کنید بهتون نشون میده که انواع کوررنگی‌ها تقریبا چطور میبیننشون. ستاره دادن توی گیتهاب رو هم فراموش نکنیددد.
(یکی از منابعم مقاله‌ی The Colour Blind Test and Tools to Improve Website Design بود.)
مرسی که خوندید، نظر و تجربتون رو هم بنویسید، بای بای
دیدگاه کاربران
تا کنون دیدگاهی ثبت نشده است.
اولین نفری باشید که دیدگاه خود را ثبت میکند!