`
nanjingjiangbiao_T
  • 浏览: 2597118 次
  • 来自: 深圳
文章分类
社区版块
存档分类
最新评论

UI设计中的包容性设计

 
阅读更多

近年来,移动互联网行业快速发展,互联网已经成为人们日常经常使用的信息交流和获取渠道。虽然智能手机和平板等移动设备更新换代的速度非常快,可是目前大多数网页和应用在设计之初没有考虑到特殊人群的需要,就算设备再强大,这类人群在访问网页或使用应用时还是会遇到很多困难。于是乎,“包容性设计”的概念就被引入到了UI设计中。

那么,什么是包容性设计?英国标准协会(2005)将包容性设计定义为“主流产品或服务的设计能为尽可能多的人群所方便使用……无需特别的适应或特殊的设计”。当然有人会说,这样不是增加了生产成本吗?我们当然不能指望某一个产品能适合各种人群的需要。但是如果设计的时候有这样理念,产品会有更多的受众,说不定能产生更大的效益,而且这也是社会责任的体现。

在设计越来越高科技、奢侈感、概念化的今天,包容性设计也许是最为亲民与平衡的设计理念,它拒绝让少数服从多数,也不想让多数配合少数,它相信,对极端人群的细心观察,加上对普通大众的广泛关注,能创造出更具包容性、属于更多人的好设计。今天我们就来简单谈谈UI设计中的包容性设计需要注意和有待改进的地方:

语言和美学

语言的人类交流的主要工具,它的影响力是无穷的,而且语言的表达方式也很重要,但是这点往往被人们给忽略了,美国杜克大学的一项研究表明,不管什么类型的工作,如果招聘广告带有明显的性别倾向,那么这个工作的吸引力就会受影响。这里就引出了这样一个问题:设计时所选择的语言表达方式对新注册的用户数量或者购买产品的用户数量会产生多大的影响?

我们都知道,所有的界面或多或少都有文字在其上。在选择语言表达方式的时候,让文字尽量口语化,而不是华美辞藻的堆砌,因为不是人人都是文学大师。为行为提供清晰、简明的标签,保持简朴的文字叙述,用户对此将会很赞赏,因为他们不再是听命于他人的官腔——他们听到的是如朋友般甚至自己说话的表述方式。可以这么说,如果设计师对每个像素、每个图标、每个字体都考虑再三,那么他同样需要斟酌每个词语。

当然,语言表达方式的好坏只是衡量标准之一,除此之外,美学同样在UI设计中扮演着重要的角色,元素的摆放、形状(棱角或者是圆角)以及色彩的使用,在不同性别、不同文化的用户眼里,所产生的效果也是不尽相同。就拿色彩来说,没有一种色彩方案能够符合所有用户的胃口,在使用色彩的时候要记住两件事,首先,不同文化中的颜色代表的含义有所不同,所以确保你的目标用户能够理解你所选颜色的含义。其次,不要忽略色盲用户,在区分不同元素时,多花些心思和功夫,使用一些颜色以外的技巧,例如一个图标中的长条。如果用户是色盲,他们就不能区分特定的颜色,多数色盲患者都是红绿色盲,所以你需要使用其他的方法,例如不同形状、不同材质加以区分。

用户认知能力

一般人的观念里会绝对化地将人分为完全能力人和残疾人,基于这个观念产品也被设计成针对完全能力人使用的或针对残疾人使用,实际上人的能力值有连续的变化范围,而且这种变化毫无规律可循,打个比方,量子物理学家在使用功能手机的时候可能会遇到困难,而同样的手机给到一个平均智商的十几岁小孩手里,他却能玩得得心应手。

UI设计领域,不管用户的认知能力和水平如何,都应该是设计师潜在的目标用户。降低一件产品的能力要求可以使更多的人能够使用该产品,并且使之前感觉使用困难的那部分人更易使用,这一点同样适用于UI设计,在一个界面中,你增加的元素越多,整个界面的复杂性也就随之增加,用户在使用上所花的努力也就越大。曾经有人说过:“最好的设计不是用来看的,是用来体验的”。这意味着,你的 UI 应该让用户去体验,而不是放一些花里胡哨的东西给用户看。UI 设计越简单,用户体验越好,不要滥用设计元素,不要使用拥挤的界面,拥挤的界面,不管功能多么强大,都会吓跑用户。

在一些优秀的设计中,你看不到华而不实的UI修饰,或是用不到的设计元素。也就是说,其必须的元素一定是简洁且有意义的。当你想着是否要在界面上加一个新功能或是元素的时候,问问自己,“用户真的需要这些吗?”或者是“为什么用户想要这个小巧的动态图标?”。你是否只是因为出于自我喜好而添加这些元素?记住,永远不要在UI设计中给自己出风头。

自适应界面

鉴于用户的认知能力会有很大差别,为了照顾普通的小白用户,我们要对界面不断地简化,比如说去掉一些功能,但另一个问题又随之而来,如果界面太过简单,又很难令那些想要更多功能或控制的高端用户满意。比如说,傻瓜相机操作简单,几乎人人都会使用,但是无法满足一些高端用户的需求,例如摄影师。于是,综合各方面的因素,最常见的解决方案是让用户根据自己的需求进行界面的自定义。这个方法真的可行吗?有关研究表明,只有不到5%的用户会对默认设置进行更改,这就说明了用户自定义的方法在界面设计中根本不可取。

那么,有没有一种能够根据用户的认知能力和使用习惯进行自动适应的方案?虽然目前要实现这个功能,在UI设计领域还存在不小的难度,但这应该是值得尝试的一种解决方法。而且,自适应这个功能在其他领域已经有了先例,iPod之父Tony Fadell发明的智能恒温器Nest或许就是个很好的借鉴例子,Nest不但外观很潮,而且还能自动感应是否有人在家而调节温度,并且根据用户的习惯将温度自动调节到最舒适的状态,并且随着用户使用它的时间越久,它就会更加了解用户的习惯。

虽然Nest仅仅只是一个特例,但至少说明自适应技术是可行的,这就让界面设计师的思维模式更加开放,或许将来要实现界面的自适应也并非不可能。

结论

我们已经攻克了各种各样的技术难题,比如实现Web的标准化、引入响应式Web设计概念、推出各种各样的触屏设备等等。也许是我们把太多精力投入在这些技术难题上,从而忽略了人性化界面设计的重要性。我们希望,互联网行业的下一次变革能把更多精力集中在如何让更多的应用和产品变得更为包容,将不同用户的认知能力考虑在内,让用户界面变得更加智能,从而更有效地为更广泛的人群服务,让包容性设计的风暴刮得更猛烈些吧!

最后,鉴于包容性界面设计目前还处在探索阶段,这里所说的只是一家之言,如能引发更多的思考,本文便是物尽其用了。

ViaSmashingMagazine

Danice雷锋网专稿,转载请注明!)
分享到:
评论

相关推荐

    infusion:Infusion是一个支持包容性设计的Web框架

    输液 什么是输液? 注入是另一种JavaScript框架。 我们的方法是让您掌控一切-它是您的界面,使用您的标记,您的... Fluid社区是一个由设计师,开发人员和测试人员组成的国际团体,致力于一个共同的使命:改善用户体

    accessibility-in-design-system:设计系统中的辅助功能页面列表

    [ GitLab 关于Gravity的一切,从提供的UI设计和组件到运行和维护的方式,都应努力做到包容。 这意味着消除使用重力或为重力本身做出贡献的进入障碍。 这也意味着使产品能够为尽可能广泛的受众所使用。

    nsw-design-system:新南威尔士州设计系统是样式,样式,标准和指南的工具包,适用于每个创建新南威尔士州数字产品和服务的人。 它可以帮助我们为用户创建统一,可信赖,包容性和以受众为中心的数字体验,这些体验非常简单,最新且有目的

    新南威尔士州设计系统 新南威尔士州设计系统是新南威尔士州政府网站上使用的可重复使用的UI组件的集合。 在您的网站上查看NSW Digital Design系统组件的实时示例以及如何使用它们的指南。使用设计系统您如何使用NSW...

    inclusive-elements:通用UI控件的可访问,轻量,无样式的实现

    包容性元素 通用UI控件的可访问,轻量,无样式的实现。 令人惊讶的是,基本的交互式UI模式(如弹出菜单,工具提示和模式)很难在网上获得。 组件库往往很笨重,自以为是,并且与不需要的样式紧密结合在一起。 另一...

    基于C++(QT)解决子句归结问题【100012279】

    根据《人工智能课程设计》实验三指导书,结合本小组自身能力与完成情况,可以对本次实验的实验内容作出如下...(4)为内核程序编写 UI 界面,使用 Qt 框架实现框体输入输出的交互,使得用户友好性得以一定程度的提升。

    a11y-style-guide:辅助功能(A11Y)样式指南

    A11Y样式指南 该应用程序是一种生活风格指南或样式库,由KSS文档化的样式生成,具有可访问性。... 当项目没有足够的时间或预算来包含这一部分时,我们如何实施包容性设计和开发? 解决这些问题的一种方法

    vc++ 应用源码包_6

    DirectUI移植到MFC中实现。 MFCHtml 调用脚本 MFC使用COM加载WMI服务,另类获取系统服务详细 大家都知道,现在流行的检测硬件软件视乎很神秘,我们要获得各种信息好像比较难.但大多数这种软件或多或少的使用了WMI,如果...

    vc++ 应用源码包_1

    DirectUI移植到MFC中实现。 MFCHtml 调用脚本 MFC使用COM加载WMI服务,另类获取系统服务详细 大家都知道,现在流行的检测硬件软件视乎很神秘,我们要获得各种信息好像比较难.但大多数这种软件或多或少的使用了WMI,如果...

    vc++ 应用源码包_2

    DirectUI移植到MFC中实现。 MFCHtml 调用脚本 MFC使用COM加载WMI服务,另类获取系统服务详细 大家都知道,现在流行的检测硬件软件视乎很神秘,我们要获得各种信息好像比较难.但大多数这种软件或多或少的使用了WMI,如果...

    vc++ 应用源码包_3

    DirectUI移植到MFC中实现。 MFCHtml 调用脚本 MFC使用COM加载WMI服务,另类获取系统服务详细 大家都知道,现在流行的检测硬件软件视乎很神秘,我们要获得各种信息好像比较难.但大多数这种软件或多或少的使用了WMI,如果...

    vc++ 应用源码包_5

    DirectUI移植到MFC中实现。 MFCHtml 调用脚本 MFC使用COM加载WMI服务,另类获取系统服务详细 大家都知道,现在流行的检测硬件软件视乎很神秘,我们要获得各种信息好像比较难.但大多数这种软件或多或少的使用了WMI,如果...

    vc++ 开发实例源码包

    DirectUI移植到MFC中实现。 MFCHtml 调用脚本 如题。 MFC使用COM加载WMI服务,另类获取系统服务详细 大家都知道,现在流行的检测硬件软件视乎很神秘,我们要获得各种信息好像比较难.但大多数这种软件或多或少的使用了...

    超爽的自学课件(java)

    尽管这些与C和C++中见到的有一定的共通性,但多少存在一些区别。除此以外,所有示例都是完整的Java示例,能使大家很快地熟悉Java的外观。 <br>(4) 第4章:初始化和清除 本章开始介绍构建器,它的作用是担保...

Global site tag (gtag.js) - Google Analytics