这些体验设计中易被忽略的细节,你都知道吗?

前几天我在使用「潮汐」APP的时候,发现了一个很有意思的设计。当我在APP中设置好第二天的闹钟,然后准备刷会儿新闻睡觉的时候,很自然的就唤起iOS的任务管理界面准备切换到微信,我发现「潮汐」APP的界面有了如下图的变化。

「潮汐」本身会在你进入睡眠的前一段时间播放白噪音助眠,当然如果你关闭退出应用,他也就无法继续播放并且也无法执行第二天的唤醒操作了。那我们知道,在用户唤起iOS的任务管理界面时,其中有一种操作可能就是上滑退出应用,所以「潮汐」在这个时候提醒用户,可以有效的避免用户因误操作所带来的严重后果(第二天的闹钟没响)。

随后,我也带着这个发现请教了iOS开发的小伙伴,确定了在iOS系统中,唤起任务管理界面时,可以对应用界面做出适当的调整。

通过这个例子,我发现有一些小细节,在平时的设计工作中是很容易被我们忽略掉的。下面就是我询问了几位设计师小伙伴,并结合自己平时工作的,整理出来的7点容易被我们忽略的小细节。

目录

1、音量提示

2、截图提示

3、无障碍设计

4、图片边界

5、iOS 任务管理器界面

6、iOS 3D Touch

7、iOS 小组件(widget)

音量提示

当用户沉浸在Feed流中观看短视频并进行音量调节时,iOS默认的音量条会对内容遮挡影响观看体验。我们可以通过对音量提示条的优化来避免这一点,如下图:

西瓜视频在3.0的更新中,就标准屏和全面屏分别进行了音量条的优化。标准屏的音量条移至屏幕上方状态栏的位置;全面屏的则移至屏幕左上方时间的位置。这一优化大大降低了音量条对用户观看视频的影响。

截图提示

用户在使用产品的过程中,截图的目的无外乎以下几种:分享给他人、反馈产品问题、留存备份。那么除了留存备份是因为截图直接保存进相册,不需要我们多做什么,其余两个可能的行为我们都可以帮助用户缩短操作路径。以往的操作路径是用户截图之后,进入相应的好友列表或问题反馈页面,然后从手机相册中找到刚才截的那张图,再发送。而我们可以通过对用户截图操作的监听,在他们截图之后,给予一个分享或是反馈问题的入口,直接帮助他们完成操作。既缩短了操作路径,也会让用户觉得我们的产品很贴心。如下图:

滴滴在截图之后,会有「反馈问题」、「联系客服」和「分享页面」的三个快捷入口,点击这些入口可以直达相应的界面;飞猪在截图之后,同样会有「好友分享」和「问题反馈」这些快捷入口。

说到这里,可能会有小伙伴提出疑问,如果用户只是想留存备份,那这些提示会不会打扰到用户呢?其实不然,这些提示都是以非模态弹窗的形式出现,不会影响到用户进行其他操作,而且如果不去理会这些提示,过一段时间它也会自己消失掉。

无障碍设计

由于越来越多的残疾人、老人成为互联网产品用户中的一员,无障碍设计也就成为我们在设计产品时不可或缺的一环。如下图:

高德地图在地图设置中,有一个「色盲模式」。当开启色盲模式之后,表示实时路况的颜色就由绿黄橙红变成了紫黄棕黑,可以有效帮助色盲或是色弱的用户接收路况的拥堵信息。

图片边界

我们在做设计稿时,自然会选择一些精美的高质量图片作为配图。但在实际应用中,某些需要用户自己上传图片的模块,比如动态、头像等,我们就无法把控了。很有可能用户上传的图片背景与界面背景一致,这就会导致阅读这些图片信息的用户无法辨别图片的边界,从而认为它们与背景对比清晰的图片有所差异。如下图:

其实我们完全可以人为的增加一个图片边界,如下图:

爱奇艺的泡泡中,用户上传的图片都被加上了灰色的边框,那些背景与界面一致的图片就很容易辨别了,并且看起来它们与背景对比清晰的图片并无差异。

iOS 任务管理器界面

正如本文最前面提到的,iOS系统中,唤起任务管理器的时候,页面的状态变化也是经常被我们所忽略的。当用户唤起任务管理器时,他可能是要切换到其他应用或者是退出某个应用,我们就可以提示他退出应用会中止当前正在进行的某项重要任务,以避免用户误操作造成不必要的损失。此外,某些隐私性很强的应用,比如理财类,医疗健康类,相册类等也可以在唤起任务管理器的时候,将界面做模糊处理,以防隐私通过这个状态泄露。如下图:

蚂蚁财富作为一款理财类的应用,才唤起任务管理器的时候,选择将界面做模糊处理,可以有效避免用户的资产信息遭到泄露。而前文提到过的潮汐,则是提示用户退出应用的所造成影响。

iOS 3D Touch

