沉浸式用户体验设计—如何降低APP跳出感
- Apr 2, 2017
- 2 min read
前言：
沉浸式用户体验近年来经常被谈及，但是什么样的交互设计才会为用户营造沉浸的环境呢？
这里介绍一个我在设计中会用到的方法和思路，主旨就是为了让用户尽量少的有跳出感，沉浸在我们的交互设计之中。
这里我提到了“跳出感”，这个词是我在跟以前同学讨论是谈到的，跳出感我们理解为“跳出当前APP的感觉”，简单的说就是避免用户在使用APP的时候有“跳”的感觉。举个例子，我们如果需要去一个远的地方，需要乘坐交通工具，我们希望是只乘坐一种并且只乘坐一次交通工具。
如何能做到用户在一个应用里跳出感比较低？
用户在使用APP时接收到的视觉听觉触觉体验都是统一的、连贯的。
我总结了以下几个要点：
• 用户看到的色彩是统一
chrome icon-启动页
滴滴icon-启动页
• 用户接收的信息是连续的
• 屏幕中新出现的事物是被引出来的
常见的几种降低跳出感的处理方式
• 微动画
微动画可以处理页面切换，处理用户等待，形状的变换等。制作微动画的一些注意事项。
- 动画的意义符合当前的状态
- 动画不能抢了当前页面的主题
- 动画的时间不能过长
- 动画的加载不应给系统带来过大负担
- 条目到栏目，栏目到页面都可以适当增加微动画
这部分网上分享较多，我就不细说了，微动画创意是关键，要多实践，饿了么与飞猪的下拉加载做的根绝很好。
• 模态与弹窗
模态与弹窗的使用可以让用户停留在当前页面，当前页面的信息保留让用户知道自己的操作没有被意外中断，处理的信息还被保留。
滴滴弹窗方式注册
模态搜索
- 模态和弹窗内的交互应该是简单的；
- 操作应该是单一的；
- 用户的主题和任务只有一个；
- 使用要适度，不可以代替页面；
• 栏目的收起与展开
栏目的收起与展开，可以让用户在有限的空间内看到更多的主题信息，用户选择自己感兴趣的信息去阅读。
- 分清主次信息，次要信息收起。一些次要信息，老用户熟知的信息都可以做收起处理。
• 画面过渡，页面切换
- 画幅间的切换可以采用剪辑电影过场一样去做一些切换处理
- 小图与大图的切换
总结
在这些状态变更的地方，我们设计师应该去注意采用一些方法为用户创造沉浸式的体验。
Comments