浅析表单设计

开篇：润墨网以专业的文秘视角，为您筛选了一篇浅析表单设计范文，如需获取更多写作素材，在线客服老师一对一协助。欢迎您的阅读与分享！

摘要：表单总是很令人讨厌。用户在互联网上交友，购物，娱乐，但总是必不可免的要填写一些表单。表单把用户与其想得到的东西分隔开来，没有人天生愿意填写表单，但是为了他们想要的东西不得不硬着头皮填写这令人讨厌的表单：用户名，密码，性别，年龄，籍贯等。填写表单不是用户想做的事情，而是一个必经过程，一个桥梁，它可以使一桩交易成功，也可以将用户拒之门外，所以它的设计非常重要。

关键词：表单；布局；细节；以用户为中心

中图分类号：J022 文献标识码：A文章编号：1005-5312（2011）11-0071-01

表单已经成为互联网中不可或缺的一部分，无论是用户注册网站会员还是网上交易，填写表单已经成了必经之路。精心设计的表单正如服务口碑良好的商店，给网站带来更多的用户和关注，而差的表单则让用户对网站望而生却。故表单的设计非常重要，本文对其中几个要点做讲解。

一、表单的问题

（一）问题要尽量少。表单设计应做的是让顾客尽快达到自己的目的，所以问题越少越好，最好只是必须的。但是很多网站希望得到更多的用户信息，如联系方式等，这些涉及到用户隐私的问题必须时一定要事先说明。

（二）问题应逻辑分组。当表单的问题较多时，在较为复杂的交易中会涉及到，如网上购房，为了方便用户理解和填写，可以将表单按逻辑分为几类，这样可以提高完成速度。

二、表单的布局设计

表单的页面布局多采用一栏式，无广告等闲杂，这也是为了提高表单的完成率。表单中包含标签和输入框，就其对齐方式可以分为三类：垂直对齐，左对齐和右对齐。

垂直对齐方式，强化垂直浏览线，用户视线移动最少，故表单完成使用时间也最少，但同时也存在一些缺点，如增加了垂直空间，必然伴随较多的滚动条的使用。

左对齐方式，较垂直空间的占用量明显减少，但增加了用户的视线移动次数。标签左对齐便于用户通览表单的信息，但是当标签与输入框的距离较远时，视线在两者之间移动影响表单完成速度，且这样的距离过长可能会造成对齐输入错误。

右对齐方式，与左对齐一样减少了垂直空间的占用量，增加了用户的视线移动次数。不同的是，标签的右对齐保证了标签与输入框之间紧密而稳定的联系，但是这也导致标签左侧参差不齐，影响用户对表单信息的整体把握。

三种对齐方式各有优略，使用时应视情况而定。

三、表单的细节设计

表单的设计中有很对细节值得注意，任何一个细节上的失误都可能导致用户的流失，故每一个细节都应该认真对待，这里主要讲了帮助文字，提示文字，字符数，反馈，动作，验证码六个主要的细节，但是表单的细节并非只有这些。

（一）帮助文字

帮助文字有助于用户快速完成表单的填写。但是要尽量避免帮助文字的使用，因为过多的帮助文字会导致界面拥挤，影响视觉效果。其次，过多的帮助文字会使用户高估表单的填写难度，导致用户望而却步，故帮助文字一定要简洁，在此基础上明确易懂。帮助文字的位置多在输入框右侧或是下方。

（二）提示文字

很多输入框内置提示文字，对输入内容进行简单的说明，从某种角度上讲是一种帮助文字，但因其位置的特殊性特此说明。提示文字在使用时，要特别注意，提示文字在光标介入时应自行消失，切不可作为输入文字提交。

（三）字符数

对于输入框有字符限制的一定要给出明确的提示，让用户在输入前就可以注意到。此外，尽量显示动态的字符剩余个数，让用户可以轻松无负担的填写表单。

（四）反馈

这是表单设计中很重要的步骤。对于用户的每一次操作都应即时给出反馈，尽量避免在整张表单填写完成之后整体给出，导致用户满页面的寻找错误。对于每一步操作都应该给出反馈，即使是正确的。正确的反馈可以让用户确认操作无误继续前进，消除内心不必要的疑虑。错误操作的反馈，要给用户指出出错的地方，原因，并给出建议。

（五）验证码

验证码的使用主要是为了帮助用户良好的使用网站而添加的额外输入，因此一定要注意它的合理使用，不要影响用户正常使用网站。

四、结语

表单就是这样的一个关键桥梁，沟通用户和网站之间。一个好的设计要时刻为用户着想，明白用户想要什么，给予提供，明白用户想做什么，给予帮助，让其顺利完成。整体上把握用户的需求外还要注意点点滴滴的细节，任何一个细节上的失误都可能导致用户的流失。

参考文献：

[1]【美】Steve Krug，Don’t make me think[M].北京：北京大学出版社，2006.