说到iOS系统,还有个不得不提的3D Touch。因为3D Touch操作的冷门性,导致很多用户甚至是设计师都快忘了iOS还有这么一个快捷操作的入口。在某些需要快捷操作的场景下,比如扫码、付款等,如果打开APP操作会需要8-10秒,而使用3D Touch则会将时间缩减至2-3秒(3D Touch可以直接跳过启动广告)。所以,在这些场景中它的应用性是很强的。正因为如此,3D Touch操作列表也是我们设计时不容忽视的一块。如下图:

美团外卖的3D Touch仅保持了默认的分享操作,大众点评的则增加了扫一扫、付款码、查商户等高频操作。此外,手机天猫的3D Touch列表还支持个性化定制,让用户根据自己的操作习惯来设置属于自己的3D Touch菜单。

iOS 小组件(widget)

在上一个3D Touch的大众点评案例中,我们可以看到有一块内容是叫小组件。那么小组件的作用也可以看作是一些快捷操作的入口,当然,小组件还有另一种呈现方式——在主屏幕的时候向右滑动,进入小组件列表。如下图:

除了快捷操作,我们还可以直接在小组件中浏览信息,比如天气、证券等。我们可以将小组件看成是一个APP的mini模式,把最重要核心的功能置于此处。

总结

作为设计师,我们在设计时除了考虑界面的基本状态外,同时还应该考虑到各种各样的突发、异常状态;除了考虑普通用户的体验外,同时还应该考虑到特殊用户的体验;除了考虑常规的操作外,同时还应该考虑到系统平台提供的便捷操作。以上7点仅仅是易被忽略的细节中的一小部分,大家在平时可以将看到的那些——有趣的、差异化的、令人惊喜的细节记录下来,不经意间可能就会对我们的产品设计提供很大的帮助。

参考

这些基本的提升产品体验知识你应该知道

西瓜视频 3.0改版总结

被我们忽略的无障碍设计(色盲篇)

海盐社(公众号)
作者: 海舟

(0)

相关推荐

  • 你的设计有依据吗?详解用户体验设计中的规律与逻辑

    这篇文章主要讲解用户体验设计中的规律与逻辑,让设计不再是纯感性的产物从而减少工作中的沟通成本."好的设计,当它变得好时是不可见的.只有当它设计的不好的时候,我们才会看到它,可以将它想成房间里 ...

  • 用户体验设计中结果页设计的几点思考

    8月初从电商行业跨度到互金领域,在视觉改版中体验了很多的产品,其中对结果页的再设计有了一些新的思路与总结. 无论是电商还是互金行业,用户对支付过程中的体验是至关重要,这直接影响到了最终转化率.一般来说 ...

  • 体验设计中的仪式感设计

    过去这100多年里不同时期设计主义的演变,与环境趋同.历史.经济.社会与人的需求变化息息相关.互联网设计演变也是如此. 一.历史趋势与当前环境 在王受之<世界近代现代设计史>中讲述了近代设 ...

  • 用户体验设计中的分步导航

    设计大型电商网站或者复杂的在线服务时,你很可能需要设计一套系统,来梳理顺序与结构.把它设计得简单直观,让用户顺利通过,是提升转化率的关键.沿途所有的挫败都可能导致他们离开,去选择其他的产品. 易用的分 ...

  • 7个基础的用户体验设计细节

    优秀产品的用户体验设计是贯穿整个设计过程的,从最早的设计阶段便已经开始.所以,完成产品所有的部分之后再想办法为其补做"用户体验设计"是不可能的--你需要打一开始就就将其放在心上. ...

  • 用户体验设计发展简史你知道吗?

    小编:用户体验在产品设计中有着举足轻重的地位.那么你知道它为什么这么重要吗?让我们一起去了解下用户体验设计的发展史吗? 在聊用户体验之前,先回忆一下上一次去餐馆吃饭的经历吧. 是什么让你选择这家餐馆? ...

  • 在移动界面设计中应用费茨法则

    在人机交互理论中,费茨法则是非常基本的准则.无论是桌面界面设计还是笔记本的界面设计,都要遵循这一定则,对于日益复杂的移动设备来说,这一法则是否依然适用?我们一起来探索一下. 首先,来了解一下什么是费茨 ...

  • 如何进行用户体验设计

    用户体验设计从用研到开始发布上线,有一个非常周密的设计流程,过去我们做PC桌面产品,一年发一个年度版本,设计时间比较充裕,但在讯息万变的多屏,跨终端的移动互联网时代,就有些拖节奏了,下面,我将以我自己 ...

  • 制造运营设计中打动人心的情景体验

    小编话:今天的文章是来自aliued分享的如何制造运营设计中打动人心的情景体验.什么样的设计更能打动用户?这应该是作为设计师的你应该思考的核心问题.文中分享了四种设计法则,值得大家认真一读. 遇到问题 ...