用户体验:网站确认页面以何种形式表现

你会看到很多种二次确认的形式。

本文或许不会涵盖到所有,只有最常见的(欢迎你随时提供案例哦)。

相关文章:用户体验:在什么时候设计网站确认页面

接下来的内容会按照以下目录组织:

1. 二次确认页有哪些形式(两个划分维度:设计角度与内容和功能维度)

2. 二次确认页的替代方案有哪些?

3. 如何选择不同的形式?

二次确认页的形式:

从设计角度划分:

1. 系统弹出框

2. lightbox(浮出层)

解释:Lightbox的效果类似于WinXP操作系统的注销/关机对话框,除去屏幕中心位置的对话框,其他的区域都以淡出的效果逐渐变为银灰色以增加对比度,此时除了对话框内的表单控件,没有其他区域可以点击。

 

3. 邮箱验证及手机验证码等替代形式

比如,偶要删除开心网帐号时,开心网给我发了一封邮件,让我点击邮箱里的链接来确认一定要删除。这种形式适用于比较重要的不可恢复的场合。

手机验证码确认的形式一般和资金相关,也用于比较重要的操作。

从内容和功能角度划分

这段资料来自于《windows vista UX guide》,为避免偶英文翻译有误,保留原文名称:

1.Routine confirmations(常规确认)

Confirm that the user wants to proceed with a routine, low risk action.

确认用户想要继续一个常规的,低风险的操作。

如图:

2.Risky action confirmations(风险操作确认)

Confirm that the user wants to proceed with an action that has some risk and can’t be easily undone.

确认用户想要继续一个有风险并且不容易撤销的操作。

图:

3.Unintended consequence confirmations(未预期的确认)

Confirm that the user wants to proceed with an action that has unexpected or unintended
consequences.

确认用户想要继续一个可能会导致意料外的结果的动作。

很多时候,确认页是建立在用户有明确的操作意向的时候,这种情况下,也许用户对后果是有预期判断的:删除就意味着后果就是删除。而若删除命令同时会导致别的意料之外的结果产生,那就是unintended consequence confirmation。

典型的例子:在多标签浏览器环境中,关闭浏览器,一般就会弹出一个确认框。

图:

4.Clarifications(澄清式确认、探询式确认)

 Clarify how the user wants to proceed with an action that has potentially ambiguous or unexpected
consequences.

搞清楚用户想如何继续一个行为,而这个行为可能会导致预期外结果。

就好像在岔路口,导游说:好,我们继续走吧。你可能想反问一下:怎么走呢?向左还是向右?因为你担心右边可能会有打劫的埋伏。

UX guide建议除非确实认为这个行为可能会出现的多种结果中,不然就不需要这种澄清式的确认。

5. Security confirmations(安全确认)

Confirm that the user wants to proceed with an action with security consequences.

确认用户想继续执行一个会出现安全问题的动作。

这个大家很常见了吧:


6. Ulterior motive confirmations(别有用心的确认——汗,翻译成这样好像不太好吧)

我们需要记住如此多的形式吗?对我们的实际设计有什么指导意义?

其实这些形式也说明了一些使用场合,接下来会有一些注意事项,也是和这些形式紧密关联的。

二次确认页的替代方案:

我不喜欢二次确认页?有别的方法可以取代吗?

1. 防止出错——设置任务,用户在进行破坏性的操作前有前置任务需要完成。

比如,在我们最近的一个项目中,用户在点击某个button时,那个命令是需要被确认的,否则一旦误点击会造成不可恢复的后果。但是在点击下这个button后,用户是需要填写一个表单的。在提交表单时,我们就发现没有必要再用一个二次确认。因为用户在填写表单的过程中是可以思考和反悔的,他既然愿意花时间和精力去填写表单,证明他确实想明白了。

2. 提供撤销操作(Undo)——gmail的undo

图:


3. 提供反馈,让不期望的结果显著化。

图:在支付宝的直接付款页面,点击radio button后已经使用提示告知了后果,因此点击下一步就不需要再次确认了。


4. 消除选择——往往需要被确认的是因为有两个或多个response(后续动作),可以认真想一下,是否一定有多个选择,如果仅仅剩下唯一一个了,那么就不需要询问了。

如果需要被confirm的选项不是很重要,干脆拿掉它。我特讨厌有些网站给你一个长长的表单,下面有两个button,一个提交一个清空。往往会不小心点击了清空,结果刚才忙活了半天的东西都没有了。要避免这种情况,当然你可以在我点击清空时给我一个确认,不过我更加期望把这个button拿掉。

设计形式的选择:

写这种文章真累。所以我想赶快结束掉这种苦差事,这里仅仅谈一下如何选择使用系统弹出框还是浮出层吧。

我发现自从有了浮出层,越来越多的web 2.0的网站抛弃了系统弹出框。开始使用lightbox(浮出层),当然,他们各有优劣,不能一概而论。

比如以下这种情况:

系统弹出层可以允许我挪开确认窗口以阅读“需要被确认的内容”。

而如果使用浮出层,会出现这样的效果:

挪都挪不开,怎么确认嘛?当然你可以把需要被确认的内容放到浮出层上,前提是有足够的信息承受量。

做了一张两者的优劣点表,供参考(直接截ppt的图了……):

时间: 2024-11-01 06:57:00

用户体验:网站确认页面以何种形式表现的相关文章

用户体验:网站确认页面设计注意事项

