我们还设计了中心点会根据标记的颜色从白色变为黑色,以确保始点。这个功能是修改调色板的关键。
图中蓝色圆圈表示两个地图标记,标记下方的列中显示了对比度。
修改后的地图标记及其对比度对比。[Jon Jordan/Salesforce]
开发调色板
标记完成后,我们开始开发色盲友好型调色板。基于我们设计系统团队之前创建无障碍调色板的工作,我们选择了 24 种最合适的颜色。我们移除了所有在地图背景上太亮而无法辨认的颜色,以及太暗而难以辨认的颜色。
两种调色板的并排比较。第二个调色板的颜色选择较少。
左侧图表展示了 Salesforce 的无障碍配色方案。右侧图表则展示了专为色盲用户设计的精简配色方案。[Jon Jordan/Salesforce]
我们使用了色盲模拟器来测试我们的无障碍 ( a11y ) 调色板。由于初始调 萨尔瓦多 viber 数据 色板针对不同类型的色盲,导致重复颜色过多。因此,我们继续进行实验。我们希望在为用户提供尽可能丰富的颜色集的同时,兼顾所有色盲类型。最终,我们从 a11y 调色板中确定了一组 12 种颜色,并对其进行了调整以最大程度地提高区分度,并添加了黑色和白色。
没人想过为 CVD 设计。充其量,可能只有一个切换选项,而且可用的颜色种类更少。
社区成员
Reddit 的 r/colorblind 小组
测试适合色盲的调色板
色盲模拟器能做的事情非常有限。虽然这是一个很好的起点,但我们需要用真实用户来测试这个调色板。
Reddit 上有一个庞大的色盲社区,他们通过r/colorblind 小组积极交流。我们分享了我们的调色板,并征求反馈。反响非常好。大家告诉我们哪些有效,哪些无效,并提出了未来改进的建议。“从来没有人想过为 CVD 设计。充其量,可能只有一个切换选项,提供较少的颜色选择。