网站表单如何设计
文章来源:青云网站建设 作者:青云有梦 发布时间:2020-08-08 15:37:16 返回列表
在网页设计领域,表单设计一直是一个热门话题。有些形式很无聊,而有些很有趣。然而,不管是好是坏,用户必须先填写表单,然后才能继续下一步。因此,形式的互动和体验是极其重要的。与任何设计工作一样,表单充当设计者/产品和用户之间的桥梁,创建易于使用、高效的网络表单,用户填写越容易,转化率越高。
表单可能很有趣,也可能很方便,但真正的挑战是让整个体验足够好。用户填写表格不是因为表格有趣;他们想要填写表格的结果。用户通过表单提交他们的信息,因为他们信任你的网站或应用程序。然而,由于各种原因,这些信息的呈现、交付和保存最终成为设计者和用户的一个痛点。增强表单的功能不仅需要更好的视觉设计,还需要强大的代码支持和对用户的良好理解。今天的文章提供了一些设计技巧来帮助你提高用户体验和表单的转换率。我希望他们会帮助你。
为了帮助您更好地理解这些技术,我们以一个旅游门户的注册过程为例。这些技巧听起来可能很简单,但问题往往出在细节上,你不应该太小心。通过这个注册过程的例子,我们将说明表单设计的六个实用技巧。
1.人性:围绕信任设计
设计师和用户都在寻找更好的体验。但是一个好的产品体验总是一个重要的先决条件:目标受众能够充分理解设计元素和内容,然后谈论体验是否足够好。此外,在设计的时候,要有一个目标,让用户产生与品牌本身相关联的感受,而不仅仅是数据和程序推动的推进过程,异化的冻结过程不利于产品本身,个性、情感的渲染,会更好,但需要足够的时间来完成。
同时,值得注意的是,视觉元素,如插图,图像和图标应该补充内容,不应该篡夺主人的角色。在下面的例子中,我们使用图像来匹配表单。
2.简单性:简单的布局使信息更容易获取
说到阅读内容,人眼实际上非常挑剔。如果使用了太多的颜色和设计元素,用户肯定会注意到它们,问题是他们不能专注于关键信息。
浅色背景是一种有效的设计策略,搭配更容易聚焦的身体内容。加入一些描述性内容也是一个好主意,可以帮助用户更好地理解信息,这可以加快整个过程,使表单更加直观。在这种情况下,像用户名和密码这样的内容被用作描述性文本,以帮助用户理解每个字段需要填写的内容。
3.可理解性:提高表格的可理解性
表单是否能被用户理解和信任是设计者在这个阶段需要考虑的首要问题。对每一步都要诚实,并提供充分的说明,以便用户保持耐心和准备。与其隐藏关键步骤,一个相对较长但充满内容的表格更值得信赖,也更少令人沮丧。但是,请注意,表单应该提供尽可能多的绝对必要的信息,并且充分并不意味着更多,更少就是更多。
在本例中,用户很容易理解他们需要通过标识、地址和付款来完成流程。
4.指南:错误信息应该小心处理
无论表单中包含什么信息,它都应该让用户感到受到了引导。用户填写您或您的产品需要的信息,因此在您设计表单时保持对话。当用户填写错误信息时尤其如此。不要让用户觉得错误是可怕的,而是通过引导,减少用户的挫折感,尽快修改,并完成填充。
在下面的例子中,用户犯了一个错误,以“对不起”开始,这是一个委婉的表达来缓解用户的情绪,然后提供有用的建议来帮助用户解决问题。
5.陪伴:永远为用户提供帮助
当用户在填写表单的过程中出错时,有用的帮助可以让用户更舒服,增加信任感。帮助可以以任何形式出现,无论是弹出框、常见问题页面还是即时消息聊天框。
在以下示例中,我们采用聊天对话框为用户提供帮助。这样的设计让用户觉得总有人在身边提供帮助。如果出现问题,我们会积极向用户提供帮助信息,这可以进一步增强用户的信任感。
6.奖励:完成任务后祝贺用户
当用户完成一项任务时,他或她会受到祝贺,大脑中的多巴胺会被释放,从而产生愉悦和满足感。这一现象已被临床证实。无论是真诚的祝贺还是任务完成后的提醒,这种反馈都是由用户产生的。在游戏化设计中,这种机制通常被用来实现更多,但本质上,它是为了刺激用户的身体产生多巴胺,一种化学奖励,产生一种幸福感。
虽然很多时候用户界面会提供祝贺和奖励作为简单的谢谢,但是用户会得到一个好的感觉和一个真正的笑脸。
结论
表单可能是网站或应用程序中最简单、最常见的部分,但它们在整体体验流和产品中扮演着关键角色。最后要提醒的是,保持表格简短,并与用户保持对话。好的设计会给你带来奇迹。