违者必究！这些表单设计的基本准则你都知道？

    编者按：表单可能是日常UI设计中较常见的设计元素了，它广泛的应用范畴、多年来的积淀使得表单设计牵涉到大量的、约定俗成的设计规则。今天我们来聊聊这些较常见的表单设计准则~

无论是注册网站还是内容输入，总是回避不了表单这种UI控件。表单几乎是每一个数字产品都无法规避的组成部分，它的作用近乎无可替代。不过，表单这种控件应用范畴极为广泛，应用情况牵涉到方方面面，所以请注意，今天的文章里我们所提及的设计准则都只是一般准则，每一种其实都有例外的情况。不过作为一般准则，它们可以很好地引导你设计出一个可用性有效的表单，同时，作为设计师的你还需要根据实际情况，灵活地调整细节。

接下来，我们一起来看看这些准则都包含了哪些内容吧。

尽量使用单列设计

多列的表单容易让人分心，无法有效垂直浏览一口气完成填写。

顶部标签对齐

    标签和输入框纵向排列靠左对齐的设计，比起两者并排摆放效果更好。一方面，这种设计在桌面端和移动端都足够友好，另一方面，这样的设计可以更好兼容不同类型、长短的标签，便于用户视线的纵向扫视。不过标签置于输入框左边的设计也有其优势所在：布局更为紧凑，表单长度被压缩，显得更短，在特定的页面布局需求下，可能是更好的选择。

关联标签和输入框

    让相互关联的标签和输入框更加靠近，组成分组，让不同的分组保持相对较大的距离，用户不会产生迷惑。

避免字母全大写

    全部字母大写会难于阅读和快速扫视。

0于6个选项就全部展示

    当表单中需要选取不同选项的时候，0于6个选项就不要使用下拉选框来选取了，因为下拉选框需要两次点击完成结果的选择，而直接选择来的更快。而超过5个选项的时候，选项过多，适合下拉选框的展示形式。

避免将标签作为占位符使用

    为了让布局更紧凑，将标签作为占位符放置于输入框内是很有诱惑力的做法，但是这样存在一定的可用性问题：让部分用户迷惑内容已经被填写；点击输入的时候占位符消失，有的用户会忘记输入内容属性。

复选框应当纵向排列

    纵向排列复选框让用户可以更快的扫视内容，便于进行选取。

表述清晰的行为召唤按钮

    行为召唤按钮中的标签必须使用简短而明确的词汇，让用户明确行为的意图和功能。

指明出错的内容

    当用户填写内容出错的时候，应当指明发生错误的条目，以及错误的原因。

在用户填写完后再验证

    除了需要在输入过程中进行实时验证，普通的内容输入应当在用户输入完成之后再对内容的格式、属性进行验证，这些时候尽量避免使用内嵌验证。

不要隐藏基本的帮助文本

    将基本的帮助文本直接展示出来，除非你的帮助文本超过100个单词，信息量过大。如果帮助文本内容过长，建议置于靠近标签或者输入框的地方，光标悬停时展示。

区分主要操作和次要操作

    主要操作和次要操作是要进行区分的，而这个要根据使用场景和需求来分析和区分。

让内容长度和输入框长度对应

    输入框的长度应该同输入内容进行对应。诸如邮政编码、电话号码和银行卡号这样的字段，长度都是固定的，在设计它们的输入框的时候，输入框的长度是很好确定的。

正确区分必填字段和选填字段

    用户有的时候并不知道哪些字段是必须填写哪些可以不用填写的 ，通常会使用星号（*）来区分两者，但是星号有的时候并不能为用户理解，所以尽量用文字来标识差异。

相关信息分组

   过长的表单常常会让用户感到烦躁和不知所措，应当根据特定的逻辑、内容属性将相关的内容分组，强化表单整体的形式感，用户觉得更容易填写表单，也更容易完成。

值得思考的问题

    设计师应当考虑可选字段是否真的必要，并且尽量从更多的渠道搜集数据。

    用户数据的搜集和录入日趋完善甚至日益复杂化。智能设备本身所搜集的用户信息越来越多，通过用户授权，APP和网页可以获取大量不同类型、不同体量的数据，这些数据还可能来自第三方的帐号，有或者某个其他的APP，这些信息对于产品而言都有巨大的价值，而体现在表单设计上较直接的好处，就是用户可以少填写很多重复的信息。

