• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > AR和VR流行之前,设计师如何掌握「环境」对用户体验的影响

AR和VR流行之前,设计师如何掌握「环境」对用户体验的影响

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

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

鸿影:随着 AR/VR/MR 大潮来临,传感器等技术的不断发展,「环境」已经逐渐成为 UX 设计师在「人」与「设备」之外重点关注的第三极。

最近在阅读 Mixed Reality(Hololens)Design 的官方指南文档,其中反复强调了环境的重要性。随着 AR/VR/MR 大潮来临,传感器等技术的不断发展,「环境」已经逐渐成为 UX 设计师在「人」与「设备」之外重点关注的第三极。而即使是在已经相对成熟的 PC 和移动互联网设计领域,「环境」也是我们在分析和还原用户场景时多多少少需要考虑的。

光照 Light

基于场景光照考量的设计在资讯、阅读类的应用里已经有了不少典型,比如屏幕亮度调节、夜间模式等,给用户带来更好的浏览阅读体验。

△ ?多看阅读

在拍照、摄像等相关的应用里,思考光照的影响也同样重要,尤其是涉及到对拍摄对象的识别时。对于后置摄像头,一个例子是微信的扫码功能,如果用户操作过程中周边环境过暗,无法准确地识别二维码信息,屏幕上会出现「轻触照亮」的提示,引导用户打开闪光灯;而对于前置摄像头,开启闪光灯的意义则不大,这里我比较喜欢支付宝在人脸识别功能里所做的,用大块白色背景作为屏幕反光,提高弱光场景下的识别效率。

△ 左:微信扫码;右:支付宝人脸识别

而在 AR/MR 应用设计中,光照的重要性还会进一步提升,在设计元素的色彩、形态、光影关系时,都需要考虑如何在所处的背景环境光照中突出重点、保证清晰的识别度、显得协调而非过于突兀等。

姿态 Posture

Mixed Reality Design 里的交互基础章节里,提到了 4 个在设计时需要自问的问题:

  • 用户在使用过程中是否坐着、斜靠、站立或者行走?
  • 你的内容如何适应不同的位置?
  • 用户能适应它吗?
  • 用户在用你的应用时感到舒适吗?

对用户使用产品过程中的姿态考虑不够周全的话,可能会引发轻则疲劳、重则安全等问题。一个例子是导航类的 App,用户一边行走一边浏览路线算是比较常见的场景,但过于专注在屏幕内容上而忽视周边的话,会产生一些潜在的危险,需要不断在屏幕与真实环境之间切换视线。这里一个叫「随便走」的 App 处理得不错,把导航和实景相结合,既能一目了然地感知前往目的地的路线,也可以通过开启摄像头的屏幕随时感知周边环境动态。

△ 随便走

Mixed Reality Design 也提到了不少 MR 设计中的注意事项,比如当用户在虚拟空间里移动的距离超过真实空间限制后,使用虚拟动画来表现移动;注意元素和用户的距离与角度关系,让头部转动角度控制在舒适范围内;等等。

此外,我想随着设计对象逐渐突破屏幕的界限,传统工业设计中的人机工程学知识也会有更多应用空间,以帮助用户更舒适地使用产品。

声音 Voice

近年来各类语音助手、智能音箱纷纷涌现,语音交互设计领域也受到了比以往更多的关注,除了语音对话脚本之外,对话环境中的噪音影响也需要关注。

Mixed Reality Design 里在 Voice Design 的注意事项里提到了一条:确保命令是非破坏性的——任何通过语音指令发起的行为,都应该是非破坏性、容易撤销的,以防用户旁边的其他人无意间说话触发命令。

降噪处理也是一种常见思路,比如最近发布的天猫精灵用到的声纹识别技术,可以根据声音识别出不同的使用者,保证用户使用的安全性和私密性。

△ 天猫精灵

