极致的表单体验

在外贸网站中,表单几乎是必不可少的。表单的转化率要比邮件联系要高一些,而且方便易用,所以广受青睐。表单有几类,询价,订阅,工单等等,但是都有共同的设计原则。只有设计过的好的表单才会帮助转化,什么是好的询价单呢?

内容恰当

表单不是查户口,只需要用户填写必要的内容。

  1. 让用户尽量少的填写内容;必要的内容,比如邮箱,姓名;电话偏向于私人,外贸网站慎重;而信息等可以作可选选项;
  2. 合并内容,比如姓,名合并为姓名,first name,last name为name;前者这种户口牌似的表单只有一些大宗贸易商还在用,趋势还是Plain English。
  3. 删掉非必要内容,比如国家,城市等,除非是邮寄物品;
  4. 只有最核心内容是必填选项;比如邮箱;
  5. 如果下拉可以替代输入,使用下拉,复选框或者单选框。
  6. Captcha后者recaptcha可以不是必填,除非垃圾邮件超级多;

格式

这里的格式包括外观样式,和表单的固定格式。

  1. 最好有一个标题,表明目的;标题下可以写描述,说明天填写后会得到什么。
  2. 如果正文浅色;那么表单的背景最好是深色,可以突出表单,更容易收到关注;反之亦同。
  3. 输入格式,input的格式可以是文本,数字或者电话等;选择对应的可以在手机中输入更方便;即输入电话时候使用的是九宫格,而不是全键盘;
  4. 保持人机交互,一般表单鼠标hover可以没有格式,但是active,focused,selected,checked等要有格式上的输入提示;有的元素也有位置大小等变化。
  5. 留意手机端的表单,在手机端focused,输入框会扩大顶到屏幕两侧;这时候如果上下移动,就看到内容溢出;
  6. 必填内容没有填写,或者输入的格式不对,应该提示;

元素

  1. label 是相对必要的,跟placeholder作用类似,只选择一个即可;
  2. icon和description作用类似,就是补充label,非必选;一般简洁风格可保留Icon;description标题的补充。
  3. 表单发送后,有发送成功的提示,Notice是不跳转的。
  4. 尽量让客户收到一封邮件,在CF7中是mail2的设置,可以写类似邮件收到,这是自动回复的,我们会多久给您回复之类的;

其他

  • Redirection的必要性?Redirection到感谢页面,跟Notice作用相似。redirection优点是可以更方便的做转化统计;缺点是很多浏览器是禁止跳转的。个人稍稍偏相Notice,既然Notice是必须的,那么Redirection则可以不用。
  • 表单的追踪信息,个人认为必要而重要。既然客户看不到,那我们追踪的信息可以多一些,比如当前页面,IP,时间,浏览器等等。
  • 表单转化,如果做SEM,在表单或者按钮上加转化ID是标准做法。因为表单的发送事件events设置有难度,也理解用thank you页面来替代;后加,现在的form转化追踪也变得简单了些,但是小白操作还是迷糊。
  • 询价用的表单的位置一般在右侧,或者弹窗居中。
  • 表单按钮一般比正常按钮略大。
  • 弹窗配合表单已经是当前最流行趋势。

下面链接 是到2020年之前,一些不错的表单,仅仅提供参考和灵感。