建站经验 experience
当前位置:首页 > 网站建设专题 > 建站经验
网页设计之移动端表单设计策略(上)
发布日期:2018-07-12 阅读次数:695 字体大小:

  网页设计之移动端表单设计策略(上)

  一、删除“信息”

  由于表单的信息过于,移动端的位置又有限,所以需要删除掉多余的信息,删除信息分两种情况:

  (1)删除标题多余字段

  客户提交过来的业务表单里面,大部分的标题字段过长,并且啰嗦,例如:投诉表单中的“违法行为的起止时间”标题, 做“删除”调整之后标题可变成“违法时间”,对应的在时间选择框的温馨提示语告知用户:请选择开始/结束时间,即可解决问题。

  (2)删除表单里的标题

  通过调研之后发现,:客户提交过来的表单中有些标题字段,即使没有也不影响他们帮助用户解决问题,也就意味着这些标题字段 是可以删除的,必要的信息呈现给用户让他们完善即可,不要把非必要的字段硬塞给用户,多一个标题字段就会多一位用户放弃填单。

  二、调整排版

  旧版本的页面布局是采用从上到下,即标题字段在上输入框在下,这在一定程度上会使得表单的页面内容过长,同时字段标题的长短不一破坏了版面结构。

  新设计的排版是采用从左到右,采用标题在左输入框在右这种布局是基于以下两点考虑:

  由于对标题进行删除操作后,标题基本可控制在4个字段内,若特殊情况操作4个字段,即可自行拓展成两行;
从左到右的排版在一定程度缩短了表单的长度,并且减少了用户向下滑动的操作次数。

  三、组织“信息”

  表单信息平铺出来没有进行组织,会让用户感觉杂乱无章,没有一个清晰的认知,为快速帮用户建立认知体系,需对标题信息进行分块组织,把合适的东西分到相同的组里去。