金华设计网站：为移动检测屏幕设计技巧

2019.08.23 金华设计网站

为更好地设计你的网站转化率是一种担保方式来增加销售。但是你也需要考虑为您的网店一般用户体验原则,这就为移动用户的两倍。

大部分的互联网流量现在占主导地位的移动。 2017年,估计总对于移动用户在整个互联网在52%左右。如果你不移动你做优化电子商务是错误的。

我策划了一些设计理念来帮助你清理结帐页面。这些建议可能不适用相同的每一个商店,和不同的类型取决于你卖的产品。

尽管如果你真的想增加转换本指南是你更大的移动客户基础的第一步。

简单的编辑选项

金华设计网站整个流程从产品页面付款应该感到令人难以置信的简单。这意味着当访问者点击“结帐”CTA他们应该容易编辑他们的订单如果需要。

试图提供一个可编辑的购物车买受人可以改变数量,大小,颜色,风格,等等。所有的理想情况下应该从几个水龙头触手可及。

不要添加抗结账或比它需要更严厉。有很多的买家的想法和你想减少阻力基本上为零。

金华设计网站

金华设计网站在线HTML电子邮件模板编辑器

与明信片你可以在线创建和编辑电子邮件模板没有任何编程技能! 包括100多个组件来帮助您创建自定义邮件模板的比以往任何时候都要快。现在试一试免费!

了解更多其他产品

看一眼这个例子的设计从Yummygum。票付款的页面,买方可以很容易地增加或减少的总数门票,以及订单的日期和时间。

注意界面元素感觉为开发而设计的。他们使用大型广场和彩色突出来表示microinteractions 。完美的移动。

你能找到另一个例子这个购物车界面由Olia Gozha。

再结账前的接口引用项总数量。箭头图标让这个超级清晰,他们觉得tappable。

想想属性客户购买前可能要改变。告诉他们一切最后结账之前,给他们完全访问编辑他们的订单。

这将创建一个心理学建立信任和确保他们真的想购买。

链接付款方法

处理付款在台式电脑或笔记本电脑上很简单。你通常可以抓住你的信用卡和穿孔的号码。

但智能手机并不那么容易。

移动键盘是伟大的,但他们没有比较完整的桌面键盘。你需要付款过程简单和理想的几个水龙头。

你怎么可以这样? 通过链接支付并保存在客户的帐户。

当他们买东西问如果他们想拯救未来购买的支付方式。然后您可以创建一个屏幕,让买家选择信用卡,贝宝账户,他们使用或其他付款方法。

undefined

这种类型的界面,越简单越好。但是你也可以分享关于付款方式的细节只是为了确认这是正确的。

举个例子这个设计普拉萨德毗瑟奴。它展示如何结帐的屏幕看起来保存信用卡号码。

我不喜欢只是在普通视图的数据,这是我唯一的这个UI的疑虑。我设计它默认是隐藏的,一个单一的点击会显示/隐藏。但是最主要的一点是,买家在购买之前可以检查他们的细节。

undefined

金华设计网站并不是每一个买家想要这样做。你仍然需要一个安全的形式把信用卡信息。这个例子 Murat Mutlu很清楚移动付款界面只有足够的字段来完成这个过程。

我喜欢这种风格的发展步骤,因为它可以减少字段在一个页面上的总数。

它实际上是一个伟大的趋势为用户体验也和我们应该进一步考虑它。

使用一个循序渐进的检验流程

你是否使用标签、面包屑或循环链接,他们可以工作进展步骤。

这些帮助指导用户完成结帐过程准确地告诉他们当他们将完成一切。它可能看起来不是很多,但结帐页面的优化过程是巨大的。

看一看在这个付款界面了不起的进步一步。

金华设计网站

CTA按钮改变页面的基础上,所以它可以帮助用户通过整个自然结帐。

加上每个进展步骤得到一个复选标记一旦完成,一个视觉提示让买家知道他们更近一步完成。但是你可以信号用图标,高亮显示的文本,黑暗的背景,或填好的泡沫像其他上面的例子。

设计师史蒂芬·汉利另外一个很酷的用户界面依靠简单的点和隐藏的页面元素。

undefined

这些隐藏的部分包含前结帐过程的信息。一旦完成他们像一个自动隐藏手风琴菜单。

使用这种技术可以运行一个特定类型的UI / UX的效果。但整个检验过程是通过相同的最终目标:提高澄清买方旅程的每一步。

undefined

试着看着一堆进度条的设计,看看你最喜欢哪一个。

我总是推荐这种即使desktop-style电子商务签出,因为他们可以产生很大的影响。你只需要找到一个可以匹配你的手机接口的发展风格。

给出一个最终的购买概述

经常有一些犹豫在买方看来之前点击最后的“购买”按钮。

你可以把他们的想法放心通过提供最后一个确认屏幕,全面总结他们的订单。这一点尤其方便在移动浏览器没有简单的标签,没有鼠标,更严格的审查与小屏幕的顺序。

它实际上是相当简单的设计最后结帐的屏幕。

所有你需要做的是列表的总订单行项目价格、运输、税收、和总费用。您可能还包括预计装船日期和其他细节相关的产品交付。

undefined

Designoholic了这甜蜜的设计显示在一页你可以总结所有的产品。

这当然不是一个完美的设计,但它证明了极简主义适用于这些移动付款摘要页面。

同样可以做非物质产品也喜欢数字下载或任命。

在调度页面上你可能会确定订单显示预定时间,日期,地点,和其他相关信息。这个设计由汤姆Gamblin它。

首先需要知道你的买家想看什么类型的信息。把自己放在他们的位置,想想最后结帐页面上可以让他们把他们的心情舒畅。

如果他们金华设计网站感到舒适和安全的购买然后他们会更倾向于利用,最后毫不犹豫地购买按钮。

前进

如果你从未设计移动屏幕然后你将进入全新的领土与这些趋势。不过不要让这把你吓跑!

所有这些技巧在你处置你应该没有问题设计一个移动结帐页面直观,鼓励,可能转换。

金华设计网站：为移动检测屏幕设计技巧

简单的编辑选项

链接付款方法

使用一个循序渐进的检验流程

给出一个最终的购买概述

前进

相关推荐