手机购物体验设计:干净,有效,流畅,简便的购物流程设计

文章描述:手机商务开始走向成熟。一个好的和差的订单提交体验对收入的影响是有很大的不同。如果给用户一个干净,有效,流畅,简便的过程来完成购物——在了解了以上提及的手机体验的优势和局限——那么用户和商家都可以盈利。

译者注:在电子商务中,我们发现用户在支付环节的流失率非常高,支付流程的用户体验是至关重要的环节。本文介绍了一些移动端支付流程的方法,怎样让我们的支付流程更加易用。业余时间翻译了这篇文章跟大家共享,若大家发现任何错误,欢迎随时给予纠正。

原文地址:designing-a-better-mobile-checkout-process

数据显示越来越多的用户具有使用智能手机进行付款的倾向。“ 这些用户愿意在移动设备上完成购买吗? ”这个问题得到了迅速回答。2012年,美国移动电子商务销售额飙升81%,形成了250亿美元的市场。

值得注意的是,这些成交贡献只有一部分来自于app。根据调查显示,61%-81%的用户更倾向于在移动端的网页上来完成购物的各种操作:研究商品和价格,查看商品详情,参加促销活动,下单和支付等。比起功能相互独立的app,他们更倾向于在浏览器中来进行购物(来获得浏览与支付环节之间的无缝体验)。

让我们深入看一些移动端结账流程的例子。

1、 只保留重要信息

我们也许都回答过很多令人讨厌的问题,比如“你是怎么知道我们的?”这样的问题可能是对商家有用,对消费者来说没有任何作用。然后这些消费者需要付出辛苦赚来的钱,他们也更有权力决定是否关闭这个页面。

虽然这些问题在网页上不那么重要,但是在移动端却是致命的。让我们来看两个例子:

左边是是由Moby设计的响应式移动支付流程,他减少了不必要的信息只保留了必要的信息。成功的把整个支付流程聚合到了一个页面。

右边是kayjeweler把一个简单的体验变得非常繁琐。总共有三页,展示了很多不必要的信息,例如“晚上电话”和“手机号码”两个没有用的信息,把地址栏分成了三栏(而不是只有一个邮政编码栏),还需要用户重复输入email地址。

2、    允许以访客身份结账

提供访客身份支付在媒介中应该是一个标准的做法(尽管24%的电子商务网站不会这样做),尤其在移动端。统计数据显示,如果用户必须去建立一个账户并确认,他们可能不会完成订单,这有时候还是非常令人震惊的。据报道,一个商家删除了“注册”按钮后,看到了销售额3亿美元的飞跃。

伯顿开始对结帐过程对冲赌注,为用户提供三个选项:“登录”,“创建帐户”或“访客结帐。”

3、    利用移动用户界面元素

Fandango有一个流畅的手机支付体验。其中很大一个原因在于它善于利用媒介的优势,更多使用触控设备,用户使用起来比打字更容易。

Fandango的桌面端UI和移动端UI

Fandango的桌面版UI(左边),提供给用户使用一个典型的下拉菜单选择数量。在移动UI(右边),则提供他们使用的的增量选择器(也有输入选项),更快速的选择数量。

4、    消除干扰,而不是内容

一旦用户到达了支付的页面,他们显然已经有意愿购买这个产品了。这个时候,该网站已切换从一个销售人员转变成一个订单执行中心。由此,支付的页面应当去掉影响用户注意力的多余信息。

当你在亚马逊购物时会注意到封闭的支付策略,页面去除了标准的页头,包括可能推动用户去其他地方的菜单链接和搜索栏,支付页面在移动端可以做的更加简单。

用户一旦来到 dillard支付页面,, 他们唯一的逃生舱就是左上角的logo。

社交媒体链接,像在GNC的购物车,给用户展示太多内容,很容易把用户导向其他地方

内容丰富的支付页面看来是个不错的想法,但这会很容易分散用户的购买注意力。

这并不意味着我们就要把所有内容都移除。用户可能对于快递、交货、条款等存在质疑,好的体验应该让用户找到想要的答案。

在Crate & Barrel的手机网站,一些基本的问题展示在购物车页面的底部,使用户无需离开支付页面就可以得到答案。

5、 展示步骤

用户想知道他们在哪里,他们将要去哪里,完成这个过程需要多久。进度条在这里可以缓解用户的焦虑。

最近的研究表明,大多数商家会显示一个进度条。

Armour移动网站展示给用户一个简洁清晰的进度条

6、建立轻量化的网站

首先,时间是宝贵的。如果一个网站加载时间超过5秒,74%的用户都会离开。

