欢迎来到飞冠科技,开始您的互联网之旅!
咨询,就免费赠送建站大礼包,咨询热线:400-888-9141当前位置: 首页 > 建站知识 > 微信营销 >
联系我们
电话咨询:400-888-9141
E-mail:sales@feiguankeji.com
地址: 上海市松江区荣乐东路2369弄906室

移动端网站的设计和构思

作者/整理:admin 来源:互联网 2018-08-08

一、现状
传统的PC端空间范围大,能够将表单的所有信息连同温馨提示语等平铺展示出来,但是一下子用户看到这么多内容会给用户带来压力,进而放弃表单的填写, 这也是在PC端表单设计的用户体验很不好的地方,上海网站建设
如今的移动互联网时代,表单的设计思路不同以往PC端,移动端表单设计存在以下难点:
移动端屏幕空间有限,不可能像PC端一样在表单的设计上将所有的信息都平铺展示出来;
表单的字段信息比较多,会使得整张表单过长,以致得至少2屏以上的内容来呈现,过多的内容会促使用户放弃填单;
表单的提示语不够友好,没有给用户创造一个洽意的表单填写环境,用户在表单填写过程中更多的是不知所措;
移动端的输入困难,由于移动设备空间限制,用户很难看清并及时纠正输入过程中的错误;
移动选的选择器单行所能承载的字段数量有限,面对超多字段的选择项往往是不足以承载。
二、设计目标
尽可能让更多用户完成表单的填写,减少跳出率;
表单的设计要让用户少思考,少操作。
三、设计策略
1. 删除“信息
由于表单的信息过于,移动端的位置又有限,所以需要删除掉多余的信息,删除信息分两种情况:
(1)删除标题多余字段
客户提交过来的业务表单里面,大部分的标题字段过长,并且啰嗦,例如:投诉表单中的“违法行为的起止时间”标题, 做“删除”调整之后标题可变成“违法时间”,对应的在时间选择框的温馨提示语告知用户:请选择开始/结束时间,即可解决问题。
(2)删除表单里的标题
通过调研之后发现,:客户提交过来的表单中有些标题字段,即使没有也不影响他们帮助用户解决问题,也就意味着这些标题字段 是可以删除的,必要的信息呈现给用户让他们完善即可,不要把非必要的字段硬塞给用户,多一个标题字段就会多一位用户放弃填单。
2. 调整排版
旧版本的页面布局是采用从上到下,即标题字段在上输入框在下,这在一定程度上会使得表单的页面内容过长,同时字段标题的长短不一破坏了版面结构,松江网站建设
新设计的排版是采用从左到右,采用标题在左输入框在右这种布局是基于以下两点考虑:
由于对标题进行删除操作后,标题基本可控制在4个字段内,若特殊情况操作4个字段,即可自行拓展成两行;
从左到右的排版在一定程度缩短了表单的长度,并且减少了用户向下滑动的操作次数。