این اولین مورد از یک سری پست در مورد برخی از “قوانین داده viz” معروف است. ما اغلب این قوانین را می شنویم، اما جزئیات پشت آنها اغلب به طور عمیق بررسی نمی شوند یا به طور کامل نادیده گرفته می شوند. چند مورد از آنها را برای درک بهتر نحوه استفاده از آنها بررسی میکنیم. برای اولین بار در این سری موضوع استفاده از قرمز و سبز با هم را بررسی کردیم.
قانون data-viz: “از قرمز و سبز با هم استفاده نکنید.” موضوع: “ده درصد از مردان کور رنگی هستند و عمدتاً قرمز/سبز هستند.” واکنش: قرمز و سبز را با هم استفاده نکنید. مطالعات نشان داده است که حدود 8 درصد از مردان و 0.5 درصد از زنان دچار کمبود دید رنگی (CVD) هستند. این معمولاً به عنوان کوررنگی شناخته می شود، اگرچه کوررنگی دقیق ترین اصطلاح نیست. ابتلا به CVD به این معنی نیست که فرد نمی تواند رنگ را ببیند مگر اینکه شما فرد بسیار نادری باشید (یک نفر از هر 33000 نفر) مبتلا به آکروماتوپسی. برای افراد معمولی مبتلا به CVD، مشکل اصلی این است که رنگ‌هایی که اکثر افراد متفاوت می‌بینند، یکسان به نظر می‌رسند. دو نوع رایج CVD دوترانومالی و دوترانوپیا هستند که روی هم حدود 6 درصد از مردان را تشکیل می دهند و پروتانومالی و پروتانوپی که 2 درصد دیگر را تشکیل می دهند (اطلاعات بیشتر در color-blindness.com موجود است). این شرایط معمولاً به عنوان “ضعیف قرمز” و “ضعیف سبز” یا “کوررنگی قرمز-سبز” نیز شناخته می شود. (توجه: من در مورد CVD آبی/زرد بحث نمی‌کنم، زیرا بسیار کمتر رایج است.) در اینجا چند نکته برای طراحی vizهایی وجود دارد که برای کوررنگی مناسب هستند.
1. قرمز و سبز با هم می توانند مشکل ساز باشند، اما گاهی اوقات می توان آنها را با هم استفاده کرد
بنابراین در واقع، استفاده از قرمز و سبز با هم یک مشکل رایج است. افراد مبتلا به CVD قوی (قوی به معنای وضعیت شدیدتر CVD) قرمز و سبز را قهوه ای می بینند. افراد مبتلا به CVD ضعیف می توانند رنگ های قرمز و سبز قوی را قرمز و سبز ببینند. با این حال، زمانی که رنگ ها ضعیف هستند یا با هم ترکیب می شوند، این هنوز می تواند مشکل ساز باشد. به خاطر داشته باشید که تشخیص دادن این رنگ ها تنها زمانی مشکل ساز است که رنگ تنها روش رمزگذاری مورد استفاده برای مقایسه متمایز باشد – برای مثال، یک عدد خوب در مقابل یک عدد بد در جدول، یا یک خط در مقابل خط دیگر. خط در همان نمودار خط. به عنوان مثال، در نمودار زیر، رنگ برای تشخیص مربع خوب از مربع بد مورد نیاز است. با استفاده از شبیه‌سازی دوترانوپ، می‌توانیم ببینیم این کار چقدر دشوار است.
من انتقادهایی را در مورد استفاده از رنگ قرمز و سبز با هم در تجسم یکسان دیده‌ام، اما رنگ‌ها به گونه‌ای مورد استفاده قرار نمی‌گرفتند که لازم باشد کسی تفاوت بین آنها را بگوید. به عنوان مثال، دو نمودار مختلف، یکی قرمز و دیگری سبز، اگر به خوبی برچسب گذاری شده باشند، اگر هر دو به رنگ قهوه ای ظاهر شوند، ممکن است اصلاً مشکلی ایجاد نشود. نمودار زیر یک مثال را ارائه می دهد که در آن به راحتی می توان از خط محور متوجه شد که بیشتر اعداد مثبت و سایر اعداد منفی هستند. رنگ یک ویژگی ثانویه است که به سادگی رمزگذاری مثبت در مقابل منفی است. در حالی که ممکن است این بهترین انتخاب رنگ نباشد، فردی که CVD دارد می تواند این نمودار را بدون استفاده از رنگ برای مقایسه تفسیر کند.
2. توجه داشته باشید که فقط قرمز و سبز نیست
بسیاری از ابزارهای تجسم داده ها دارای یک پالت “stoplight” هستند و بسیاری از شرکت ها (و مشتریان و کارفرمایان) وجود دارند که هنوز بر استفاده از پالت استاپ لایت اصرار دارند. با همه صحبت هایی که در مورد رنگ های چراغ خاموش و نام مستعار برای شرایط CVD وجود دارد، جای تعجب نیست که قانون بصری سازی داده ها به “از قرمز و سبز استفاده نکنید” تبدیل شده است. در زیر شبیه سازی رنگ های استاپ لایت Tableau با استفاده از شبیه سازی پروتانوپ است.
توجه داشته باشید که مشکل در اینجا بسیار پیچیده تر از رنگ قرمز در مقابل سبز است. از آنجایی که قرمز، سبز و نارنجی همگی برای افرادی که CVD قوی دارند قهوه ای به نظر می رسند، بهتر است بگوییم: «از قرمز/سبز/قهوه ای/نارنجی با هم استفاده نکنید.» با این حال، به همین جا ختم نمی شود. هنگامی که رنگ ها مخلوط می شوند، آنها نیز می توانند مشکل ساز شوند. یکی از ترکیب های رنگی که اغلب نادیده گرفته می شود، استفاده از رنگ آبی و بنفش در کنار هم است. در مدل رنگی RGB، بنفش با استفاده از رنگ آبی و قرمز در کنار هم به دست می آید. اگر فردی با رنگ قرمز مشکل دارد، ممکن است با رنگ بنفش نیز مشکل داشته باشد که به نظر می رسد مانند آبی باشد. همچنین رنگ صورتی و خاکستری با هم و خاکستری و قهوه ای با هم می توانند مشکل ساز باشند. در زیر پالت رنگ Tableau 10 با استفاده از شبیه سازی دوترانوپ آورده شده است. نه تنها قرمز، سبز و قهوه ای مشکل ساز هستند، بلکه آبی و بنفش، صورتی و خاکستری و خاکستری و قهوه ای نیز مشکل ساز هستند.
یکی از آشنایان من مبتلا به CVD است، بنابراین او اغلب خوکچه هندی برای آزمایش های رنگی من است. از همه چیزهایی که روی او آزمایش کرده‌ام، ترکیب رنگ‌ها در تصویر زیر (سمت چپ) سخت‌ترین تشخیص برای او بود. به نظر می رسد او از پروتانوپیا رنج می برد که در پایین در سمت راست شبیه سازی شده است._نویسنده
3. در صورت لزوم از یک پالت سازگار با کوررنگ استفاده کنید
معمولاً در زمانی که یکی از رنگ‌ها با CVD همراه نباشد، یک رنگ در ترکیب با رنگ دیگر استفاده می شود. به عنوان مثال، آبی/نارنجی یک پالت معمولی برای کوررنگ است. آبی/قرمز یا آبی/قهوه ای نیز کار می کند. برای رایج‌ترین شرایط CVD، همه این‌ها به خوبی کار می‌کنند، زیرا آبی معمولاً برای افراد مبتلا به CVD آبی به نظر می‌رسد. Tableau دارای یک پالت داخلی سازگار با کوررنگ است که توسط مورین استون طراحی شده است. این پالت برای موارد رایج CVD بسیار خوب عمل می کند. در زیر پالت دوستدار کوررنگی Tableau تحت هر دو شبیه سازی دوترانوپ و پروتانوپ آمده است. توجه داشته باشید که این پالت رنگی چقدر برای مقایسه های مختلف رنگ کار می کند
حالا اگر رئیس، مشتری یا حتی رنگ‌های شرکت یا راهنمای سبک از شما بخواهد از قرمز و سبز استفاده کنید. باید چیکار کنیم؟
4. اگر باید از قرمز و سبز با هم استفاده کنید، از روشن در مقابل تیره استفاده کنید
برای افرادی که مبتلا به CVD هستند، مشکل در درجه اول با رنگ است (به عنوان مثال قرمز در مقابل سبز) و نه با مقدار رنگ (روشن در مقابل تیره). تقریباً هر کسی می تواند تفاوت بین یک رنگ بسیار روشن و یک رنگ بسیار تیره را تشخیص دهد، بنابراین یکی دیگر از گزینه های استفاده از قرمز و سبز با هم این است که از سبز واقعا روشن، زرد متوسط و قرمز بسیار تیره استفاده کنید. در این حالت فرد حداقل می تواند قرمز را از سبز بر اساس روشن در مقابل تیره تشخیص دهد.
5. اگر باید از قرمز و سبز با هم استفاده کنید، روش های جایگزینی برای تشخیص داده ها ارائه دهید
در امتداد همین خطوط، در صورت استفاده از قرمز و سبز، می‌توانید نمادها، فلش‌های جهت‌دار، برچسب‌ها، حاشیه‌نویسی‌ها یا سایر شاخص‌ها را نیز اضافه کنید که به فرد مبتلا به CVD اجازه میدهد ببیند چیزی بد (قرمز) در مقابل خوب (سبز) است. گزینه دیگر ممکن است یک چک باکس برای کاربر برای تغییر پالت رنگ برای کل به یک پالت دوستدار کوررنگ باشد. این امکان جفت شدن قرمز/سبز را برای اکثریت مخاطبان فراهم می‌کند و در عین حال راهی برای افراد مبتلا به CVD برای تغییر کامل پالت ارائه میدهد. متأسفانه، راه آسانی برای انجام این کار در Tableau وجود ندارد. با این حال، مطمئناً می توان آن را انجام داد. در زیر دو مثال وجود دارد، یکی از پارامتری برای تغییر پالت رنگ (با استفاده از طرح رنگ متوالی و طبقه‌بندی شده با شفافیت) و دیگری با استفاده از عملکرد داشبورد، مشابه آنچه استاد Tableau Zen Robert Rouse در تکنیک منوی مخفی خود استفاده کرد.
آیا می خواهید مطمئن شوید که ویزی که طراحی کرده اید سازگار با کوررنگ است؟ علاوه بر تعدادی شبیه ساز کوررنگ آنلاین، یک پلاگین نیز برای آن وجود دارد. افزونه Chrome “NoCoffee” همه انواع CVD را مستقیماً در مرورگر شما شبیه‌سازی می‌کند، از جمله تجسم‌های شما که در Tableau Public یا Tableau Server میزبانی می‌شوند. سعی کنید یک روز کامل از افزونه مرورگر NoCoffee استفاده کنید، از اینکه دنیا برای افراد مبتلا به CVD چه شکلی است شگفت زده خواهید شد.
منبع: وبسایت تبلو
دیدگاه (3)
بسیار عالی
خیلی مفید بود
باز هم در این زمینه مقاله بدبد
خیلی مفید بود
بازم هم در این زمینه مقاله باشه خوبه