建站常识
确认页的设计(confirmation alert)(一)
2009-05-04 08:19:00
以上的那个图,就是本文的主角:二次确认页,她的英文名是confirmation alert。
此文的背景:当时为什么想做这个二次确认页的研究,也是由于当时做的一个项目。当时那个项目出现了很多个二次确认页。
有很多人的意见:
“啥?删除地址也要二次确认?不用吧”
“这里为什么不确认一下呀?直接就提交了?填错了怎么办?”
“删除前,怎么不加个确认呀?”
“……”
确认页越来越多了,在最后大家看demo的时候,又一致觉得我们太罗嗦了。
究竟有没有一些原则和规范可以指导二次确认页的用法的?所以一边做项目,就一边进行一些分析了。最近在研究《windows vista UX Guide》,发现它里面的很多内容非常有营养,也对我之前纯原创内容进行了一些补充。于是分享分享吧,将原来的ppt做了一些摘选如下。
内容:
1. 什么是二次确认页(定义以及特征)
2. 什么时候用?
3. 形式的抉择?
4. 一些注意事项。
一,什么是二次确认页?
二次确认页其实就是Confirmation Alert,属于Alert家族中重要的一员。
英文定义:A confirmation is a modal dialog box that asks if the user wants to proceed with an action.
翻译成汉语大概就是:一个确认页是一种询问用户是否想继续执行某个动作的对话框。
二次确认页面的特点:
直接出现在用户刚刚发起的某个操作之后。
询问并确认用户是否想要继续之前的操作。
一般会包含一个简单的问题和两到三个操作。
二.什么时候用到二次确认?
二次确认的好处是:
减少误点击
避免动作中断时的损失(保存确认)
使操作更加慎重
安全性(有的二次确认还需要用户输入密码)
缺点是:
干扰了正常的操作流程,不恰当的多余的二次确认面还会让客户心生厌烦。
在一些鼓励的流程中,二次确认页还会形成巨大的漏斗效应,直接造成客户流失。
因此,白话大原则:
1、能不用就不用;——什么时候不能用?下文。
2、必要时才用;——什么是必要的时候?下文分解。
3、用了就让人明白。——怎么做?别离开,我们一起讨论一下。
什么时候用呢?
1. 保存确认(Save Confirmation)
例:填写表单中途离开,邮件写了一半关闭浏览器,文档未保存状态下点关闭。
确认的目的:避免误操作或损失。
2. 删除确认(delete confirmation)
例:开心网账户的删除(不能恢复),删除好友或文件等。
注意:并不是所有的删除都需要确认,例外情况有如:频繁的操作(如删除邮件),不重要的删除或者恢复成本较低。
3. 其他重要且后果不可逆的操作
例:淘宝的确认收货并同意放款,百度有啊的撤销退款协议。
确认的目的:告知后果使操作谨慎,避免误操作。
4. 重要且不推荐的操作
确认的目的:通过确认让用户更改选择。
最典型的例子莫过于淘宝的“评价确认”:
二次确认页的特征既然是存在两个以上的操作选择,所以当只存在一种选择的时候,无论页面长得再怎么像确认页,也不是。
例如以下的页面:
【系列文章】——待续:
确认页的设计(confirmation alert)(二)——二次确认页都有哪些形式,如何抉择?
确认页的设计(confirmation alert)(三)——一些使用中的注意事项
原文:http://heidixie.blog.sohu.com/115576055.html
近期更新
- [2025-02-11 14:34:54] 青岛品牌网站定制化设计
- [2023-06-25 23:22:29] 优秀网站设计的五大特点
- [2023-04-27 14:05:55] Html 5 响应式网站设计制作
- [2023-04-10 11:07:30] 网站建设制作流程知多少
- [2022-10-14 10:11:30] 做网站设计应该更看重框架搭建还是视觉观感?
- [2022-08-09 15:57:48] 以“产品”思维搭建网站!
- [2022-08-08 09:12:57] 一家公司的网站应该有哪些板块内容?
- [2022-08-05 09:28:06] 企业网站建设为什么要设置新闻板块?
- [2022-07-04 15:58:06] 网站首页设计的好看,这个网站就成功了一大半!
- [2022-05-20 09:34:19] 网站后台管理系统是什么?有什么作用?
- [2022-05-17 11:29:32] 作为消费者,应该如何选择一家水平高的网站建设公司
- [2022-05-17 11:27:01] 品牌网站定制与模板化网站应该怎么选择?
延伸阅读
- [2010-03-23 08:35:00] 浅谈白社会交互设计的创新(三)
- [2010-07-01 08:18:00] 短兵相接勇者胜—紧张项目管理策略
- [2009-06-10 09:03:00] 以情感为中心的设计(1)
- [2009-06-23 08:11:00] 细节决定成败 总结项目中的交互设计
- [2009-08-03 07:42:00] 如何理解与规划设计师的职业生涯
- [2010-02-01 21:41:00] 交互设计(8)—深广度平衡
- [2010-07-28 08:05:00] 数据与理论结合,让交互设计更专业
- [2010-10-12 08:39:00] 合理限制用户的操作
- [2016-07-28 14:12:42] 网站设计:如何让交互设计更加简化?
- [2006-04-04 16:21:00] 网站制作流程及界面交互设计研究探讨
- [2009-05-13 21:46:00] 谁为用户买单(1)—电子商务网站的交互设计
- [2010-03-20 18:16:00] 交互设计(11)—减少记忆负担