网络编程
位置:首页>> 网络编程>> 网页设计>> 设计较好付款流程的12个建议(2)

设计较好付款流程的12个建议(2)

作者:Sookiee 来源:Alipay UED 发布时间:2009-06-08 12:45:00 

标签:设计,付款,商品,用户体验

5. 使“返回”按钮充分起到作用

“返回”按钮是网页浏览器中最常用的按钮之一,所以许多用户可能在付款过程中也会经常用到。一些网站不提供返回上一页的功能,当用户点“返回”时,页面会自动重新指向某个页面或是报错,这样会对用户的体验造成负面影响。

Ticketmaster 中,点“返回”按钮出现这样的报错,就会让用户有受挫感。

当用户点“返回”按钮时,不仅不能老让他们碰到出错提示,而且如果前一页是表单的话,要保存他们之前填的数据并再次显示给他们看。这样用户只需要在原来填的内容上做修改,而无需重新填写整个表单。的确,有些情况下,用户点“返回”已经为时已晚,比如他点了“确定支付”的按钮。不过别的一些页面都能支持“返回”按钮的话,既节省了用户时间又减少了他们的挫败感。




亚马逊网站,说明了商品的颜色和详细情况,比如精装书/平装书,还提供链接返回查看原商品详细信息。不过他没有提供商品的缩略图。

Oxfam 提供了每件商品的缩略图,让用户能快速浏览。另外,如果用户想确认这个商品是否确实是自己想买的,还可以通过链接返回原商品介绍页面。

7. 提供操作流程的指引

付款通常是一个包括多步操作的流程。这意味着用户完成支付前会经过好几个页面。所以最好加一个操作流程指引,告诉用户他们现在的位置,即他们目前走到付款流程的哪一步,哪个页面上了,以及离完成过程还有哪几步。

苹果网站在所有付款页面上,都放了一个简洁的流程指引。

让用户知道自己在流程中的哪个位置,会给他们一种控制感,从可用性角度来说,这是很有必要的。当然,让用户知道后面还有哪几步操作,就可以完成了也会减少他们的疑惑。这样他们在完成付款前,根据自己的情况和想法,来调整或取消订单的自由度更大。

8.付款界面保持简洁

付款过程和网站上浏览型的网页不同。在付款过程中,用户并没有在购物。这意味着所有的浏览型操作在这里都是多余的,这只会分散用户的注意力,影响他正在完成的任务。设计时,要把那些不需要的元素去掉—比如,商品目录链接,热销商品推荐等,使界面保持简洁。

戴尔网站的付款页面,就没有商品的目录链接,而是让用户把所有注意力放在付款流程上。

有时用户会返回,再买一些商品,再来付款,所以需要提供一个“返回继续购物”的链接。另外,要确保所有指向“下一步”的按钮都大一些,避免用户找不到。

9.不要让用户离开付款流程

用户在付款过程中不要被打断很重要,比如,把用户引到一个和付款不相关的页面。把用户带离开付款流程会有以下两个问题:1)他们会搞不清自己究竟在哪里,甚至有可能付款的页面找不到了 2)他们可能会因为被打断而没有成功完成整个付款流程。

Laskys 网站的付款页面上,当鼠标悬停在某些元素上,会有帮助信息弹出告诉用户相关的功能说明。

不能打断用户付款流程,那么我们要找到一个方法显示不要的信息。如果需要提供一些帮助信息,而这些信息又不适合在当前页面上显示,可以考虑通过浮动窗口或弹出窗口显示。

10. 告知用户商品配送时间

线上购物比起实体店购物,有个较大的弊端:用户需要等待几天才能收到购买的商品。所以当用户购买成功后,需要告诉他们大致需要等待的时间。

苹果网站会根据不同用户的订单显示相应的送货时间。

告知用户商品配送时间有以下几个原因:首先,用户要确保快递公司送货上门时,家中有人收快递。其次,这样用户会对货什么时候到有个心理预期,而不用老担心买的东西怎么还没送到。送货时间显示得越早越好,最好在商品介绍的页面上就显示。这样的话,想购买该商品的用户,就能根据商品送到时间是否能满足需求,来决定他们是否购买。

11.告诉用户之后会发生什么