他可能不会赢得任何设计奖,但是toms shoes页面加载极速,极其简洁的支付页面

7、 提供安全保障

移动电子商务安全是用户最关心的问题。克服这个障碍,设计师不必非常的微妙:为用户在网页上提供安全电话、SSL认证等必要的安全信息。

8、 使用谷歌钱包, PayPal And Amazon 等方式

用谷歌钱包,Paypal, 亚马逊等方式可以让用户仅仅触屏两次就可以完成付款,而不是在订单表上乱点半天。 用户信息会自动填写,完成大部分的付款过程

Shopify 的 No-frill移动电子商务体验

例如这个DODOcase, Shopfy的移动电子商务并没有太多的视觉设计,但是这不是重点。他们的设计非常简洁(这句是意译,直译为没有噪音), 让用户用第三方信托程序快速的提交订单。

9、 提供地理位置服务以及电话拨出功能

The Home Depot 的手机页面让用选择店内产品然后用GPS寻找最近的店面并且查看物品栏(可能是指购物车)

相对于传统的网页习惯,用GPS信息给用户做地址引导。比如在手机上用一个这样的网页地址:http://maps.google.com/maps?daddr=BEST+BUY&saddr=Current+Location, 谷歌会自动找出最近的地点并且提供路线指引。 Best Buy 发现28%的登陆移动平台的用户会来店内购买商品,这证明移动平台有极大的价值。

此外,用tel :protocol的一触拨号功能拨打客服电话是一种比按电话号码更简洁的用户体验

10、跨平台测试

Chrome用户代理?后面说是一种手机测试软件

手机测试是非常困难并且消耗时间的,但是在现有的多系统竞争的市场中,根据市场占有率进行优先级排序并且测试多种分辨率是非常重要的。亲自在每种系统上测试当然是最好的方式,但是如果这种办法行不通,你可以使用Firefox或者Chrome的插件 User Agent Switcher。他可以节省你很多时间,让你迅速的在不同手机系统间切换。

系统交流之间的另一因素是设计。很多手机网页体验设计人员会犯借用手机系统界面设计元素的错误。比如,一个使用苹果系统的设计员可能会用苹果式的按钮。尽管可以在做应用的时候这样,但是手机页面是多浏览器的体验,一个以某种系统界做的网页可能会丢失其他使用其他系统的用户,或者最坏的情况,页面根本不好看。

总结

最后,手机商务开始走向成熟。一个好的和差的订单提交体验对收入的影响是有很大的不同。如果给用户一个干净,有效,流畅,简便的过程来完成购物——在了解了以上提及的手机体验的优势和局限——那么用户和商家都可以盈利。

时间: 2024-10-05 14:06:19

手机购物体验设计:干净,有效,流畅,简便的购物流程设计的相关文章

移动电子商务体验设计:乐淘移动端购物体验

文章描述:乐淘移动端购物体验. 前段时间看到一条消息,说是京东商城手机下单日交易额已达200万,心里一惊,移动电子商务已经发展这么迅速了? 再看汪华分享的移动互联网的数据,2011年3月份IPhone下载应用的排行榜里淘宝已经升至第六位,在工具应用和游戏应用的下载热潮过去之后,电子商务开始展露头角. 我对移动电子商务不是很了解,自己网上购物都在电脑里完成,从来没试过用手机购物,我就筹划着什么时候体验一把.然后机会就来了. 以下故事均为水墨之真实经历,结论仅供参考. 一.获取客户 我是在浏览人人网

手机用户体验设计:移动用户体验的三个层次

文章描述:移动手机用户体验的三个层次. 译者前言:随着手机上网的增加,手机用户体验也变成UX们研究的一个新领域,本文从三个层面来阐述手机用户体验受哪些因素影响.包括手机硬件,操作系统,应用程序.对于有志于从事手机领域体验研究的人来说,是篇不错的文章 相对于传统手机,智能手机更能吸引用户来使用.因为他们有更大的屏幕和更高分辨率的显示器,它们的工业设计更时尚.智能手机的共同特点包括但不限于触摸屏,高像素摄像头,全球定位系统(GPSs),许多游戏和娱乐选择.智能手机使人们能够从事的活动范围广泛,包括通

用户体验设计实例:麦包包的购物体验

