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

相关推荐

  • 改版设计的思路(上):发现问题

    做改版设计大体思路很简单,只需要做好两件事:发现问题与解决问题。今天我们先来搞定第一件事:发现问题。他说:我感觉这个页面太乱。他说:这个图标重心不稳,页面颜色有点脏,banner有点丑,图标描边粗细不一致。他说:问题出现在以下几个方面:颜色、图标、布局等等,其中颜色问题有……图标问题有……

    2017-05-03
  • 阅读好体验的准则:100% Easy-2-Read

    阅读好体验的准则:100% Easy-2-Read | 艾欧交互设计 译者:前两天看到一篇文章,觉得挺不错的,就简单翻译一下分享给大家。   大多数网站都挤满了小号的文字,使人阅读起来感到很痛苦。产生这个问题的原因是…

    2014-11-13
  • 干货推荐|关于无线C端产品的一些UX建议

    开始之前,先来看一下Eric WK.See-To的一项最新研究成果(Eric WK.See-To等人针对如何提升移动端视频的UX满意度做了以下研究)。

    2017-05-29
  • 交互设计丛书分享:《瞬间之美:Web界面设计如何让用户心动》

    作者简介: (美国)Robert Hoekman.Jr Robert Hoekman,Jr.著名的交互设计师。Miskeeto公司创始人,曾任职于Adobe、美联航等知名公司。除本书外。他还著有Desiging the Obvious以及FlashUser Experience Best Practi…

    2015-07-26
  • 交互设计师高级:兴趣、场景推荐核心算法之‘多维空间的两个向量夹角的余弦公式’

    不知道大家有没有关注过你手里的APP,那么它在不停升级中变得越来越懂你,越来越知道你的喜好,举例先:网易云音乐的推荐、今日头条的新闻推荐,他们都是你使用越长时间使用频率越多对你兴趣越准确的判断从而推荐给…

    交互设计 2015-08-31
  • 如何建立真诚的用户界面

    给用户控制权并展现产品界面的“诚意”,才能维持和用户之前的信任感。

    2017-04-28
  • 专业的网页风格指南应该如何制作?

    文案规范
    视觉指南

    配色方案,包括每种色彩的具体参数,以及其他可接受的色调
    字体和排版方案,包括每个部分的字体类型、尺寸、字重以及具体用法
    LOGO,包括它的样式、变体、尺寸以及位置的说明
    拼写、关键词的选择、文案的风格(包括按钮、社交媒体等)
    图片使用规范,包括色彩、裁剪规则和视觉表现方面的标准
    SEO信息,比如可选的标签和关键词
    栅格标准(主要用作网页排版和印刷)
    空间与留白方面的说明(设计的松紧度等)
    关键点的说明(团队成员可能会提出的问题或者有待澄清的点)

    在内容表述上不要限制太多,这毕竟是风格指南,重点是视觉上的引导,设计是核心;
    将相关、相联的条目整合到一起做快速指引:一个页面介绍色彩,在另外一个页面做排版的规范等等;
    用图片案例来展示界面应有的外观,而不要单纯用枯燥的文字来做介绍;
    提供可用的具体说明。比如配色方案中提供色彩的RGB或者CMYK的具体值,确保色彩的运用能够一致;
    将一部分的设计案例分解说明,确保每个元素的功能和使用规则都足够明晰;

    2017-05-22
  • 交互设计GSM数据模型浅析

    交互设计GSM数据模型浅析GSM Data Model Analysis Of Interaction Design你是否记得:“那年那天那间会议室,激情四射,实际是射击狮与产品狗在设计方案上斗的你死我活”你是否还记得:“老板、甲方、PM对你的质疑:设…

    2017-08-04
  • 5个关键词看小程序和App的UI设计异同

    微信总喜欢在深夜推出一个大新闻,昨晚10点,小程序开放公测的消息一出,我公号的文章都推不出去了,一直显示系统繁忙,那得是多大的流量啊,心里暗想,能分我一点零头就好了,估计是我想多了!

    2017-05-16
  • 今天的互联网设计师很有“钱途”,如何才能更好地理清自己的发展方向?

    哪种设计师价值更高?如何才能更好地理清自己的发展方向?本文将对交互设计师(或者称UI设计师)发展的三部曲——器、势、人分别进行讲述。全是干货分享,好好吸收吧,因为这三部曲基本会贯穿你的职业生涯。我要不要学XX软件啊?软件要不要报班啊?一个四十岁的土老板,每天最多的事就是接打电话。老板每天可能会打几百个电话,这个频率是你们想象不到的,他可能随时随地都在打电话,而很少用微信、QQ。传统手机接打电话非常方便,按下按钮或翻盖闭眼都能接电话,用智能机反而不方便,所以他希望自己用的还是传统手机。但是传统手机太低端了,老板担心同行和下属嘲笑他,就很纠结——于是我们的手机就诞生了。任何项目第一保证的都是效率。

    2017-05-17