[自译]包容性设计原则

REYaAb.gif

以用户为中心更近一步,是以用户为先。那么,到底怎么以用户为先?"包容性设计"便是以此为基础提出的设计理念。它很早就被人提出来,到2014年得到更新后被广泛应用,微软等很多知名公司都以此作为自己的设计原则。

在这里,我翻译的是来自Henny Swan, Ian Pouncey, Heydon Pickering, Léonie Waston 2017年共同整合和贡献的版本。

原文链接:https://inclusivedesignprinciples.org/#provide-comparable-experience

提供更优的体验

保证你的界面能帮助所有人满足需求或者完成任务,而不需要降低需求本身的质量或内容。

完整释义

无论外部环境,用户,喜好有什么不同,当人们使用不同的方法和工具来阅读和操作界面,界面都应该提供给用户有价值的,高效的反馈。

例子

  • 可替换的内容:准备基本的可替代方案,无论是文本,附注,音频描述还是手语,均可以访问内容,并且能够还原原本的表达。
  • 人体工学特点:提供了同步的隐藏字幕让你可以以文字形式访问视频,可定制化以提供更优的体验。
  • 消息:消息出现在界面上,一般在视觉上都很明显,但也需要屏幕阅读者主动去发现它们。为有视力问题的用户提供一块可活动的区域,这部分用户不需要精确的操作便能够发现这些消息,就是一个更好的体验。

考虑环境因素

人们一般会在不同的环境下使用界面,确保你设计的界面提供了可适应不同环境的体验。

完整释义

人们可能是新手用户,固有用户,在工作中的用户,在家里的用户,在移动过程中的用户,或者在压力下使用的用户。所有环境都对使用有一些影响。对于那些已经觉得交互方式有困难的用户,比如残疾人,这种影响可能会使其使用变得异常困难。

例子

  • 颜色对比:当在户外使用时,好的颜色对比可以降低阳光带来的影响。
  • 关联帮助:当用户第一次遇到比较难的表单或者交互方式时,可能需要帮助。但当用户熟悉这些以后,这些帮助又可能变得冗长和烦人,针对当时的情景关联帮助,提供给用户选择以打开帮助并且更好的操控页面。
  • 标题当先:用户会在移动设备上观看视频,那就可能使在公共环境里,而在这种环境中,用户可能更倾向于观看没有反社会倾向的内容。默认提供小视图,关闭声音并且加重标题会很有用。

保持一致性

使用相似的惯例并且一致的使用它们

完整释义

相似的界面来自于建立完好的形式。这些形式在界面的一致性运用能够加强它们的表意和目的,包括功能,行为,可编辑性和展示。你应该用同样的方式来江苏同样的事情,用户也应该用同样的方式来做同样的事情。

例子

  • 一致的设计样式:使用一致的网站和平台设计样式,帮助建立统一性和可理解性
  • 一致的编辑形式:在同一个产品(跨平台也算同一个)中使用一致的语言,包括标题、文本、标签、按钮等。保证这些编辑样式一致很重要,比如可以确保最顶伤的文章有一个清晰的概括段落,或者项目符号总是以粗体来定义的。
  • 一致的页面结构:使用一致的页面结构帮助用户浏览或者引导他们到关键内容。

给予控制权

保证用户对产品的控制。人们应该能够前往他们所想要的内容或者用他们偏好的方式进行交互。

完整释义

不要试图取消或改变标准浏览器或者平台的设置,比如说方向,字体大小,空间和对比度。另外,如果不是用户初始设置的,避免对内容样式进行改变除非有方法控制它。

例子

  • 滚动控制:“无限制滚动”可能会是一个问题,特别是当用户使用键盘操作的时候,不能一下查阅所有更新的内容。给予一个选项来关闭这项功能而用加载更多来展示。
  • 使他停下来:有些用户觉得动画或时差可能引起恶心,而另一些觉得它们分散了注意力。如果它们是自动播放的,那么这些动画或视差效果至少能很容易去停止。
  • 允许空间:有很多理由表明,在触屏设备上为什么一个用户想要用手指来放大缩小,确保这项功能能够用,并且这些内容不会因为这种用法变得模糊。

提供选择

考虑提供多种不同的方法帮助用户完成任务,特别是那些比较复杂或者没有标准的任务流。

完整释义

完成一个任务通常有许多种方法,你不可能估计到某个人可能倾向于哪种方法。为任务完成提供选项,提供符合他们环境和个性的选择。

例子

  • 完成动作的多种方式:合适的时候,提供多种方式来完成某个动作。在手机上,滑动删除一个条目和编辑图标同时存在,后者允许你选择多条后再删除。另外个类似的例子是在IOS的邮件应用里。
  • 布局:在长列表的内容下,提供格子视图或列表视图的选项,这同时满足了希望查看缩略图和希望有更小行距的两种偏好。
  • 可行的替代方案:展示数据的多种方式,比如信息图形的数据表,就应该对所有用户都是一个选项,而不仅仅是一条链接(考虑到无法打开链接的时候或者特殊群体)。可行的替代方案一旦有了,就能方便到所有用户而不仅仅是一个特殊群体。

优化内容

通过优化帮助用户专注在主要任务,功能和信息上。

完整释义

如果焦点信息或功能没有很清晰的展示,理解界面是比较困难的。一个页面或者一个应用可以提供很多信息和功能,但是人们一次应该聚焦在一件事情上。明确每个界面的主要目的,接下来的内容和功能都来满足这个目的。

例子

  • 聚焦任务:在需要的时候循序渐进的展示功能和内容,而不是毫无重点的全部展示出来。
  • 优化任务:邮件应用的原则是书写和阅读邮件。“书写”按钮因此应该展现在所有页面上,在所有焦点中都是比较靠前的优先级。收件箱的优先级应该高于类似“发件箱”和“垃圾箱”。一些比较少用到的功能,比如说给邮件贴标签或者分类邮件应该在焦点任务中优先级靠后,因为他们只可能在主要任务,也就是阅读邮件完成后才可能发生。
  • 优化内容:在一篇新闻页面里,主要内容是新闻本身,那么无论是视觉处理还是排序,它的优先级应该在其他内容之前。相关的内容应该排在它之后,比如相似新闻,再然后是其他内容。
  • 优化排版:对链接,标题和按钮的排版应该使用尽量简洁的文字,并且让最主要的文字排在视觉首位,包括可见的或隐藏性文字。文字要在视觉或听觉上(页面是可以听读的)都容易阅读。简洁的文字也对那些非母语的人们更容易理解。

附加价值

明确功能的价值以及他们如何提高不同用户的使用体验

完整释义

通过提供有效的,多元化的方法来找到内容并与之交互,功能应该为用户体验提供附加价值。考虑声音,定位,相机或震动这些功能,如何与其他设备和其他界面链接,给用户提供完成目的的选项。

例子

  • 与关联设备或者第二屏幕的交互:使用声音来控制多媒体,搜索内容,从音乐或电视中输出内容,为那些艰难使用其他界面的人们增加了价值。
  • 与平台插件交互:使用平台功能来增强功能性。震动使得聋人或听觉障碍的人们更容易注意到,同时震动还可以使行动障碍的人更方便的使用一些基于位置的服务。
  • 使任务完成的更容易点:添加一个“可见密码”按钮来给用户确认他们是否输入了错误的文字,或者针对视觉障碍人,为密码保护区添加触摸识别。
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,417评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,921评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,850评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,945评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,069评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,188评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,239评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,994评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,409评论 1 304
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,735评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,898评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,578评论 4 336
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,205评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,916评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,156评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,722评论 2 363
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,781评论 2 351

推荐阅读更多精彩内容