文章描述:麦包包的购物体验. 一直都觉得自己的背包太小,想换个大的,刚好又想体验一下麦包包的服务,就决定在麦包包买了. 先说好的. 一.麦包包的产品配图 本来我就是想买一个包的,但是由于另外一个包的照片看起来很棒,导致了我总共买了两个包,而且那个额外的包让我掏了更多的钱. 好的产品摄影对于用户购买欲望的刺激是非常明显的,下次我单独比较一下各个网站的产品配图. 二.麦包包的产品和配图对比 我收到我买的包后,和网上的产品图片对比,实物看起来还是很赞,这点我很满意.要知道如果产品和网上的图片不一致,一

如何设计一个清爽极简的购物网站

  电子商务网站的设计趋势越来越向极简化靠拢了.在过去,很多线上商城都采用了相反的方式来设计.这些网站通常都充斥着各种信息,字体和颜色都咄咄逼人,并且网站严重"过度设计". 现在很多网站弃用模特.夸张的颜色和字体.花哨的图片,只为营造极简风格来展示他们的商品.自响应式设计形式出现以来,它便成为影响众多网站的一种趋势(不仅仅是电子商务).更多设计师开始拥抱这种趋势--简单才是更好的. 这会带给用户更好的网上购物体验和更干净的界面,文字更易读.界面更简单.快速和友好.这种趋势不仅仅关乎设计

B2C表单和购物流程设计要点

表单设计的要点: 1. 概述 表单对客户来说是很烦人的,但它对在线处理很重要,让填写表单的过程简单.快速,才能让网站快速获取潜在的利益. 2. 访客的问题 你作为访客,在支付中一般会有哪些问题? 当访客遇到表单时,他们的问题集中在外观.所需信息的合理性,以及安全性这几个方面.在对表单快速瞟一眼以后,他们就会思考以下几个问题: 1.我要从哪开始填? 2.填起来很简单么? 3.填起来很费时间么? 4.整个过程中是不是有很多的步骤? 5.页面安全吗? 6.表单要求的信息量是否合理? 一旦访客开始填写表

B2C和C2C电商网站的购物流程设计

畅游在各大电商网站的你,在网购时不知曾否察觉到有些小不同? 排开具体的商品内容.视觉样式,回忆下那些我们熟悉的商品页面- 当然,这里并不是玩大家来找茬游戏的,需要火眼金睛审视于细枝末叶.我们可以从界面的细节去体验,甚至还可以眯起眼去发现点什么. 亲,你有没有想起有哪里不同? 好吧,揭晓答案:不同点在于商品详情页面的购买按钮. 抱着打破沙锅问到底的精神去逛了逛其他的电商网站,不经发现这也许和电商网站的类型相关.比如淘宝.拍拍属于C2C类型,有明显的"直接购买"."加入购物车&q

差异入微——浅析电商购物流程设计

中介交易 SEO诊断 淘宝客 云主机 技术大厅 畅游在各大电商网站的你,在网购时不知曾否察觉到有些小不同? 排开具体的商品内容.视觉样式,回忆下那些我们熟悉的商品页面- 当然,这里并不是玩大家来找茬游戏的,需要火眼金睛审视于细枝末叶.我们可以从界面的细节去体验,甚至还可以眯起眼去发现点什么. 亲,你有没有想起有哪里不同? 好吧,揭晓答案:不同点在于商品详情页面的购买按钮. 抱着打破沙锅问到底的精神去逛了逛其他的电商网站,不经发现这也许和电商网站的类型相关.比如淘宝.拍拍属于C2C类型,有明显的"

绝佳时机,前所未遇,开创全新购物体验

随着移动互联的不断演进,电子商务正在以纷繁的商品.较低的价格.快捷的支付.灵活的时间等独特优势不断冲击着传统零售业的霸主地位.对此,虽然有许多零售商尝试通过建立更多渠道(全渠道)等方式来争取市场,但这些投资有时还会增加运营复杂性,造成成本浪费! 传统的线下零售商究竟该如何是好? 调查显示,在五年之内,消费者将要求在实体店内进行情景化和个人化的互动.从大件商品到精品小物,从服装到视频,从家庭到商场,任何时间,任何地点,全数字化和移动革命正在改变我们的购物体验,无法满足消费者需求的零售商必将落伍.加

Thomas Pink部署RFID技术,助力打造极致购物体验

国际高档衬衫品牌Thomas Pink位于美国纽约华尔街的实体零售店面,将首度由英国电信(BT)协助于店内部署"Acuitas Digital物联网"(Acuitas Digital Internet of Things平台,可提供门市智能化数字服务与体验,为店内实时交互式体验奠定基础,有助提供顾客个人化服务.优化店面陈设,以及改善员工工作流程.提升销售表现及减少成本开支. 据Iot.do网站报导,英国电信将在全球市场提供客户部署Acuitas Digital解决方案,以基于物联网(I