相关文章: 用户体验:在什么时候设计网站确认页面 用户体验:网站确认页面以何种形式表现 白话大原则: 让我立马注意到--否则就没必要确认.必须得与当前页面区分,凸显出来.所以一般二次确认页面弹出时,当前页面应该屏蔽使用. 让我不反感--除非想赶走客户.视事件本身的严重程度采用适合的图标(信息.错误.问号).措辞,视觉变化不至于太过突然. 让我一看就知道如何选择--稀里糊涂,词不达意的二次确 认是最要命的已经干扰了正常流程,再让用户在一个弹出页面上思考不知所措?短句子,不兜圈,信达雅的文案,与文案

用户体验:在什么时候设计网站确认页面

以上的那个图,就是本文的主角:二次确认页,她的英文名是confirmation alert. 此文的背景:当时为什么想做这个二次确认页的研究,也是由于当时做的一个项目.当时那个项目出现了很多个二次确认页. 有很多人的意见: "啥?删除地址也要二次确认?不用吧" "这里为什么不确认一下呀?直接就提交了?填错了怎么办?" "删除前,怎么不加个确认呀?" "--" 确认页越来越多了,在最后大家看demo的时候,又一致觉得我们太罗嗦了

网站用户体验分析:页面导航原则

中介交易 SEO诊断 淘宝客 云主机 技术大厅 著名的格林童话故事里面汉赛尔和格莱特知道后母想要在深林里面丢掉他们的计划,将面包屑撒在来时的路上,虽然当月亮升起时,面包屑被鸟吃掉了,但是现在的互联网设计师们从这个故事中找到了灵感,设计出不会被鸟吃掉的固定"面包屑". 图1:互联网上各种各样的面包屑 汉赛尔和格莱特为了在森林中找到回家的路,撒下了面包屑,这是一种导航方式,如果没有被鸟吃掉,无论走到森林的任何地方都可以知道如何从当前的位置走回家去.在互联网信息爆炸的今天,互联网的设计师们在

用户体验——网站优化的核心竞争力

网站也许在初期的时候站长们更注重网站的收录.网站关键词的排名,但是等网站到达中期,关键词排名已经不错的时候,长尾词能够帮助我们带来更多的流量,好的用户体验为我们带来真实的高转化率.在seo带来的流量到达一定地步的时候,用户体验是网站的核心竞争力.想要提升用户体验有多种方法. 一.网站页面以及功能布局 网站刚刚被打开,用户第一眼看到的是网站的设计以及颜色,简单大方的设计以及符合网站特色的颜色,使用户的第一印象分,然后用户大致浏览一下,寻找想要寻找的关键词,合理的功能布局以及关键词布局是为了让用户更

基于数据分析的用户体验网站设计规划

一个网站是否能够让用户喜欢,从开始的SEO搜索引擎标题和描述中能够吸引用户,让用户产生点击.点击进入用户不会直接关闭了网站.而是在网站里面继续浏览信息.从而产生了服务和转化.当一个用户在这样有了用户体验.而且还能给你传播你的网站.这样的价值就是一个完美的用户浏览行为.那么我们到底怎么才能实现这样的效果.让用户长时间浏览网站. 这个我们就需要基于数据的一个分析和搜索引擎的分析来挖掘关键词和网站首页的内容布局.频道页的布局.以及对于用户对于最新的一些功能需要改善代码来完善的是否可以完善.让用户关注.

网站设计用户体验:网站搜索框的设计

1.搜索框的意义       用户总是和你想的不一样,用户很多时候是不会按照你设定的导航走的,他们更多的时候是上来就直接输入关键字进行搜索.对于购物者而言,如果清楚的知道想要什么,他们会很明确的使用搜索框,这种情况下购物者显示出了明确的购物意图,因此搜索框能够把该意图转变为真实的购买行为.来自Fast Search的数据显示,30%的购物者进入电子商务网站后会立刻使用搜索框,超过30%的人通过导航没有找到需要的物品后转而使用搜索框.       如果一个网站没有足够合理的信息架构体系,那么搜索引

用户体验:内部网页页面上链接的优化

网站可用性关系到它能为用户节省多少时间.网站可用性越高,用户体验也就越高,用户也就会增加停留在网站上的时间.当一个经验不足的用户通过你网站的一个深层链接访问某个内部页面时,他们第一次会在那里平均花60秒钟的时间,而经验丰富的用户在他们第一次访问一个内部页面时会花45秒钟. 支持深层链接的一个主要原因是,同主页相比,用户会更加充分地阅读网站内部页面上的内容. 我们看到了内部页面和主页有同样的现象:即随着经验的增多,人们扫描第一次访问页面的速度会加快,同时决定他们想要在网站上做什么的过程也会更快.和

提升用户体验 网站优化以“快”制胜

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 网站打开速度究竟有多重要?至少诸如目前谷歌百度等主流搜苏引擎,已经将速度纳入网站质量度考核范围.单从用户角度考虑,打开速度快的网站,减少了客户的等待时间,自然会毋庸置疑的得到用户的青睐.所以提升网站加载速度,一定程度上就是提高了用户体验.很多公司不惜重金在搜苏引擎上巨资投放竞价广告,结果有些情况下是,关键词广告被点击,广告费被消耗,但是网站却

从优化和用户体验分析404页面或301重定向之争

  站点出现死链接是没一个站点不可避免会遇到的问题之一,如果你放任死链接不管,最终将会把你的站点引入深渊.对于死链接的处理我们可以使用一个404错误页面来告诉搜索引擎和用户这个页面不存在了.同时我们也可以使用301重定向将页面重定向到另一个页面.那么我们就遇到问题了,对于死链接是要用404错误页面处理更好还是使用301重定向来处理好.笔者认为这没有一个确定的答案,因为这个问题涉及到我们的站点优化和用户的优化体验的冲突.注重优化和注重用户体验的人都有自己的看法. 注重优化的人可能会认为我们应该使用