• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 实在干货!为老年用户做体验设计应该注意的6个细节

实在干货!为老年用户做体验设计应该注意的6个细节

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含体验设计,经验分享,老年用户等相关知识,希望在学习及工作中可以帮助到您

@可乐橙_ColaChan :吸引老年人作为用户群体的一部分,这曾经被认为是互联网世界中最后需要考虑的事情。但是,这种罕见的情况正在成为现实,我们见证了老年用户群体持续不断的增长,他们经常登录、注册和订阅。Statista的记录显示,光是在美国境内,2016年就有64%的老年人在线,这个数字在2013年的时候只有4%。

尽管数量在增长,老年用户群体在人口统计学中,仍然属于用户体验的不毛之地。如果用户体验从业者不将老年用户纳入考虑,就会疏远这个整个群体,把他们从在线体验中排除出去:这情况可不乐观。

通过加大UI元素、使用颜色强调重要内容、进行适当的用户测试,遵循这些最佳实践,可以做到为老年用户定制网页设计。

文字:越大越好

首先要考虑文字和屏幕本身的尺寸,确保用户界面清晰可辨。不像我们UX设计师,并非每个用户都有高分辨率的显示器,未必对眼睛友好。对于60岁以上的用户,小号文字真的会让人抓狂。如果你想要定位老年用户群体,界面正文字号不要小于12磅。

有时候用户会选择调节浏览器本身的字号。但是多数时候,这样只是放大了整个页面,这就会产生功能和显示问题。要避免让用户去手动设置字号。

而且,要把信息分解为更小的部分,通过留白分隔,就不会在局促的空间里塞进大量文字,使用户感到眼花缭乱。

调节颜色和对比度达到最佳可见性

当设计师忽略颜色规范时,用户体验就会崩塌。界面中的颜色和对比度帮助用户确定哪些元素对应哪些任务,掌握自己当前处在网站的什么位置,并且知道哪个词语可以通向特定的页面。比如说,不带链接的文字就要避免使用蓝色——深蓝色是网页链接约定俗成的标准用色。

而且,如果未访问和已访问的链接在颜色上没有区别,他们可能很难回到之前去过的地方。这对所有用户都有影响。不过,老年用户更难记住自己访问过网站的哪些部分,可能会浪费时间反复操作,然后又回到原点。

使用用户熟悉的语言

Nielsen Norman Group的Jakob Nielsen指出,不是所有设计师都会阅读自己设计出来的网页,因此就不会去思考人们阅读它所需的努力。

为老年用户设计网页时,要考虑展现信息的方式,他们听力不佳或者视觉损伤。WCAG提醒我们,内容必须可被感知,具有特殊障碍的用户仍然要能获取到这些信息。如果视频或音频的内容对于试听障碍者的体验至关重要,就要额外提供副标题或字幕。提供朗读功能,对于需要别人把文字读出来的用户至关重要。你可以尝试使用一个文字转语音(TTS)程序软件,比如说Ivona(它很快会成为Amazon Polly)。

还有,要知道语音学、俚语和双关语对于特定年龄的群体是一项挑战。俚语会破坏用户体验,所以得确保文案迎合受众。避免使用那些会让用户迷惑的行话,坚持使用能够准确表达含义的语言。同理心地图可以帮助你写出对特定目标群体有效的内容。

易于点击

55-65岁的年龄段,手眼协调和运动机能开始衰退,这就使得操作用户界面变得更加困难。对于运动机能逐渐衰退的用户,鼠标是一个特别的问题,因为点击界面目标、在界面元素间移动、响应屏幕上的某个目标,都十分困难。

按Smashing Magazine的Ollie Campbell所说的,要应对这种障碍,就要确保可点击的UI元素足够大(对角线长度至少11mm),并且与其他元素之间距离要足够大(至少2mm)。你也可以尽量减少鼠标点击,如有必要,可以只留一个可点击的元素。

对于运动机能损伤的用户,滚动条同样会导致可用性问题。按住细长的滚动条并执行滚动操作非常困难。而且,对于有阅读障碍的用户,滚动会影响他们的体验,因为在界面移动之后,他们要持续不断地重新找回之前阅读文字的位置。

简化滚动条——无论是外观还是感受。给用户多一些选择(点击滚动条箭头、点击页面自身的可拖动区域、拖动滑块、使用鼠标滚轮、或者使用键盘的上下键)。不过总而言之,还是尽可能避免产生滚动吧。

所幸的是,电脑键盘和移动触摸屏能帮助老年用户跟上时代。因为手指点按的机能退化得比其他机能要晚,许多老年用户更擅长使用电脑键盘和触摸屏。

使UI模式易于记忆,帮助认知

对于任何想要通过UI来完成任务的用户,他们都需要尽可能快和简单地从A点(入口)到达B点(任务完成)。所以清晰的UI导航如此重要。

