牛站长论坛

 找回密码
 开放注册
搜索
【诚招渠道】你出渠道我出钱!网站解决方案专享优惠-3折上云
阿里云 云产品降价50%通达OA办公系统免费申请
查看: 7361|回复: 2

用户体验设计中那些针对「等待」的好设计

[复制链接]
发表于 2016-11-24 12:01:25 | 显示全部楼层 |阅读模式
阿里云ECS
腾讯云服务器安全可靠高性能,多种配置供您选择
人机交互中的等待,简单可以看做以下过程:
我们的设计目标,是尽可能减少用户感知到的等待时间。我能想到的,有如下几种方式:
1. “欺骗”用户,隐藏等待
例如, 微信和Path分享图片,点击“发送”,图片立即出现在时间线上。实际上并未上传到服务器。用户直接收到“发送成功”的视觉反馈,而上传的过程被隐藏了。 涉及状态切换的按钮,比如“喜爱”、“收藏”,一般会先给用户一个操作成功的视觉反馈,无需等待服务器返回“操作成功”的实际结果。这样的好处是,大多数情况下用户不需要焦虑等待内容上传完毕。坏处是,偶尔网络连接不好,用户的获得反馈和实际情况不一致。
示意图如下:
2. “欺骗”用户,缩减等待
这种方式我只想到一个案例,就是大家耳熟能详的 Instagram 提前上传策略(Secrets to Lightning Fast Mobile Design // Speaker Deck):
示意图如下:
3. 将模态的等待,转化为非模态的等待
Weico 客户端有一个非常贴心的特性。当用户点击一个网页或视频链接时,用户不会被锁定在一个模态的加载状态,链接内容会以小窗的形式在左下角不影响阅读的区域进 行非模态加载。用户可以继续浏览微博时间线,直到内容加载完成。令人焦虑的等待时间被用户的持续浏览消解了。
示意图如下:
4. 以上三种都是通过对流程的设计来减少或化解实际等待时间。而在交互设计中最常使用的手法,应该是通过不断给予用户当前状态反馈,从而缩减感知到的等待时间,即过场、加载动画等。
这是一个蛮大的话题,以个人能力无法展开阐述。有兴趣的同学可以去玩一下这个东东:http://jsfiddle.net/gUkgX/1/embedded/result/
尝试估算每种按钮给出结果的时间,你有什么体验?
大概你已经猜到了,每个按钮的给出结果的时间都是10s。但是由于反馈的形式不同,人们感知到的时间也各不相同。以此为启发,再根据实际情况的限制和使用场景,我们可以设计出不同形态的的滚动条、旋转菊花甚至弹幕和小游戏,来降低被感知的等待时间。
----------------------------------------------------------------------
最后再附上几篇交互大神的文章,希望能和大家一起学习交流
如何在“无设计”语境下打磨界面的极致体验?http://k.21cn.com/share/2016/1105/09/9251f4c7a7f27794b40f697f.shtml?o=8680d8a40ca53988ed8f6a54
我对“列表”设计的一些思路http://k.21cn.com/share/2016/1104/09/a8f69094884a5ab74f3ada4c.shtml?o=8680d8a40ca53988ed8f6a54
单选、复选、开关应该如何使用?http://k.21cn.com/share/2016/1103/11/3c60d97fcc8a264d5824b0b5.shtml?o=8680d8a40ca53988ed8f6a54

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?开放注册

x

阿里云数据RDS
发表于 2016-11-24 16:03:31 | 显示全部楼层
正需要呢,谢谢了。

阿里云数据RDS
回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-11-25 10:05:15 | 显示全部楼层
阿里云ECS
腾讯云服务器安全可靠高性能,多种配置供您选择
mmmm45 发表于 2016-11-24 16:03
正需要呢,谢谢了。

随手转发而已@@

回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 开放注册

本版积分规则

Archiver|手机版|小黑屋|通信管理局专项备案号:[2008]238号|合作联系QQ:395110866|牛站长网 ( 皖ICP备08004151号;皖公网安备34010402700514号

GMT+8, 2019-1-23 03:26 , Processed in 0.140624 second(s), 22 queries .

Powered by Discuz! X3.3

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表