童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

为了色盲用户的友好体验,你应该注意五点

4月28日 六壬会投稿
  世界范围内,每12个男性中有1名男性、每200名女性中有1名女性受色盲或者色觉缺失(CVD)的影响。这意味着每100个web或app用户中,至少有8个人的实际体验和你的预期有很大差别。如何确保你的设计对这些用户也有足够的吸引力?我们会在本文提出一些方法帮助大家。别急着满带恐慌地投奔你的设计团队,先来看看我们列出的色彩可用性设计的几项重要事项。
  首先,色盲到底是什么?
  大多数色盲能和正常人一样看清楚东西,差别在于他们无法识别红色、绿色或蓝色光谱。这种缺陷是X染色体突变的结果(意味着女性更有可能是携带者而不是患者),主要有以下三种症状表现。
  最常见的是红绿色盲,这些患者会混淆所有含有红色或绿色部分的颜色。红色盲对红色光谱不敏感。绿色盲对绿色有相同的问题。例如,一个有红色盲的人会混淆蓝色和紫色,因为他们无法识别紫色中的红色部分。蓝色盲,作为第三种色觉缺失,出现的最少。他们无法识别蓝色或黄色光谱。
  下图展示了彩虹在各类色盲眼中可能看起来的样子。
  所以,该如何提升色彩可用性?
  你可能会想:“为什么我要费心去为如此小的用户群体设计?”一般来说,色盲患者觉得可取的好设计元素,往往在更广的领域也是好设计。所以,如果你的网站是精心设计的,它应该能够对所有用户都可用。
  可用性设计并不意味着你需要妥协设计的整体美学。为了色盲用户的友好用户体验,你应该注意以下五点:
  1。同时使用色彩和符号
  你不能仅依靠色彩来传达信息。比如某些类型的色盲用户可能很难,甚至不能看到常见的红色错误通知。解决方案之一就是在需要用户注意时同时使用色彩和符号。Facebook的表单填写和相应的错误通知就是一个很好的例子。
  有趣的事实:Facebook的标志和不怎么讨喜的蓝色配色是特意挑选的。因为马克扎克伯格是红绿色盲,他对蓝色的识别是最好的。
  2。使用的颜色尽量少
  你应该限制网站所使用的颜色。设计中的颜色越少,使用时的困惑越少。简约设计不仅是永恒的审美趋势,也对色彩可用性设计奏效。
  3。使用样式和纹理来显示对比
  与其使用多种颜色,不如尝试对需要强调的元素使用不同的纹理。例如:色盲用户可能难以解释左侧的图表。这时,最好使用有对比的纹理。可以的话,尽量加上文字说明。
  4。顾及颜色对比和色调对比
  不要仅仅用黑色和白色作为唯一对比色,你应该尝试在设计中使用一系列清晰的颜色对比和色调对比。例如,WordFeud游戏中的色块使用的四种颜色,不管用户是否有色觉缺失,都能轻易识别。
  5。避免糟糕的颜色组合
  挑选颜色组合时,你要变得聪明点。因为不同的色盲症对人的影响不一样。很难确定哪些颜色在网页设计中是“安全”的。不管怎样,避免使用以下几个颜色组合,因为他们势必是色盲用户的噩梦:
  绿色和红色
  绿色和棕色
  蓝色和紫色
  绿色和蓝色
  亮绿色和黄色
  蓝色和灰色
  绿色和灰色
  绿色和黑色
  注:你怎么知道你是色盲?
  嗯有些人很多年都不知道自己是色盲。因为除非有别人指出来,色盲症对生活的影响可能轻微得注意不到。下面的图像是一般用来测试色盲症的。试一试吧!(在文章底部你可以找到完整测试的链接。)
  如果还不确定
  石原氏色盲测试:一个基于38个色板的测试。
  色盲检查:一个由Colorblindor创建的Android应用程序,可以在60秒内测试你是否为色盲。
  Coblis(色盲模拟器):你可以在这上传一张图片,然后看看在不同类型色盲的眼中会是什么样。
  3个移动应用:3个Android和iOS应用,专门为帮助色盲用户而开发。
  结论
  一般来说,用户体验设计师创建的网站应该对所有用户都能友好访问。可惜的是,没有为色盲用户设计的万全之策。我们可以将一些必要的用户体验设计原则谨记于心,或许有所帮助:
  不只依赖色彩来传达信息
  将颜色限制在2种或3种
  使用样式和纹理以示区分
  顾及颜色对比和色调对比
  避免糟糕的颜色组合
  
投诉 评论 转载

