油包装设计_账单表单的网页设计可用性提示

油包装设计的核心价值在于为企业打造独特的品牌，油包装设计可以给企业带来良好的社会声誉和经济效益。

注：配图为本公司设计作品

油包装设计原文直译：

每个电子商务网站都有自己的结账流程，将用户从购物车转移到最终购买。这取决于用户购买的东西和他们的意图，但最终付款总是最困难的部分。

你的账单字段需要真正吸引访客，鼓励他们完成结账过程。我想分享一些可用性技巧，你可以遵循这些技巧来改进你的账单表单设计，提高用户的结账转化率。

目录

隐藏

阐明意图

自定义输入间距

简化动作

概述购买情况

阐明意图

你的目标是设计鼓励用户购买的表单。所以你想让这个过程尽可能简单，尤其是在付款阶段。

没有单一的方法来澄清整个帐单表格。你只需要保持每个字段的清晰和简洁，不要让用户感到困惑或不确定他们的决定。

以下是一些你应该牢记在心的有效技巧：

更大的字体

标签代替占位符（或两者)

字段之间的额外填充

自定义索引便于导航

还可以在需要的地方添加大量的图标来展示视觉效果。无线程结账页面提供了一个很好的例子。

在线电子邮件模板生成器

有了明信片，你可以在线创建和编辑电子邮件模板，无需任何编码技能！包括100多个组件，帮助您以前所未有的速度创建自定义电子邮件模板。

免费试用其他产品

信用卡图标让用户选择何种支付方式一目了然。同样的道理也适用于字段下方的图标，这些图标阐明了CVV号码的位置。

尽你所能让用户清楚地知道他们在账单的每个阶段都在做什么。不应该有模糊的术语，不应该有不清楚的方向，应该有大量的工具提示/图标来回答沿途的任何问题。

自定义输入间距

有些数据需要特定的文本格式，如电话号码和信用卡。这个间距可以使用Java Script语言动态生成，这是你可以添加到你的网站的最好的技术之一。

自定义间距让用户在填写表单域时知道他们在正确的轨道上。

您可以通过邮政编码来实现这一点，当用户输入正确的邮政编码数字时，表单会自动跳转到下一个字段。与电话号码相同，您可以自动设置数字样式以匹配电话号码。你可以在易贝的结账表上看到这个。

但最有用的是信用卡四位空格格式。信用卡号码很长，很容易弄错。不正确的抄送号码也意味着订单将完全适得其反。

与我们的在线建设者一起创建网站

使用启动应用程序和幻灯片应用，您可以使用在线网站编辑器建立无限的网站，其中包括现成的设计和编码元素、模板和主题。

尝试启动应用程序

尝试其他产品的幻灯片

您的帐单字段中的自定义抄送间距使客户更容易输入他们的号码并仔细检查他们是否正确。你可以在健美检查屏幕上找到一个很好的例子，当你有一个无效的条目时，它也包括错误消息。

有很多免费的插件可以用来创建自动格式化的文本。大多数在jQuery上运行，但是您也可以找到一些普通的射流研究…解决方案。

这些是我发现的最好的：

Card.js

Creditly.js

jQuery卡格式化程序

简化动作

有些结账表格比其他表格要长，所以每个网站的结账流程都不一样。

注：配图为本公司设计作品

油包装设计总结：

油包装设计的分享让我们明白品牌设计的核心是传递品牌价值，品牌设计通过logo设计（标志设计）、VI设计、包装设计等设计载体提高品牌的美誉度、忠诚度，打造油包装设计的品牌核心资产。如果您有更多的观点，请联系杭州vi设计公司 。