更好的表单设计，从这6个设计策略开始

  用户浏览我们的网页时，并不是通读所有的内容，而是快速地扫描整个网页。因此，如果用户来到这个网站，是为了寻找特定的内容或者是完成某个任务，那么他们会先浏览整个网页，直到用户找到了自己想要去的地方，因此，作为一名合格的网页设计以及网站建设者，你应该*清楚在网站制作过程中什么是*忌讳的，下面腾虎网络小编为你解答！

1、不要让用户等

      网站用户的耐心和注意力是非常小的，当用户在等待内容加载时，他们很可能会变的沮丧。如果加载速度很慢，用户很可能会离开这个网站，即使是足够漂亮的加载动画设计也无法改变这个结果。

2、在新标签页打开链接

在新标签页打开链接的设计让用户无法使用“返回”按钮返回之前的页面。这是非常不好的设计。

3、整个网站充斥着广告

促销和广告会掩盖网站里的内容，也会让用户很难集中注意力去完成任务，更不用说那些看起来像广告的事情常常会被用户忽略

4、滚动劫持

      滚动劫持是指：网站的设计者或***控制滚动条，从而使得用户在滚动鼠标时，会在网站上看到不同的效果，包括动画效果、固定的滚动点、甚至是重新设计过的滚动条。滚动劫持是用户*不喜欢的设计之一，因此，它夺取了用户控制滚动条的权利。当你设计网站时或设计用户界面时，你应该让用户自己决定自己浏览的网页或APP的位置。

5、自动播放视频

在后台自动播放视频、音乐或声音文件，都是用户难以接受的设计方式。用户很少使用这些元素，除非是在适当的时候。

6、为了网站的美观牺牲网站的可用性

      一个网站或用户界面的设计不应该因为内容影响用户的消费能力。不要在文字后使用繁重的背景、也不要使用让用户很难阅读或颜色对比不明显的配色方案。

7、使用闪烁的文字或广告

闪烁的内容或闪烁会导致易感人群的癫痫病。这样的设计不仅能引发癫痫，而且还在网页设计领域中，表单设计始终是绕不过去的话题。有的表单设计的很无聊，但是有的表单却设计的很有趣，但是无论好坏，用户总得将表单填完，才能进入下一个环节，所以，表单的交互和体验无比重要。和其他的设计工作一样，表单是设计师/产品和用户进行沟通的桥梁，创建易用、**的网页表单，用户填写越方便，转化率也就越高。

      表单那可以有趣，可以便捷，真正的难点在于让整个体验足够优秀。用户不会因为有趣而填写表单，他们要的是表单填写之后的结果。因为信任你的网站或者APP，用户才会将他们的信息通过表单提交上来，但是由于种种原因，这些信息的呈现、传递和保存*终成为了设计师和用户两方的痛点。强化表单的功能性，不仅需要更优秀的视觉设计，还需要强大的代码在后方支持，同时还得对用户有足够的了解。今天的文章，为你提供一些设计技巧，帮你提升表单的用户体验和转化率，希望对你有所帮助。

      我们拿一个旅游门户网站的注册流程作为实例，帮你更好地理解这些技巧。也许这些技巧听起来很简单，但是魔鬼常常藏于细节，多加小心并不为过。通过这个注册流程实例，我们将会说明六个表单设计的实用技巧。

1、人性：围绕着“信任”来做设计

      无论是设计师还是用户，都在追求更好的体验。但是产品体验好始终都是有一个重要的前提：目标受众能够充分地理解设计元素和其中内容，再才谈得上体验是否足够优秀。此外，在设计的时候，要有目标地让用户同品牌本身的产生情感关联，而不仅仅是数据和程序驱动下的流程推进，冰冷的过程所带来的疏远感对于产品本身是不利的，个性、情感化的呈现，会有更好的效果，但是需要足够的时间来打磨。

      同时，值得注意的地方在于，插画、图像和图标这样的视觉元素，应该是内容的补充，这个时候不应该喧宾夺主。在下面的案例当中，我们使用了图片来搭配表单。

2、简明：简单的布局让信息更容易被获取

      人的眼睛在阅读内容的时候，其实非常的挑剔。如果使用了太多的色彩和设计元素，用户一定会注意到它们，同时所带来的问题，就是用户难以将注意力集中在关键的信息上了。

       浅色的背景和更容易被聚焦的主体内容搭配在一起，是有效的设计策略，合理地加入一些描述性的内容，帮助用户更好地理解信息也是个好主意，这可以提升整个流程的速度，增加表单的直观性。在这个案例当中，诸如“Username”和“Password”都作为描述性的文本，来帮助用户了解各个字段需要填写的内容。

3、易懂：提升表单的可理解性

      表单是否能够被用户所理解，是否为用户所信任，是设计者在这个环节需要考虑的首要问题。每个步骤都要足够的诚实，并且提供充分的说明，这样可以让用户保持耐心，并且做足准备。相比于隐藏了关键步骤，相对冗长但是内容充分的表单，更值得信任，并且不会让人沮丧。不过请注意，表单应当尽量提供**必要的信息，充分并不意味着要多而全，“少即是多”的原则同样在此适用。

4、引导：报错信息要微妙地处理

      无论表单中所承载的信息有哪些，都应该让用户感受到引导感。用户所填写的信息，是你或者你的产品所需要的，所以在设计表单中内容的时候，保持适当的“对话感”。当用户填写的信息出错的时候，尤其如此，不要让用户觉得这个错误很可怕，而是通过引导，降低用户的沮丧情绪，尽快修改，完成填写。

      在下面的案例当中，用户填写出错并且以“Sorry”来开头，这种委婉的表述方式来缓解用户情绪，然后提供有用的建议，帮助用户解决问题。

5、陪伴：始终为用户提供帮助

      当用户在表单填写过程中出错，有用的帮助能够让用户更加舒适，增加信任感。帮助可以是任何形式，无论是弹出框、faq页面，还是即时通讯聊天框，都可以。

      在下面的实例当中，我们采用了聊天对话框来为用户提供帮助，这样的设计让用户有一种“始终有人在旁边提供帮助”的观感，如果出错的时候，主动为用户提供帮助信息，则能够进一步强化对用户的信任感。

6、奖励：完成任务之后祝贺用户

      当用户完成任务之后，获得祝贺，大脑中分泌多巴胺，从而获得愉悦感和满足感。这种现象是得到临床验证的。无论是真实的祝贺，还是完成任务之后的系统提醒，都会让用户产生这样的反馈。游戏化设计当中，常常会采用这样的机制，看似获得更多成就，实质上是催发用户体内产生多巴胺这种“化学奖励”，产生快乐的感觉。

      虽然很多时候，UI所提供的祝贺和奖励仅仅只是一个简单的“Thank You”，但是在用户那边则获得了良好的感觉和真实的笑脸。

结语

      表单可能是网站或者APP当中*简单、*常见的部分，但是它在整个体验流程和产品当中，都起着关键的作用。**再提醒一句，让表单保持简短，和用户保持对话，好设计也许会给你带来意想不到的效果。会因吸引用户的注意力而惹恼用户。