虎网科技（西安网站建设）总结：让表单有趣

    时间宝贵，生命短暂，谁想将大量的时间耗费在填写表单上呢？其实表单的填写可以更加有趣的，设计师可以将情绪、情感通过合理的表单设计强化品牌的气质与特征。在不违反上述一般法则的基础上，设计师能做的事情还有很多，为什么不让表单更有趣呢?

优秀交换链接的标准

    交换链接的方法很多，但是优秀的交换链接标准却并不一定被大家所熟知，下面一一介绍 网站相关性 优秀交换链接的首要标准就是要有相关性，这里的相关性是指两个相互交换链接的网站，在主题内容上要有关联，要不互补、要不同类。举例来说，新浪新闻频道是一个专注新闻发布的地方，所以它的交换链接大多是和新闻相关的其他网站。比如，因为新浪新闻中有国内外的不同新闻，所以它的交换链接网站中，就有很多同样发布国内外新闻...

       广州网站建设怎样提高用户体验度 在近日，广州虎网网络的小编看到淘宝体验团队做的一些关于提升与量化用户体验的文章，加之自己对淘宝整个数据产品的体验设计感觉也非常的棒，淘宝真的很棒，它有太多我们值得学习的地方。 　　很多非小型互联网企业会选择在企业创建UED、UE或UX部门，对此我非常支持，但我有一些意见。广州网站建设的用户体验部门应该承担起更大的责任，一个产品或服务，用户的体验都是非常重要的，对我而言用户体验重在首任。 　　在用户...

       企业网站建设将面临怎样的发展趋势 企业网站建设带来的好处是用言语无法形容的，因为很多时候，一些大单子，大品牌的出现靠的就是互联网。企业网站的出现，不仅让企业挖掘客户不再被动，同时还能够有目的有效率的寻找客户，这样企业在收益方面就会大大增加。这个主动性也意味着将来企业网站建设更偏向于用户体验，只有用户体验好了，才能吸引更多的用户，从而促进交易的成功。 　　一、信息无限量，成本更低 　　互联网的飞速前进，降低了成本，让信息在更广范围内...

       新网站怎样实现快速收录 一、在站长网发一篇原创的有吸引力的文章，这篇文章一定是要原创的，因为站长网一直的原则是把原创放在第一位，重质量是站长网的一个特点，所以你务必要写一篇有高质量的文章，那样才可能排到首页，而百度对站长网是很友好的，文章发布通过显示在站长网首页里，那么百度蜘蛛很快过来，并把你的文章收录，然后顺着你的链接进入您的网站，直接收录进去了。目前我用的就是这种方法。 二、在搜搜问问回答问题时留下您网站的链接，切记...

       深圳宝安力量威手机配件与虎网科技签署网站建设合作协定 力量威在深圳市宝安区福永镇白石厦东区龙王庙工业大厦A9栋。力量威是经深圳市宝安区工商局审核的有资质公司，统一社会信用代码：91440300678593233J。同时经国家工信部和广东省通信管理局审核通过ICP备案；备案号：粤ICP备09119044号。力量威选用虎网站定制型网站案例，此类网站主要是按客户要求和提供的风格案例或效果图纸来做，这种属于仿制和定制型网站，是根据功能开发的难易度来评估报价的...

       网站编辑工作者（网编）的成材之路 1、新闻编辑 关于网络编辑，只是复制粘贴的尴尬，网络搬运工的无奈，大量此类帖子充斥于网络之间，令人沮丧。但切不可因此瞧不起这个最基本的“复制粘贴”。人的知识结构的建立，就像盖一座大厦，一砖一垒慢慢堆积，才可见到大厦全貌。没有这个最基本的垒砖头的过程，你是无法领略到做新闻的真谛的。你的新闻粘贴的多了，你就知道哪些是好新闻，哪些是垃圾新闻，哪些新闻可以成系列，哪些新闻可以追踪粘贴，哪些新闻没有报在点子...