在线表单设计10大招，解决移动购物表单设计难题- 大数跨境

首页

在线表单设计10大招，解决移动购物表单设计难题

mediaman

2015-09-23

导读：在线表单设计10大招解决移动购物表单设计难题我想象不出比填写一个在线表单更麻烦的事情了，你是否有同感？它们总

在线表单设计10大招

解决移动购物表单设计难题

我

想象不出比填写一个在线表单更麻烦的事情了，你是否有同感？它们总是妨碍快捷的在线操作；况且在大多数情况下，它们也并不好用。难怪在线表单的转化率如此之低。这现象不止对于用户，对制定者来说也是令人沮丧的。

繁复的移动在线表单成为难题

现在数字领域的发展使得复杂又过度开发的在线表单问题更加突出：越来越多的顾客使用移动设备来在线购买物品。根据思科近期的报道来看，“从2013年中期到2014年中期，中国三大移动运营商的移动数据流量增长了83%”。并在不久的将来，“从2014年到2019年间，全球移动数据流量将增加近10倍”。

怎么解决这个问题？

以上这些数据证明了：那些不能在移动设备上使用的网站应该尽快做出改变。怎么改变呢？比如可以通过网站响应式设计、一个独立的手机网站、或者一个手机app来实现。这对所有的在线表单也同样有效，它们需要根据移动设备的特点进行优化。

但要牢记用户会在以下几种不同的情形下使用移动设备：

•在路上使用

•时间紧迫的时候

•信号差的时候

•太阳强光下

•小屏幕尺寸

•触控板

接下来，介绍一下在线表单简易化发展的10个重要法则。

1.了解受众

了解你的目标受众

在你开始设立在线表单之前，首先要保证你熟悉你的目标受众、他们的使用流程、他们的设备型号和使用情境、以及他们的使用目标。只有这样，你才能知晓如何满足你的顾客。

2.越简单越好

表单越短越简单越好

简易化对静态设备来说很重要，但对于移动设备也是必不可少的。所以，确保您能遵守以下规则：

•去掉不必要的问题

•简化过程

•使用紧凑的单列形式

•将长表单切分到多个页面，但仍显示用户还在填写过程中

•插入字段标签使表单易于理解

•使用表单校验来检验输入的内容，并及时向用户提供反馈信息

3.友好

友好地对待粗短的手指

许多在线表单的格子又小又紧密，使得在智能手机上打字不是一件容易的事。所以应该给顾客的手指更多操作空间。

•所有的表单元素都尽可能大

•在表单元素之间有足够的距离

以“Expedia.com.hk”为例，它的表单元素之间就有大量的操作空间。

4. 移动端选项

使用移动端特定的输入选项

表单元素易于手指操作是十分重要的。比如单选按钮通常都太大，可以用按钮或标签代替。由于在智能手机上打字既麻烦又费时，那就尽可能提供给定的文字或者日期选择器让用户选择。

以“Expedia.com.hk”为例，一个日期选择器简化了手动输入日期的过程。

5.移动端选项

概述输入字段

尽可能根据内容合并一些输入字段。
例如使用“输入姓名”代替“输入姓”和“输入名”。

6.标上标签

在输入字段上方标上标签

在输入字段上方有标签时，用户能够更容易地看到标签并更快地填写表单。如果没有足够的空间，那么可以使用所谓的“行内标签”—那些写在空格内、当你点击它时会出现的标签。然而这些标签不适用在长表单内，因为这会使上下文情境中断。

7. 指定输入格式

指定输入格式

需要考虑用户将要输入哪些字符，比如字母或是数字；以及事先指定各个字段的输入格式。这都能使用户操作变得十分容易。

8. 应用“智能缺省”

应用“智能缺省”

使用智能缺省后，表单将自动填上从注册、IP地址或GPS中获得的已知信息。如果用户的姓名、地址以及城市能被自动填写，这会加快用户填写过程。

9. 给用户惊喜

以创新给用户惊喜

尝试寻找新的显示形式来引起用户兴趣，但仍然易于操作。使用所谓的“自然语言”是一种可能，这意味着表单输入字段会被设计成自然段中的句子。但仍要注意的是：需要考虑这种风格是否适用于你的目标受众和内容。

10. 最后一点

最后一点：考虑加载时间

由于用户情境的特殊性，加载时间成为移动端使用中的重要因素。用户可能是在一个匆忙的、时间紧迫或者信号不稳定的情况下使用，这时快速的表单加载时间就变得至关重要。否则，用户可能会停止加载过程

【声明】内容源于网络

mediaman

关注mediaman动线网络，尽享第一手数字化资讯。

内容 100

粉丝 0

mediaman 关注mediaman动线网络，尽享第一手数字化资讯。

总阅读0

粉丝0

内容100