连续性的设计——改善产品的体验
“当一个人过马路的时候,他在斑马线上是从马路的一端,走到另一端。”
· 我们可以观察到这个过程的变化。
“种子、发芽、最后开花。”
· 种子到开花的过程我们很少会看到,那是因为它的变化速度很慢,需要几周甚至更长的时间。
· 而这个过程通过监拍摄像机快速回放时,我们也可以看到过程的变化。
…
现实世界中,我们所感知的事物变化,都是连续的。
相反
人们制造的科技产品中,却存在很多不连续的体验,比如街边的红绿灯、饮料机…;
在计算机网络中,网页的设计也存在不连续的问题。
需要关注的
在设计一个互联网产品的时候,不仅仅只是考虑界面上的图形表现、布局排版… 其实还需要考虑到体验的连续性。我们应该关注细节,每个可操作的环节。设计师们(产品、交互、视觉设计…)都应该确保每时每刻产品的体验都是完美的。
现实中的连续
“门在打开/关闭时”,我们可以观察到它的变化的。
关闭的门 > 打开的门 。过程:从下往上收起。
实际的例子,这里是腾讯大厦某一楼层:
过程:从中间往左右收起。
以上例子中,我们可以观察到:门什么时候打开;什么时候可以进去。
现实中的断续
“自动投币饮料机,它的操作让人感知是断续的。”
饮料机的操作步骤:投币 > 选择饮料 > 拿到饮料
以上例子中,我们只能通过声音判断机器是否正在运作。
如果不再听到机器运作的声音;等了很长时间,饮料还没有出来;那是在说饮料被卡住了?机器坏了?
“红绿灯”
红灯表示停车
绿灯表示通行
驾车在十字路口,我们经常会发现等红灯的人多数时候会在绿灯亮时没注意到,而受到的困扰是后面的车会不断地鸣笛,直到前方的人意识到绿灯已经亮起,可以通行。
发生这个问题在于红灯到变换绿灯的过程,是没有任何过渡或提醒的。大部分都是直接变换。
同样,腾讯大厦的电梯间,没有人可以知道这个电梯什么时候到达该楼层。当想上、下楼时,等待电梯到达是一个很漫长的时间,我试过在中午高峰时期等了半小时,最后放弃改走楼梯。
这里的问题也类似红绿灯:等待电梯到达的过程没有明确的提示,不知道什么时候哪一部电梯会到达。甚至是电梯发生了故障到不了,也不知道。等待时间过长,容易让人产生焦虑。
网页中的连续
flickr批量管理的界面
(访问 http://www.flickr.com/photos/organize)
Qzone照片上传界面
(访问 Qzone 的相册>上传照片)
Qzone个人中心动态
(访问 Qzone 的个人中心)
以上的例子中,用户在感知这些变化的过程时,可以预知到将发生什么变化。
此外,在Flickr批量管理的界面中可以发现,除了等待过程的动态效果,更多的是,在鼠标经过可操作的位置时,动态效果暗示着区域中有可操作的元素,同时也暗示着如何去操作。
网页中的断续
Qzone导航项切换的时候
(访问 Qzone 的日志)
QQ农场偷菜
(访问 Qzone 的个人中心>QQ农场)
有时候单击偷菜,没有反应;重复单击很多次… 依然显示“可摘”。
以上的例子中,缺少等待过程的提示,容易产生误会,造成重复的单击操作。
连续的好处
· 不打断用户的任务流──每个人都希望他的目标可以实现;用户在每选择一个操作时都希望当前的任务是连贯的。
· 让产品设计更贴心,提高易用性
断续导致的问题
· 断续会让人没有预期、无法预知结果。
· 面对自动售卖机会愤怒、等待红绿灯会不知所措、等电梯时焦虑…
· 网页还没有打开,重复点击刷新。等待时间太长,离开网站。
· 网站的高级功能不知道怎么用
…
网页中为什么会产生断续的界面?
网页的后台运作就好像变魔术一样:
1. 用户激发一个操作 ── 鼠标单击一个超链接,从导航上的主页切换到日志
2. 发送一个请求到服务器 ── 服务器收到请求,处理,返回结果
3. 返回一个结果给到用户 ── 页面内容刷新了
单从技术层面把内容呈现给用户时,则只会有1、3;断续的原因在于,2没有呈现给用户。
如何改善这样的断续变成连续?
简单来说,让“过程”有“提示”动画。
这些过程包括:
· 鼠标经过
· 鼠标单击
· 键盘
等操作行为,包括现在的触摸屏设备。
“提示”动画
Gmail邮箱载入界面
等待过程采用动画的进度形式,减少用户的焦虑;
等待时间过长时有其他的选项,使得产品更贴心。
什么时候需要提示?
对于网页中的时间,大家比较认可的方式:
0.1 秒 在该时间内显示反馈结果用户是可以接受的。
1.0 秒 是用户保持不间断的思维流的限定时间,用户会注意到这样的延迟。
10 秒 是保持用户关注当前对话框的极限时间。
·如果没有特别的信息反馈超过0.1而少于1秒,他们会比较难以忍受。
·对于长时间的延迟,用户会想在等待完成期间处理其它事务。所以需要显示将要完成的时间(通常选择进度条或百分比来表示),不然用户期待会大打折扣。
什么时候需要动画?
· 隐喻的操作──文字链、按钮、某个操作区域(鼠标经过高亮突出可点击)…
· 等待的过程
· 操作的结果──下拉列表菜单单击后展开的抽屉列表、拖动后的位置、删除后将会消失…
另外一个特别的例子:
Mac OSX系统中,最小化窗口时的动画效果,告诉用户最小化窗口的位置:
动态中的微妙设计
Android(htc sense)
单击、选中都采用绿色高光的动态效果。单击某个项目后,动态效果暗示着已经激活并运行了这个项目。
我经常有这样的烦恼:
“我明明点了,怎么没反应?”,重复单击尝试。—— 用户经常不确定是否已经激活了
缺少选项激活过程的提示──没有一个动态效果告知用户:系统正在处理请求。
Ipod
单击、选中都采用蓝色高光的效果。表面上看,和android的操作效果毫无区别。
单击音乐播放,这个过程偶尔需要花点时间等待,它将选中的效果一直呈现。
选中状态的保留,隐喻了选项被激活── 使用中发现,将单击的效果保留可以避免误会。
不用冗余的激活过程提示──大多数人并不会觉得有延迟。一般情况下,加载过程只在几秒之间(可接受的范围)。
如何改善我们的产品?
红绿灯例子中,在红灯到绿灯的过程,添加以下某种方式:
1.最后几秒会闪烁
2.加上倒计时
3.利用声音快慢来告知,也方便了盲人
4.沙漏的形式
Qzone导航项切换的例子,可以添加等待过程的提示,避免用户重复点击或等待时间过长离开。
还有很多需要我们一起思考、探讨的,如何让产品体验更贴心…
转载于:https://blog.51cto.com/lya041/696558
连续性的设计——改善产品的体验相关推荐
- 产品设计如何提升客户体验?
在现如今多元化的市场发展,产品设计和制造不局限于制造企业,因而相近产品的选用愈来愈多.各行各业都在思索如何提高产品与顾客中间的黏性.由于产品设计公司归属于设计领域,因此在做产品设计前一定要进行市场调查 ...
- 迅速提高产品用户体验、交互、界面设计的几个绝妙方法
我们的产品为什么会吸引人?为什么便于推广?为什么能保持活跃度?除了内容和功能满足了用户需求以外,很重要的原因是产品在设计层面符合了大众的口味.有人可能觉得是在谈时尚范畴的东西,这只是一方面,更多的在于 ...
- 互联网产品用户体验设计的三大定律
好友发过来一PPT,文件名是互联网产品的体验设计,认真看完,收获颇多,其中印象最深刻的是用户体验可用性的三大定律,正好FasterSoft正在打造互联网精品平台iWorld,最需要的时候好东西就上门来 ...
- 如何设计一个完整的交互流程,提升产品用户体验
交互流程设计是一项关乎用户体验的重要工作.通过设计和规划用户与产品或服务的交互方式和流程,我们可以提高用户的满意度和使用效果.在本文中,我们将深入探讨交互流程设计的关键要素以及其对用户体验的重要性. ...
- 关于如何改善产品体验和最大化客户价值的 9 个技巧
客户反馈是在每次产品发布中提升产品体验和最大化客户价值的关键. 如今,随着公司驾驭数字化转型,最大限度地利用时间至关重要.产品驱动的组织通常知道他们希望在下一次更新或发布中开发的首要项目. 如何在只有 ...
- 基于用户体验的设计思想和用户体验概述
用户体验的定义 ISO 9241-210标准将用户体验定义为 "人们对于针对使用或期望使用的产品.系统或者服务的认知印象和回应".因此,用户体验是主观的,且其注重实际应用. ISO ...
- 丝芙兰(Sephora)和悦诗风吟(Innisfree)如何用“购物篮”改善顾客购物体验
Guofu 的 第 36 篇 文章分享 2022年 第 11 篇 不知道客户在想什么,你永远没有机会去改善客户的体验. 回想下去线下门店买护肤品的经历,你一定有过这样的体验.有时候逛街只是想简单地看看 ...
- 软件实训之从调研到设计,产品设计的从0到1
软件实训之从调研到设计,产品设计的从0到1 内容关键词:调研.设计.产品 课程: 软件项目实训 授课老师:张森鹏(新浪ID:sunlifestyle,中城投丝路.720科技) 知识来源: 网络资源 ...
- 产品用户体验的五个层次
<用户体验要素>产品用户体验的五个层次 说到用户体验,大家都已经耳熟能详了.无论是互联网产品还是传统软件行业的产品,都越来越重视用户体验,都已经把用户体验提示到一个新的高度.大家谈论用户体 ...
最新文章
- C语言字符串哪个头文件,如果在程序中要使用C语言的字符串处理函数,应在程序中包含这哪个头文件。...
- 如何在自己开发的日程管理页面插入提醒功能_微信中6个藏得很深但却很有用的功能...
- 非平衡数据处理方式与评估
- 书多嚼不烂,看书的方法
- iOS屏幕适配方案-Auto Layout
- git object 很大_这才是真正的Git——Git内部原理
- 三星明星机又悲剧了!万元折叠屏,玩不过2天,组团黑屏,蜜汁凸起
- 超详细教程解决Win10计划任务定时重启jar服务
- 14-英伟达NVIDIA显卡驱动下载与安装
- 时间片轮转调度算法详解
- 奔图打印机linux驱动rpm,奔图P2500打印机驱动
- 随处可用的坐姿小帮手,还能按摩热敷,荣泰P30按摩坐垫体验
- ACL2021_Lexicon Enhanced Chinese Sequence Labelling Using BERT Adapter
- (转载)SoftIce的安装、配置以及一些基本操作
- Mysql sql执行错误#1436 Thread stack overrun:
- QQ邮箱无法接受Python SMTP/POP邮件解决方案
- 6264.斐波那契(快速幂)
- ssdt函数索引号_获得SSDT函数名和索引号的代码
- 卷积在深度学习中的作用
- hooks-riverpod 使用
热门文章
- 实战系列-Java中线程安全集合类(二)
- android手机 环境变量 文件,【图片】【教程】配置安卓Java环境变量【手机端反编译吧】_百度贴吧...
- mysql+美团点评_MySQL之安装美团点评的SQLAdvisor
- Nginx的五大应用场景详解
- 机器学习基础---超参数和验证集
- 跟着动画学习 TCP 三次握手和四次挥手
- C#移除HTML标记
- Android的xml/assets/raw资源使用具体解释
- 使用Axis2方式发布webService实例说明
- Jinja2学习笔记暨官方文档的翻译 -- 转载