如今大大小小的节日让 WooCommerce 电子商务网站发展的如火如荼,传统节日自不必说了,像在年轻人中流行的一些比如情人节、三八节、女生节、七夕情人节等等,每到一个节日网上购物必不可少。今天就说说一个网站的结账页面怎么设计才能让人印象深刻,或者是多用户希望怎样的网站结账页面?WooCommerce 跨境电商 WordPress 网站设计中如何做好结账页面?
如果您正在设计一个结帐页面,那么有这么多的考虑因素:功能性、可用性、安全性和设计。最后一个元素是对每一个设计师都可以产生影响的东西。可以说在网上购物的体验是最重要的一项设计。
1 、使其视觉化
这可能听起来像一个显而易见的想法,但一个 WooCommerce 电子商务页面的结帐页面需要更多的视觉效果。太多的网站把它变成一个基本的形式。结帐页面和网站的其余部分之间的视觉连线建立了品牌的可信度。
2 、那么您应该使用什么样的视觉效果?
·每一个专案都应该伴随著一个图示,显示多用户在购买什么。
·该公司的标志应清晰可见(可点选回到网站的其余部分)。
·大按键。呼吁采取行动,如 “新增到购物车”,“更新专案” 和 “现在购买”,丰富多彩,视觉上有吸引力的。按钮应该很容易找到,让您想点选。
·颜色。太多的结帐页面都是白盒与概述。使用颜色是可以的。保持网站的停留在结帐页面的配色方案。
·排版。文字应该是简单和容易阅读。
·包括付款标志以及保障安全。
·包括视觉效果,让多用户感觉良好的购物体验。虽然大多数人都明白他们可以在网上用信用卡支付,付款按钮旁边有一个小的标志就会加强这个想法。
这是一个小的,但令人放心的,多用户的视觉提示。它可以帮助消除混淆付款的类型。只记得包括所有付款类型的标志。保持较小的影像,他们在一个有组织的方式。幸运的是,这些元素的设计师,都以小的格式,并有类似的纵横比。考虑设计或下载一个专业的多用户界面工具包来设计这个标志。您不局限于公司的股票标识。只是不要太疯狂的设计,目标是为多用户识别的标志在一个非常小的尺寸在屏幕上。
3 、考虑放大影像
悬停效果,扩大在车内或弹出的每一个专案可以使多用户很容易看到最后一次购买,并消除了挫折,不得不浏览回来检查颜色或大小。另一个选项是建立超大缩图在结帐页面专案。这个额外的影像可以帮助多用户确认她的购物选择。太多的设计师忽略了影像,使多用户更容易放弃购物车。
4 、使用表格
购物车中的信息需要更完美的组织起来。实现这一的最简单的方法是设计一个表或类似的基于网格的格式的购物车。使用列和行来显示每个专案、影像、描述、数量、价格和任何其他相关信息。专案应在相应行中的其他信息的列中垂直分类。在每个表或网格中,使用一致的对齐方式。向左对齐是最常见的。考虑价格对齐的方式,以便在屏幕上很容易看到。理想的价格应该排序,以便该数字之前和之后的一段时间是在相同的位置为每个专案。
设计一个结帐页面可以说是任何设计师的一个大任务。关键是我们在设计 WooCommerce 社群中经常谈论的事情:保持简单。设计一个简单的大纲,以最小的效果和专注于可用性,您更容易设计一个成功的结账页面。当您想到结帐页,记住多用户需求。努力设计一个页面,具有视觉吸引力,大量的影像标志来指导和告知多用户,有组织的布局,图示来指导和促进销售和移动友好的界面。