手把手教你设计最佳的移动支付流程新

左边是是由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、提供地理位置服务以及电话拨出功能