一只设计师的工作小结:在想好之前,先克制你的表达欲我一直觉得做设计,其实是在克制,潜移默化是最好的。在你没有想好如何表达,最稳妥的做法是克制你的表达欲。网易红彩1。0版本视觉通常来说,界面设计工作是在原型图之后开发……UI最佳实践:深度解析模态窗口模态已成为今天的可怕的弹出窗口的版本。用户发现模态窗口很骚扰人,人们本能地自动关闭这些窗口。模态窗口、叠加窗口、对话框、无论你叫它们什么,是时候重温这个UI模式了。当它们……7个维度,让你在网页设计中讲好故事网站能承载多种多样的内容,但无论是哪种内容,通常都会遵循一定的信息架构。在这其中,故事是很特别的一种类型。讲故事,往往能以更叙事、更情感化的方式,将内容传递给用户。一个好的故事……聊一聊不同应用场景下的验证码最近在做关于验证码的项目的时候,从交互的角度梳理了产品各个平台验证码的应用场景。在一个产品中,会有多个设计师分工协作,不同的设计师做设计迭代。由于验证码在整体设计中太容易被忽略……做设计不得不讲究的一个点:平衡做设计,最难的不是搞清楚解决问题的最佳答案是什么。而是,站在全局去平衡问题与问题之间的关系,做当下资源条件下相对正确的设计决策。体验商业技术的平衡在……交互细节思考:CalenderVS下拉框微小的差别给用户的感受可能完全不同。近些天,各大互联网公司的春招和暑期实习的网申陆续启动。网申的基本信息填写,看起来似乎没有什么惹人注目的交互,但只要稍微用心,就能……做设计,为什么总是心里没底?相信有很多小伙伴和我一样,经历过“做设计,心里没底”的情况,说的直接点就是“找到好参考就能做好,找不到好参就做不好,即使做出了好作品,也觉得带有一定的偶然性!”为什么会这样呢?……悬浮动效常见的几种玩法动效是如今UI设计中的重要组成部分,也是目前最热门的设计趋势之一。在之前的《在现代网页设计中,动效常见的几种用法》这篇文章中,我们探讨了动效对于交互和用户的重要意义,动效在不同……一名交互设计师的日常思考方式如果有一天,当你发现自己“较真又矫情,苛求又世故,倔强还言辞凿凿”,别否定自己,也许你已经开始有点交互设计师的意思了。一直有好多朋友问我许多关于交互设计师的工作状态的事情……APP设计:那些打动人心的设计点(二)上周写了一篇文章《APP设计:那些打动人心的设计点》,总结了八个APP的小设计点,这些小设计点不是针对APP的核心业务和功能的设计,但会给用户带来一点小便利和小惊喜,就像电影最……在设计过程中,设计师如何输出一个更落地的动效呢?优秀的动效设计更能让用户从中感到惊喜,让用户感受到产品的温度和调性。国际惯例,在开始之前,还是先来聊一聊我们设计中心在人机交互中对于动效的一些经验和想法。动效,一直……为了色盲用户的友好体验,你应该注意五点世界范围内,每12个男性中有1名男性、每200名女性中有1名女性受色盲或者色觉缺失(CVD)的影响。这意味着每100个web或app用户中,至少有8个人的实际体验和你的预期有很……
浅谈产品人格化及其思路方法根据用户体验五要素来谈谈:一个好的房产中介管理系统应该是怎样三分钟了解协同过滤算法如何完成后台PRD的撰写?内容服务产品设计思考总结:今日头条、UC大鱼号、简书、人人都王者荣耀的匹配算法与产品设计Eloratingsystem产品案例:小程序的登录注册体系设计这个控件叫:SkeletonScreen加载占位图音乐锁屏设计过程与反思设计思维如何自我“拯救”?产品经理如何基于需求迭代产品(下篇3):产品的整体设计之逻辑如何做好产品新增功能的设计?
估值44亿美元,文远知行被爆秘密赴美上市!自动驾驶又要火了?台湾台电3名工人被烧焦疑似吊车勾到高压电起火热文聚热点网 三年级体育教学工作计划这也是课堂作文大全民办幼儿园用工合同样本四不再一建议,冬游贵州更舒心十五月亮十六圆。贾玲王宝强同年同月同日生,两部影片票房90亿老年焦虑症的危害有哪些苹果平板电脑ipad无法连接iTunesStore怎么办解决玖道创业实录(3)创业者要不断提升能力眼线笔要用卸妆水吗眼线笔可以用洗面奶洗吗大驾夜出南郊干端门内奉送书事

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界