关于快速填表！给你5大要素

现在老板对注册量抓的很紧，当注册里的表单设计的太过繁琐或缺乏人情味，会直接让访客不想和你交朋友，哪怕是留虚假信息。

我只想说，网页中的快速填表功能非常重要。而国情却是很多网站没有快速注册表单。
千万不要觉得注册只是开发者的工作，这也需要设计师的积极参与，设计可以极大的提高可用性。

相关阅读：
表单设计的就应该就像个温柔有礼貌的服务生
向左走、向右走？表单元素设计大揭密

优秀的填表设计，能够清楚的让用户明白：我输入的东西准确无误的填写到输入域了、我填写的注册信息正在处理中。作为设计师，我们的任务便是：让用户看到清晰、保证用户输入的过程中是愉悦的。在细节方面，那些错误提示，以及填写时的友情贴士都带有足够的人情味！

指示帮助

有的时候用户对表单很厌烦，我们大可以在设计的形式上给用户带来新颖的视觉冲击。这可不是无关痛痒的小问题，这关系到用户体验，表单填写作为用户交互中的第一环，体验一定要优秀。
为了给予用户提示，应该在表单域下方或者附近添加帮助性文本，这叫做Microcopy(缩微文本)

排列与对齐

我们也可以通过设计控制用户填表速度。
我们可以通过标签排列和输入域的对齐来提高用户填表速度。
整齐有序的表格可以提高用户扫描速度，提高表格可用性。

如果需要用户精确的填写信息，那么可以至上而下的堆叠标签/输入域，这样就能减缓用户填写表格的速度。
但是这种方法需要不断的测试来提高可用性。
花上几分钟，思考一下，你的网站需要快速填表还是精确填表？用户对你设计的表格会有什么样的感受？用户会怎样填表？

现在我们来看看5个优秀的填表设计案例

01. Squarespace

Squarespace博客平台的做法很值得借鉴。

节省了空间，提高了填表速度：将各个填表域的标题置于其中。

02. Desk

Desk的方法也很适合快速填表，同样的标题内置，但是弹出窗口设计的很棒，能够起到视觉焦点的作用，让用户更专注于填写信息。

03. Basecamp

Basecamp是项目管理工具，简单设计，易于理解，箭头这一视觉符号非常传神。

04. Virb

Virb的注册表格是个优秀的范例，展示了如何利用设计以及缩微文本，让填表看起来便捷简约。

05. Weightshift

Weightshift的填表也很不错。
字体清晰，排列有序，看起来异常整齐，而且在输入时，周围会出现黄色高亮，以避免用户因分心而出错。

综合以上，5大要素：

1、节约用地：空间不足时，表单域的标题可内置于表单域；

2、雷厉风行：弹出层不要有太缓慢的动效，不要刻意炫技；

3、人情味：多多利用视觉符号及可爱的人物来指引用户，那些小贴士和提醒不要总是用醒目的叉子和红色字体。提示语可以温馨卖萌会比冷冰冰的文字好百倍；

4、有序排列：字段和输入框最好栅格化对其，并且用户的输入路径在一条竖线上！这是适合所有快速填表设计的杀手锏；

5、高亮填表：如何避免用户分心，高亮填表设计是个不错的思路；

原文地址：http://www.creativebloq.com/web-design/five-killer-ways-use-fast-forms-10134938
优设网翻译:@MartinRGB
转摘请注明优设网译文出处，谢谢各位小编。

 
================关于优设网================
"优设网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计讲座：每月邀请国内互联网公司设计前辈及行业总监在群内及YY语音（YY频道：156982）分享实战经验。
设计微博：拥有粉丝量56万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：