bst365最新正规买球

北京网站制作公司分享10个设计好表格的技巧
  • 更新时间:2024-07-19 08:42:39
  • 网站建设
  • 发布时间:1年前
  • 176

无论是网站制作还是APP UI设计,表单都是界面中最常见也是最重要的组件之一。它们有广泛的应用,如用户注册、订阅服务、用户反馈、问卷调查、商业交易等。从数据输入到信息搜索,几乎无处不在。对于设计师、前端、开发者来说,要尽可能的重视表单的设计,让它们更容易使用。精心的设计会大大增加用户体验和交互效率。

北京网站制作公司分享用好表单进行设计的10个技巧

在今天的文章中,你会看到许多关于表单设计的实用建议,这些建议涉及可用性测试、现场测试、用户跟踪和用户反馈。

1.理清逻辑,保留必要的

表单是与用户交流的语言。像任何对话一样,它应该有助于双方以合乎逻辑的方式进行交流。所以,你需要这样做:

 保持问题的直观顺序。你应该站在用户的角度逻辑地提问,而不是按照程序或者数据库的逻辑。如果问题之间没有逻辑,可以按字母顺序排列。

以直观的顺序组织选项。比如选项是日期的时候,是按照周一周二周三的顺序排列的,不会乱序。

时刻反思从用户那里获取的信息是否有必要,如何使用。这样做是为了消除不必要的选项,提高完成率。

2.使用单列列表布局

要填写的多列表表单容易让用户错过,打断填写体验。用户需要按照之字形轨迹填写整个表格,不仅影响整个书写路径,降低效率,还会产生一些干扰。但是,如果使用单个列,则这种填充路径是单一的、直接的,并且更加直观和高效。

3.减少需要输入的字段和工作量

减少要输入的字段数量可以使您的表单更加简洁并减少加载时间,尤其是对于包含大量信息的表单。

 当然,仅仅减少输入字段的数量是不够的。你也要注意用户填表的方式、内容和工作量。打字是一种高交互的输入法,错误率高,时间成本高。所以要尽量减少用户的打字,使用复选框、单选按钮、下拉菜单等选项,减少用户出错的概率。

4.匹配输入框和内容的大小

MARD研究所的研究发现,如果一个字段与输入框相比过长或过短,用户会怀疑自己输入的内容是否正确,尤其是在输入CVV(信用卡验证值)等字段时。

为了保持良好的可用性,您应该使输入框的宽度尽可能与输入内容的长度相匹配。适当的预留空间可以让用户更安心。

5.标签放置在相应输入框的上方

对于用户快速浏览表单是否足够方便?如果用户很难快速浏览表单,那么填写表单的时间会更长。所以,好看和填充是好的形态设计的原则。Matteo Penzo的文章研究了表单和表单中的输入框应该如何布局,以便用户可以更好更快地浏览和填写。结论是标签应该放在输入框上方。

如果你想让用户尽快浏览,把标签和输入框垂直排列,靠左对齐。请注意,这是关于快速浏览。这种布局的优点是不需要太多的水平空间。用户只需向下浏览,无需左顾右盼。这种布局更容易形成响应式UI,兼容不同屏幕,不同应用场景。

6.支持灵活多样的格式

有些字段需要用户准确填写,但当要求用户输入具有特殊准确性或特定格式的内容时,可能会出现一些可用性问题。如果要求用户输入数字内容(如电话号码),最好是灵活的,支持多种不同的输入方式和显示方式,这样更容易让人检查(而不是机器),防止出错。 

比如座机电话的格式往往是(777)6665544,更方便用户查看、记录和记忆。

7.不要混合占位符和字段标签

 设计师通常在表单中放置文本占位符,作为额外的提醒,告诉用户如何填写示例。当用户开始键入时,占位符文本将会消失。

有些设计师会把标签直接作为占位符放在输入框中,以减少表单的长度和视觉混乱。对于简单的表单设计,这种设计影响不大。当表单的信息量很大且内容类型多种多样时,这种设计并不合适。这种设计的缺点是:

一旦用户点击了输入框,标签就会消失,用户很容易忘记谈需要输入的内容和形式。当用户看到输入框填充内容时,会误以为这个字段是填充的,没有输入。

如果您仍然需要在表单中使用占位符,也可以使它们作为浮动标签存在。显示默认的占位符,它作为标签浮动起来,在用户输入时提醒用户。

8.混淆可选和必填字段

正如我之前所说,尽量避免在表单中添加可选字段。但如果非要加入,至少要知道哪些字段是可选的,哪些是必填的。可选字段数量控制在1~2个以内,明确告知用户可选。

9.不要使用重置按钮

重置使用户可以很容易地删除表单上的所有内容并从头开始。这个风险太大了。在现实生活中,这个按钮从来没有帮助过用户。反而因为不小心触碰而更疼。

10.提供高可见性和特定的错误信息

理想情况下,用户可以通过填写表单并上传来完成任务。但现实中,错误是不可避免的。因此,当错误发生时,您应该以高度可用和可见的形式通知用户发生了什么。因此,您提供的错误信息应符合以下规则:

用户在输入字段时,应该实时告诉用户填写的信息是对还是错,而不是等用户填写完所有信息后,才告诉用户有错误。

错误信息应该一目了然,突出显示颜色、图标和文本。错误信息应该靠近输入框,而不是窗体的底部或顶部,也不是键的旁边。

如果输入格式是特定的,应该提前声明。

出现错误后,不要清空已完成的表单。

总结

在填表时,用户的犹豫是不可避免的。我们应该尽力使这个过程变得方便和容易。我们应该让形式设计成为优势,而不是劣势。极具针对性的表单设计、周到的细节和体验、不断的完善和调整、高效快速的提交和流畅的流程是一份优秀表单的特点。

我们专注高端建站,小程序开发、软件系统定制开发、BUG修复、物联网开发、各类API接口对接开发等。十余年开发经验,每一个项目承诺做到满意为止,多一次对比,一定让您多一份收获!

本文章出于推来客官网,转载请表明原文地址://www.tlkjt.com/web/9444.html

扫码联系客服

3985758

回到顶部