专业创造价值,服务赢取未来!我们专注于中小企业网站建设服务15年-博士通!
0755-89812581| 网站导航
返回资讯中心当前所在位置:首 页 > 资讯中心 >设计视界 > 15个企业网站制作常用的表单设计规范要求

15个企业网站制作常用的表单设计规范要求

15个企业网站制作常用的表单设计规范要求发布时间 : 2016-07-10    作者 : 博士通    浏览 : 2758

表单是企业网站设计中常见的一种元素,比如在线询盘表单,邮件订阅表单,产品搜索表单等等...

表单是企业网站设计中常见的一种元素,比如在线询盘表单,邮件订阅表单,产品搜索表单等等...无论是登录/注册流程、会员申请步骤还是数据输入界面,表单是互联网产品设计中的重要组成部分之一,因此,表单在网站设计中的重要性不言而喻。

在网站设计越来越注重用户体验的今天,表单设计方面有什么需要注意的事项呢?深圳建站公司_博士通这便为大家细细分析下(多图)。


1、列显示
单列显示表单设计

分析:多列显示会干扰用户的垂直视线。
2、标签置于输入框顶部

表单设计2
分析:当标签置于输入框顶部时用户完成表单的几率高于标签置于输入框左侧的表单。位于输入框顶部的标签在移动端的体验也更好。

但如果在需要输入较多变量和数据的表单时,则应该考虑置于输入框左侧的标签,这样能够减少行高,便于后期数据统计。

3、将标签与各自的输入框群组

表单设计3

分析:在呈现表单时确保单个标签和输入框组成的群组之间留有较大的空间,不让用户产生困惑。

4、不要全部大写

表单设计4

分析:全部大写的话不易于阅读,也不易于后期扫描。

5、选项不超过6个的话就全部展示出来

表单设计5

分析:如果超过5个选项的话就使用下拉式菜单。选项超过25个的话加入联想搜索功能。

6、不要使用占位符文本作为标签

表单设计6

7、复选框纵向排列以便于扫描

表单设计7

8、叙述性的进行行为召唤

表单设计8

9、针对性的提示错误

表单设计9

分析:告知用户错误的位置以及原因,有助于提升用户体验。

10、在用户填写结束后再进行验证

表单设计10

11、不要隐藏基本的提示信息

表单设计11

12、将一级动作和二级动作区分开

表单设计12

13、将输入框长度作为提示信息

表单设计13

分析:在输入电话号码、邮政编码、密码等情况下输入框长度可以提示字符限制。

14、用可填项代替必填项

表单设计14

分析:并不是所有用户都能理解(*)的含义,用可填项来代替会更好些。

15、将相关信息进行群组

表单设计15

案例推荐

深圳英博达智能科技有限公司

深圳英博达智能科技有限公司

案例热度_48162019-03-07
深圳市同德税务师事务所

深圳市同德税务师事务所

案例热度_46462019-03-06
贵港贵和科技有限公司

贵港贵和科技有限公司

案例热度_46482019-03-05

其他人还阅读了该篇文章:降低网站跳出率的30个优化建议

您可能感兴趣的文章:公司网站建设注意事项    |    企业网站建设套餐    |    企业手机网站制作    |    企业网站如何优化    |    企业网站改版收费

关于我们 / About Us
深圳网站建设办公环境 博士通是一家一站式中小企业网络运营方案提供商,全国统一服务热线 :0755-89812581 ; 博士通总部位于深圳,业务涵盖域名注册,空间购买,深圳网站建设,网站建设和改版,微信公众号运营,百度竞价托管,网站优化推广引流,手机网站建设,小程序开发,购物网站开发,企业邮箱申请等服务。和传统网络公司不同的是,博士通在网页设计风格上独树一帜,领先行业率先推出宽屏企业网站设计风格,围绕客户需求的同时兼具行业潮流设计网站,让网站在新式设备上获得更好地展示效果;历经14年网站建设企业网站制作经验积累,客户遍及深圳,广州,成都,香港等地,涉及办公,装饰,电子,物流等不同行业... > > > 详 情
联系我们 / Contact Us
深圳市  龙华新区
富泉大厦715室
0755 - 业务咨询
89812581
售后QQ : 1227522459
E-mail : service@800535.com
© 2004-2019 深圳市博士通科技有限公司 版权所有( 粤ICP备15005241号 )  网站常年法律顾问:朱运德律师   
logo
做个企业网站多少钱?点击QQ图标,马上知道答案!
logologologo
咨询热线:0755 - 898 12581