另一个例子是移动 App 中常见的语音录入交互模式选择:通过用户结束长按/手动点击结束/停止说话超过 X 秒来判断当前对话是否结束。其中前两个通过用户手动控制录入进程的方式,相比机器判断,要更利于在嘈杂环境中避免噪音带来的干扰。

时间 Time

时间作为重点环境因素考虑的典型案例是通知推送的设计,比如尽量避免在夜深人静时给用户带来干扰,又比如分析后台的用户活跃时间数据,挑选合适时间段进行推送,最大化通知影响面。

另一个例子是办公类应用,在用户深夜或者周末打开时主动安慰「加班辛苦」等,给用户更好的情感体验。

当然,环境的构成因素还有很多,比如天气(饿了么 App 里外卖小哥配送时的天气状态动画算一个不错的应用案例,详情链接)、网络(各种网络异常状态的处理,这个网上已经有很多总结分析,就不赘述了)、人群(公众场合中考虑用户可能存在的怕尴尬心理,慎用一些交互模式比如语音)……就不再一一展开了。

总结

过去虽然也思考过一些环境因素对设计方案的影响,但总觉得相对有些锦上添花、无足轻重(尤其对于传统的 PC 端产品设计),不过正如前文所提,随着技术的发展、设计对象不再局限于屏幕,环境的影响会变得越来越重要,我们也应该做更多未雨绸缪的研究和准备,给用户带来更高效自然、舒适贴心的使用体验。

参考资料:https://developer.microsoft.com/en-us/windows/mixed-reality/design

欢迎关注阿里CCOUX团队的微信公众号:

37.2qr

「如何做出打动人心的设计」

  1. 《进阶好文!如何从3个层面做出打动人心的设计?》
  2. 《如何做出让竞争对手难以复制的设计创新方案?》

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

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

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

优设大课堂

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

  • 超全面总结!移动端的AR交互设计探索
  • 实用经验!移动AR体验设计的特质与挑战
  • 你想知道的关于AR 设计的基础知识,这篇都有了!
  • 中文版来了!超实用的苹果AR人机界面设计指南
  • 该知道的趋势!iPhone X的AR引擎对UX设计师意味着什么?
  • AR和VR流行之前,设计师如何掌握「环境」对用户体验的影响
  • AR学了四年半后,我总结的AR眼镜软件产品设计经验
  • 入门手册!五分钟带你快速了解AR
  • AR KIT有哪些玩法?来看这些超好玩的案例!
  • 写给设计师的AR入门指南!手把手教你制作酷炫三维立方体!

相关文章

  • 2018-08-23强化用户体验!3个方法有效提升用户的控制感
  • 2018-08-23用一个实战案例,帮你学习今年最火的服务设计思维
  • 2018-08-23交互基础小课堂!目标导向设计之“设计研究”
  • 2017-08-06浅谈前端制作中,IE6还有必要兼容吗
  • 2018-08-23超全面!产品设计中的「容错性」原则总结
  • 2017-08-06网页编码为什么不用gbk或者gb2312而用utf-8
  • 2018-08-23从事交互设计3年多,聊聊交互设计师的核心价值
  • 2017-08-06css样式优先级及层叠的顺序排序探讨
  • 2017-09-10前端开发者的工具、库和资源
  • 2018-08-23那些很熟悉但又不知怎么用的设计法则:80/20法则

文章分类

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

最近更新的内容

    • 那些很熟悉但又叫不出名字的设计法则:功能可供性
    • 实用三步走!如何从程序开发角度做产品的用户体验?
    • 新姿势!用自然灵活的波纹曲线来柔化你的设计
    • 高手的学习笔记!给Android TV做设计要注意的16个细节
    • 如何画好一组线性图标?来看这份新手科普总结!
    • 背后的分析!iOS 11的设计理念和3个设计方向总结
    • 入门手册!五分钟带你快速了解AR
    • 实战经验!聊聊全链路设计和传统设计的流程差异
    • 浮动菜单,可实现上下滚动的效果
    • 行内元素、块元素都有哪些

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

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