以用户为中心的设计

确认页的设计 (三) - 一些注意事项

作者:Heidi  |   发布: (编辑)稻草   |   时间:2009-05-12 23:14:13 文字大小:- +

白话大原则:

让我立马注意到——否则就没必要确认。
必须得与当前页面区分,凸显出来。所以一般二次确认页面弹出时,当前页面应该屏蔽使用。

让我不反感——除非想赶走客户。
视事件本身的严重程度采用适合的图标(信息、错误、问号)、措辞,视觉变化不至于太过突然。

让我一看就知道如何选择——稀里糊涂,词不达意的二次确 认是最要命的
已经干扰了正常流程,再让用户在一个弹出页面上思考不知所措?
短句子,不兜圈,信达雅的文案,与文案相符的操作。

这些大原则有效的前提是:确实是必要的时机。——你的二次确认页真的是必要的吗

注:以上大原则,heidi原创,不可照搬,谨防出错。

注意事项:

  • 时机——确认是必要的时机(我怎么这么罗嗦呀)
  • 形式——是不是采取了合适的形式(有哪些形式?),注意不要用二次确认页鱼目混珠,我看到很多网站把成功页面做成像二次确认页一样,居然还有个感叹号来警示用户“操作已经成功”……
  • 文案——这个太重要了,呆会单独说。
  • icon——这个太重要了,呆会单独说。
  • 出错控制——heidi在这里定义的出错控制是:二次确认页应该给出建议性的下一步操作,默认的动作。
  • 结构——这个页面不需要太多创新,最保险的方式就是照顾用户已有的习惯,用主流的结构去呈现。

文案太重要了

1. button的文案——需要让用户思考。

很多时候我们发现一个页面很莫名其妙,很不容易理解,仔细看看,原来是文案没有传达清楚。

如果二次确认页面也出现含糊不清,模棱两可的文案,那是最糟糕的事情。

大家看得明白下面三个二次确认页的区别吗?——资料来自《windows vista UX guide》

三者的区别在于button引导文案,先使用官方资料:

第一个二次确认页面:windows认为是不合理的二次确认页,因为它起不到该起的 作用,因为用户本身就是通过点击“uninstall”操作看到这个页面,当他看到button上的文案还是“uninstall”的时候,他几乎不会去 阅读二次确认的问题和描述,直接就会点击“uninstall”。而windows认为二次确认页至少是需要用户思考一下再做操作的(不然还真的没必 要)。——Do make me think。

第二个二次确认页面:windows认为是合适的,使用yes和no作为button的文案,用户在点击前,至少会思考一下yes和no分别对应的后果,因此他会去看描述。

第三个二次确认页面:windows认为也是靠谱的。一个简单的anyway作用很大……体会一下。

Yes/NoOK/Cancel的button文案搭配大家似乎在英文站点上司空见惯了。好像是可以相互替代的是吗?

这是一个被我YY出来的案例,但是实际上确实存在着。现实生活中,某个人负责写二次确认页面文案,但是button上显 示的文案有时却得走"规范",统一使用YES或者OK(比如),至于点击了button到什么页面是由设计师和工程师决定的。就会导致以上矛盾的情 况:button和文案牛头不对马嘴,点击后却又是另外的情况……

2. 页面的文案——足够的信息讲明白后果。

你会经常被这种页面搞得很苦恼,你确定吗?你真的确定吗?你考验我的智力还是判断力还是耐力?

ICON可不能乱用呀

icon很美观,似乎很多设计师总是想用一个icon点缀一下二次确认页。

但是我有时不明白,为何经常会出现一些不合时宜的icon倒了我的胃口。

即使不是二次确认页(向左侧的这个可怜的成功页面,却被用了警示的icon,实在匪夷所思)

所以,翻翻《windows vista UX guide》发现还是有一些有用的总结的:

《待续》

更多
打印  |  相关话题:确认页的设计   |  类别:信息和交互   |  源地址

UCDChina的书

《UCD火花集2》封面
UCDChina编著,定价35元
从卓越网购买 从当当网购买

《UCD火花集》封面
UCDChina编著,定价25元
从卓越网购买 从当当网购买

《应需而变——设计的力量》封面
UCDChina团队成员JunChen译,定价29元
从卓越网购买 从当当网购买

《网页设计解析》封面
UCDChina团队成员周陟著,定价62元
从卓越网购买 从当当网购买

《赢在用户》封面
UCDChina团队成员Angela译,定价29元
从卓越网购买 从当当网购买

《用户体验的要素》封面
UCDChina团队成员Angela译,定价25元
从卓越网购买 从当当网购买