当用户完成了商品购买,并点击了最后一步操作的按钮后,接着会出现什么?以“感谢您购买本商品”为结束语。这对用户来说,是一种礼貌的表示,而用户也一定很乐意接受这些体贴的话。

亚马逊网站,在用户付款完成时,就会显示:感谢您购买了此商品,并且告诉用户接下去可以做些什么。

另外,还要告诉用户接着还会发生什么——比如,当商品发货时,他们会收到一封邮件通知。这会消除用户对订单是否真正成功购买的不确定,他们安心。

12 发一封确认邮件

用户可能完成了商品订购并付款了,但其实还没结束。网站需要发一封确认邮件,告知用户购买商品的详细信息和送货到达的时间。这个信息还是很有帮助的,因为这让用户再次确定他们没买错商品,比较安心。

亚马逊网站会在用户付款后,发送关于购买的商品详细信息的邮件,并告诉用户如果买错,如何在商品发货前修改。

如果用户买错了商品,在商品发货前,需要提供给他们重新登陆并返回修改订单的机会。简单的出错,比如选择错了尺寸,颜色,经常会发生,所以网站需要让用户感觉在线上购物既简单又可靠。

0
投稿

猜你喜欢

  • 增强的toggleClass()1.toggleClass也可以和addClass一样,用空格分隔多个class名称了。.toggleCla
  • 学习使用存储过程(Stored Procedure),是ASP程序员的必须课之一。所有的大型数据库都支持存储过程,比如Oracle
  • 首次安装、运行MySQL时,你可能会遇到一些错误,使MySQL服务器不能启动。本节的目的是帮助你诊断并纠正这些错误。解决服务器问题时你的第一
  • 之前看到很多人一直都问CSS 中DIV垂直居中的问题,看来对此的需求还不少。现在就把我经验拿出来分享一下,希望大家鼓鼓掌。因为在 CSS 中
  • 数字序号①  ①②  ②③  &
  • ASP错误大全 Microsoft VBScript语法错误(0x800A03E9)-->内存不足 Microsoft VBScript语法
  • a1="sp2=20;sp1=34;" a2="sp3=2;sp2=3;sp1=4;" 两组字符串数
  • IE 浏览器中 CSS Expression 特性的最大的问题:会反复执行,每秒钟可能执行了成百上千次,有严重的性能问题。如何对 CSS E
  • 新浪天气预报代码,需要的朋友可以复制下面的代码到要显示的页面,新浪代码 :<IFRAME WIDTH='260
  • 最近,在搞这个东西,网上也找不到asp相关的,如果有人很早弄出来了,也不要笑话偶;费了好久,总算搞定;原理:用stream对象预读文件的头两
  • 写在前面的话关于《交互设计实用指南》,我们最近收到很多朋友的反馈,有支持的也有批评的,在此一并感谢了,有你们的关注,我们才能走得更远。《交互
  • 如何做一个只搜索本网站的引擎?    用下面两个文件即可实现:searchfiles.html &l
  • 近日,有关微软Open XML标准的问题又引发了某些业内人士的关注。其一是因为日前ISO(国际标准组织)成员南非和巴西相继就ISO批准微软的
  • 注:IE8以前的版本均不支持该特性为了向文档中插入生成内容,可以使用:before与:after伪元素。如,我想在所有链接的后面加上&quo
  • 我和朋友对此的看法有分歧,我明明记得有不需要返回的时候的?你的看法是对的,例如在表中删除记录。我们来看看下面的例子——在Employee表中
  • 以前有过一篇类似的文章, 讲的比较简单只有三个插件而已, 所以这篇文章将全持续更新.jQuery UI 大名顶顶, 不用介绍, 它的各个控件
  • 最近几个不错网站被封,让人感觉很不爽,现在既不方便用,也不方便学习参考。正好想到曾经“截图”的事情,其实我认为互联网产品还有个特点,更新换代
  • 最近发现各大类库都能利用div.innerHTML=HTML片断来生成节点元素,再把它们插入到目标元素的各个位置上。这东西实际上就是inse
  • 注意,在改变数值之前锁定应用,确保一段时间里只有一个客户执行该语句。<SCRIPT LANGUAGE="VBScr
  • 一:从版本3.23升级到4.104.10新特性:支持事务处理和存储过程升级过程的注意事项:1:升级采用直接复制安装文件的方法,简单实用,但要
手机版 网络编程 asp之家 www.aspxhome.com