UX 设计中的「环境」元素思考

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


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

UX 设计中的「环境」元素思考

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

UX 设计中的「环境」元素思考

图片来源

光照 Light

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

UX 设计中的「环境」元素思考

多看阅读

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

UX 设计中的「环境」元素思考

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

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

UX 设计中的「环境」元素思考

图片来源

姿态 Posture

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

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

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

UX 设计中的「环境」元素思考

随便走

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

UX 设计中的「环境」元素思考

图片来源

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

声音 Voice

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

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

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

UX 设计中的「环境」元素思考

天猫精灵

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

时间 Time

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

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

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

总结

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

参考资料

https://developer.microsoft.com/en-us/windows/mixed-reality/design

 

本文由人人都是产品经理专栏作家 @鸿影(微信公众号: 鸿影的设计思考录) 原创发布于人人都是产品经理 。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/21159/

(0)
CatherineCatherine
上一篇 2017-04-27 12:55
下一篇 2017-04-27 15:12

相关推荐

  • 实例分析:室内地图交互体验分析

    因为做室内定位项目,需要涉及到室内地图相关功能,故分析、探寻高德地图、百度地图APP的室内地图设计逻辑,以为项目借鉴。本文从室内地图展示,室内地图与导航栏的对应两方面来分析对比,并针对部分内容提出相关建议。

    2017-05-09
  • 【干货】2018年APP交互设计趋势

    全感官体验人有五感,强化体验记忆的最有效方式就是五感相结合。看见、听见信息已成为体验常态,而更真切的感知信息是用户体验升级的客观诉求,全感官体验能更好的打造“身临其境的沉浸式”体验印象。2018年我们将会看到更多以虚拟+实体组合的全感官体验方式,用户在交互过程中获取更多维的与真实场景匹配的信息反馈(听觉、嗅觉、触觉等),加深对信息的理解和体验记忆。运用案例全感官体验目前在游戏领域有了较为广泛的探索。《星舰指挥官》一改沿用十几年的鼠标,键...

    2018-02-18
  • 从“注意力”的角度,谈交互设计如何避免入坑

    前段时间UIMAX团队在做“新浪新闻客户端用户画像项目”时,用研人员访谈用户的过程中,发现一个这样的问题:多数用户完全没注意到过页面上的“长按可排序或删除”这段文字,反馈“不知道可以对新闻频道进行排序” 设计师…

    2017-06-05
  • 微信Axure原型练习和资源分享

    “我根本没把你放在眼里。”“因为你一直在我心里。”▼这是咸冬日的第叁篇文章这两天业余时间学习了axure的基本功能,做了一个简单的微信原型练练手,教程分享给大家。首先需要准备基本素材,可以从我的源文件中获取。1.设置手机主页和home热键用例。2.拖入内联框架(w273*h482),设置从不显示和隐藏边框,并链接到主页。3.设置主页交互:1)主页内拖入动态面板“内容区”(273X396),并增加4个menu状态(微信、通讯录、发现、我;...

    2018-03-10
  • 一对一提问!设计师应该如何切入产品设计工作?

    呆呆:经常会收到一些小伙伴提的问题,大部分也都不怎么去回复,除了个别比较值得讨论的我会仔细解答一下。所以就想把那些好问题拿出来,不是对一个人解答,而是与大家一起做一个讨论。

    2017-08-29
  • 在网页设计中如何少让用户费脑筋,保持操作流畅

    除了引导用户,还要减少他们的认知流程,以保持流畅状态。千万别把计算这种事情丢给用户,让计算机来处理。

    2017-05-23
  • 【整理】交互设计七大标准

    1交互设计七大标准(1) 菲茨定律(Fitts'Law)2交互设计七大标准(2) 希克法则(Hick’s Law)3交互设计七大标准(3) 神奇数字 7±2 法则4交互设计七大标准(4) The Law Of Proximity 接近法则5交互设计七大标准(5) 复杂性守恒定律6交互设计七大标准(6) 防错原则7交互设计七大标准(7) 奥卡姆剃刀定律(简单有效原理)请关注公众号“UX设计艺术中心”,学习更多转载此文,请署名原作者及来自微...

    2018-03-15
  • 浅谈微信应用交互设计

    微信应用相信大家都不陌生,比如前段时间风靡朋友圈的神经猫,就创造了三天过亿访问量的神话,开发一款好玩有趣的微信应用,通过微信朋友圈的自发传播,达到品牌和产品的有效推广,是当下很多企业都在尝试的,但事…

    2017-08-02
  • 美甲店如何做好用户体验?【下】 | 互联互生

    上周的一篇文章我们说到了“用户体验”对于美甲店铺的重要性,文章中我提出了一个“峰值和终值的一个概念”,以及举了几个服务性的行业的例子,它们是如何利用“多数被遗忘,偶尔特漂亮”这个心理给用户带来不一般的体验感。今天这篇文章我们重点来谈谈咱们美甲店可以怎样在“用户体验”上有一些创新。好客服的法则随着网络越来越普及和重要,大部分美甲店主都开始注重自己的店铺在网络上面的评价,我们就先拿大众点评这个平台作为例子。一个店铺在大众点评上面肯定有很多的...

    2018-05-06
  • 微信10个交互细节问题的探讨与重设计

    文章分析了微信交互设计中的几个细节问题,与大家分享,希望能够给大家带来一定的启发。A:「朋友圈老是有红点,我又有见到红点不刷不舒服的强迫症,只好不停地去刷,时间就这么过去了T_T」

    B:「那你关了呗」

    A:「关了更会想,虽然没提示,但是不是有更新呢……于是刷得更频繁了」

    BCD:「……」A:「我给朋友晒结婚证的朋友圈点了赞,然后一整天都在收到别人点赞和评论的提醒。」
    B:「说明你朋友人缘好呗」
    A:「可是,不停地看到红色数字,点进去却发现全是别人之间的互动,自己发的朋友圈无人问津,会很失落的」
    ABCD:「……」

    2017-05-10