前端开发入门到精通的在线学习网站

网站首页 > 资源文章 正文

表单设计思路和一些小tips(表单设计要点)

qiguaw 2024-11-07 11:54:48 资源文章 14 ℃ 0 评论

1 内容

标签:即组件。显示输入的内容提示。

输入框:表单使用人填写表单的地方。

操作按钮:即表单提交或者取消的按钮。


2 设计思路

  1. 从用户体验视角明确表单设计目标
  2. 设计方法注意降低用户行为负荷
  3. 了解表单承担的任务行为的发生路径
  4. 避免一些设计误区:操作的复杂与简单、心理负荷……

3 设计技巧

① 降低负荷,删繁就简,分门别类

了解表单背后的业务场景,理解每一条表单信息字段背后的业务价值,通过拆、合、减的方法,按照业务场景,归类和包装字段信息。

注意表单的填写信息的逻辑关系:设计时能单行单列就单行单列,要先简单后复杂,从熟悉到陌生,从基础的、必填的到选填的……

②减少用户行为成本,提高用户体验

一些能给默认选项默认值的地方尽量给,减少用户的纠结和选择,提升用户体验感;

能做成选择题的就不要做成填空题;

下拉选择可以减少表单空间,优化表单外观,但平铺选择可以方便用户选择,各有利弊;

建议即时校验;

建议输入联想。

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表