但对于老年人,UI导航系统还需要更直接地为用户流程提供方便。为什么?虽然我们的长期程序性记忆(记住如何做某件事)能力不容易随年龄增长改变,但我们的注意力在衰退,短期的情景记忆会受损。这就意味着,我们学习新概念的能力会有极限,比方说学习操作一套为年轻人设计的新界面。

应该尝试使用标准的图标和导航模式,例如顶部通栏,能够一眼看到所有选项,或者面包屑导航来引导用户通过几次点击前往特定的位置。这有助于用户习惯各功能所在位置,还有如何在网站上找到它们。

不要隐藏重要信息。保留面包屑导航来引导用户前往网站的相关区域。

还有,要避免出现非必要的链接。这么做可以增加用户的信任,鼓励他们点击链接,前往网站或应用中的重要位置。

了解你的用户基础

要使用户体验更愉快,应该要有一套捕捉目标用户需求的框架。但是,不同的用户成长在不同的科技年代,设计师们永远无法取悦所有年龄层的用户。

怎么解决?做用户测试。

即使设计师们遵循这些为老年用户设计的准则,但真正了解某人如何操作网站的唯一方法,就是做测试。对于老年用户,考虑使用边想边说的方法做定性分析,通过测试,你能看到受试者屏幕上发生的一切。这有助于增进你对于用户认知过程和物理限制的理解,并且确定UI系统的哪些部分需要再调整。

老年用户最大的一个痛点是难以看清和阅读屏幕内容。视觉或听觉障碍,意味着某些老年人要非常费劲地解读网站和移动设备上的内容。通过对你的界面设计进行真人测试,发现真实问题,你就会更准确的知道解决方案效果如何。

考虑使用原型工具来进行用户测试,例如Justinmind,可以实时演示你的设计。这能让你获得即时反馈,知道为何和如何解决设计上的问题——这是定性用户测试背后的原则。

而且,为什么不再更进一步呢:把老年人受试者加入到设计过程中,让老年用户掌控自己的在线体验。

总结

老年用户群仍然有巨大的增长潜力。但就像其他任何用户群体一样,老年用户需要我们设计出符合他们需求的体验。随年龄而产生的局限意味着,数字科技中一些常规的吸引用户手段对老年用户不管用。

识别出老年用户的这些糟糕体验,可以避免设计师在设计中犯这些错误。用户测试是很安全的方式,确保你的用户得到他们所需的东西。把老年用户纳入到界面设计过程中,用户体验绝不会差。

「如何为弱势群体做设计」

  1. 视力篇丨《如何为弱势群体做包容性设计之视力篇》
  2. 老年人丨《温暖人心的情感化设计:那些宽衣解带的事》

原文地址:Usabilitygeek
译文地址:colachan

================明星栏目推荐================

优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao..com

优设大课堂

您可能想查找下面的文章:

  • 想要让产品用户体验更优秀,你得想明白这5个问题
  • 那些能力差的设计师,都喜欢说这10句话
  • 超全面!体验设计中的「功能可供性」基础科普
  • 有哪些值得思考的用户体验现象?
  • 设计师应该知道的 iOS 设备常见差异化设计
  • 想用设计化腐朽为神奇,你得先想明白这10个问题
  • 腾讯设计师用实战案例,告诉你一个实现设计驱动的创新流程!
  • 熟知用户行为的这7个层面,你的设计才会走进人心
  • 对话爱彼迎设计副总裁:为每个人而设计
  • 如何成为体验设计师?来看高手应有的3个意识!

相关文章

  • 2017-08-06设置网页图片热点链接以及坐标值示例代码
  • 2018-08-23如何设计优秀的弹出框?这儿有一份全面总结!
  • 2018-08-23这7个秘诀,能帮你做出体验极佳的网页表单
  • 2018-08-23该怎么运用情绪板,才能让设计作品更有说服力?
  • 2018-08-236个小技巧帮你从线框仔进阶成UE设计师!
  • 2018-08-23想要提升用户体验,这6种使用插画的方法颇为不错
  • 2018-08-23网易资深设计师:新人该如何提升设计思维?
  • 2017-08-06浏览器显示TIF格式图像的方法
  • 2017-08-06引入CSS的方式有哪些?link和@import的有何区别应如何选择
  • 2018-08-23超全面!创意图形中的实用小套路进阶指南

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 设计一个有趣的网站的方法与技巧(图)
    • 亲历经验!没有学位和工作经验要怎么找到UX设计的工作?
    • PS教程!教你绘制优设吉祥物之獠麝鸡放鞭炮
    • 今年的双11品牌设计,官方首度揭秘背后全过程!
    • 超全面!给用户体验设计师的提问清单
    • 推荐28个让你直呼哇塞的Canvas库
    • 超实用!轻松4步搞定一个APP的LOGO设计
    • 内容迁移到移动端时,用户体验优化的7个关键点
    • 超详细的动态表情包新手绘制指南
    • 从景观到 AI 产品,这个设计师自己开发了一个「招行版鲁班」!

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有