2007-09-19
出错页面的情感设计
关键字: 用户体验 情感化设计
UCDChina有一篇新的文章讲视觉设计的准确性,其中最后举了一个例子讲出错页面:

作者对此的解说是:第一张是我搜索到的错误表现图,想必大家都见过,如果你犯错的时候出现了,你会想到什么?第三张图的淘气鬼脸图,我以为我成功了;第四张图的表现让我以为是在警告。只有第二张图让我意识到我失败了,并且有趣味性。
但是我有不同看法,我在留言里写到:
如果你没有数据说话,那纯属个人喜好。

作者对此的解说是:第一张是我搜索到的错误表现图,想必大家都见过,如果你犯错的时候出现了,你会想到什么?第三张图的淘气鬼脸图,我以为我成功了;第四张图的表现让我以为是在警告。只有第二张图让我意识到我失败了,并且有趣味性。
但是我有不同看法,我在留言里写到:
如果你没有数据说话,那纯属个人喜好。
比方说,偶就不喜欢qq那个——哭,哭你个鸟啊!你是要老子(用户)哭,还是(你服务商)准备装疯卖傻博取同情啊?
相反,第一张图表达了尴尬和惊讶的情绪,而出错的时候,用户的反应多数是惊讶(咦……),服务商的反应应该是尴尬(Oops…)。所以这个图很好的同时表达了双方的情绪。感同身受,加上趣味性,正是到达了情绪化设计的高度!
当然我所表达的意见也是个人意见,所以,你的看法呢?评论
protti
2007-10-25
没什么不好 如果是网站这种提倡视觉冲击的项目 给他个NO.1图片无伤大雅
如果是比较严肃的项目 比如国家机关....... 最好低调一些
如果是比较严肃的项目 比如国家机关....... 最好低调一些
javavsnet
2007-10-12
这个很有意思
http://www.libria.net/lib/404/404.html
http://www.libria.net/lib/404/404.html
Lucas Lee
2007-10-12
LZ观察得很仔细!
说得也不错,用户的体验就是应该这样去提高。
说得也不错,用户的体验就是应该这样去提高。
BaSaRa
2007-10-12
“请联系你的提供商”是我见过的最垃圾提示语
说实话,我比较喜欢第4张图片
说实话,我比较喜欢第4张图片
BaSaRa
2007-10-12
“联系提供商”是我见过的最垃圾的帮助语...
花花公子
2007-09-20
国内的都太弱智,而且抄袭严重
推荐smashing magazine上的http://www.smashingmagazine.com/2007/08/17/404-error-pages-reloaded/
推荐smashing magazine上的http://www.smashingmagazine.com/2007/08/17/404-error-pages-reloaded/
珂儿
2007-09-20
要是我设计的话,我选择第四种....
因为做的是应用软件而非游戏\网站之类的,严谨性还是需要的...:)
因为做的是应用软件而非游戏\网站之类的,严谨性还是需要的...:)
Somerset
2007-09-20
关于ui,有个经典的例子就是:如果某个功能不可用,是隐藏掉按钮,还是灰掉按钮,还是点击按钮后弹出提示。答案是:看你的设计意图和软件整体风格。如果仅仅片面得用一个截图,一个片断,是说明不了问题的。
Somerset
2007-09-20
只要出错信息和版式没变,用什么图都一样。
我觉得作者是缺乏实际的ui设计经验的。只是凭空想象而已。
我觉得作者是缺乏实际的ui设计经验的。只是凭空想象而已。
Xiaohanne
2007-09-20
【对不起看来你遇到了一只企鹅】
【你的刷新被艾泽拉斯大陆抵抗了】
你们对这个出错信息怎么看
【你的刷新被艾泽拉斯大陆抵抗了】
你们对这个出错信息怎么看
cnfree
2007-09-19
出错不怕,重要的是如何弥补出错给用户带来的损失,相比之下,我就是喜欢QQ哭,呵呵。哪张图片都无所谓,但是如果是提交表单出错了,我后退,把我填的数据都弄丢了,那我一定会骂娘的。
小天蝎
2007-09-19
在不同性质的系统可以使用不同类型的图片,把以上4幅画分别放到不同的环境中,性质与图片意境融合,那没什么不好。
同意上楼的上楼的部分观点。
同意上楼的上楼的部分观点。
ronghao
2007-09-19
我觉得确实很重要,会影响用户的情绪。第二张让人感到沮丧,第三张让人怀疑出错是故意的,最后一张让人反感-又不是我的错!
treenode
2007-09-19
我认为这个例子本身就是糟糕的。出错以后用户才不会关心页面是否表达了他的感情,设想你和一个人一起工作,那么他出错后你关心的会是什么问题?就算他作出和你一样的表情,对解决问题有帮助吗?
所以这个场景下面最关键的是把“请联系你的提供商”这种毫无意义的鬼话去掉,改成更富有建设性,能够帮助用户继续操作的提示,或者至少告诉用户出了什么样的问题。过大的图像反而掩饰了问题的核心所在。不论选择什么样的图像,这些设计都是失败的。
所以这个场景下面最关键的是把“请联系你的提供商”这种毫无意义的鬼话去掉,改成更富有建设性,能够帮助用户继续操作的提示,或者至少告诉用户出了什么样的问题。过大的图像反而掩饰了问题的核心所在。不论选择什么样的图像,这些设计都是失败的。
ddandyy
2007-09-19
无所谓
一般只看字
图片是用来强化记忆的
因为读字比较慢
下次再看到这图片立刻就明白
一般只看字
图片是用来强化记忆的
因为读字比较慢
下次再看到这图片立刻就明白
发表评论
提醒: 该博客已发表在公共论坛,博客所有留言会成为论坛回贴,留言请注意遵守论坛发贴规则
- 浏览: 139387 次
- 性别:

- 来自: 上海

- 详细资料
搜索本博客
最近加入圈子
最新评论
-
一个嵌入式HTML引擎
这个引擎的源码在什么地方可以下阿
-- by lizhaosuper -
注册Facebook的一点点用户 ...
注册验证码确实有点变态。好在只是一次性的。我经常看到一些网站每次留言都要验证码, ...
-- by hax -
注册Facebook的一点点用户 ...
那个注册验证码太强了点
-- by jinhao7773 -
注册Facebook的一点点用户 ...
第一次使用facebook也发现了这点。他的工作很细致。
-- by wutao8818 -
向左转?向右转?
这个论坛有人发过了
-- by lonelyblue






评论排行榜