达内专注IT培训20年,覆盖70座城市,近342家校区遍布,开设Java大数据、软件测试、Python人 工智能、web前端、Linux云计算、网络安全与运维、UI设计、运营、影视特效、全链路网络营销等IT培训、泛IT培训和非IT培训共12大IT课程,拨打客服电话预约了解课程详解及优惠!

5*大就业渠道全方位保障学员

名企定制班

企业”量身定制”技术人才,学员毕业后可入职企业

企业双选会

为学员提供入职心仪企业的通道，学员 与企业面对面沟通

专场招聘会

学员与数万企业面对面交流优中选优,现场敲定入职offer

人才优选

为在读期间就业机会,入职名企,高薪

地就业服务

达内学员一地学习, 就业,就业没有地区的局限性

帮你提升表单使用效率的四个界面设计技巧

作为世界的客户关系管理软件巨头，Salesforce 在CRM软件设计上有着深入的了解和过硬的设计和开发经验。诸如CRM这类企业级的软件中，表单类的界面非常多，这也促成了今天的这篇文章。一个的表单到底要具备怎样的素质？如何提高表单的用户体验和使用效率？看看Salesforce的团队是怎么做的。

Salesforce用户每天都在和表单打交道，无论他是销售人员、主管还是经理。所以，对于Salesforce而言，能否无缝地添加、编辑、除信息就是确保企业生产力的核心因素和驱动力所在。这也是为什么Salesforce的UX团队将表单设计和编辑作为新产品 Lightning Experience的核心。

1、标签&字段的对齐

在Lightning 中，表单里的标签和它所对应的输入字段是一起左对齐的，并且标签处于输入框的上方。这种设计方式可以让用户操作更加省心有效，和之前的版本相比，用户在浏览和操作的时候，只需要进行上下眼动就可以搞定一切，无需左右扫视。

一切都是左对齐的。虽然新的设计会在垂直方向上占用更多的空间，但是标签和字段的匹配会让整个界面在视觉上更加易用清晰。为了让用户在输入的时候看得更清楚，成对的字段和标签会更加靠近，两个不同的组之间的间隙会更大。无需左右扫视之后，用户可以更加顺畅地填写表单。在视图模式之下，我们采用了相同的原理来设计，这样使得信息的层次结构更，同时确保了整体的可读性。

2、设置默认值

如果你是一名销售人员，你的工作内容可能涉及到同潜在用户进行沟通（也就是“Leads”）。如果你想在Salesforce中跟踪这些潜在用户的信息，那么通常你得先创建一个相应的档案。如果要这么做的话，可能会创建下面的这种Lead 表单：

在Salesforce中创建一个新的Lead 表单。看起来很简单，是吧？但是如果我们仔细看看，就能逐渐找出这种表单在设计上的门道。第1个可编辑的字段是“Lead状态”，它包含了以下选项：无联系、有联系、开放状态、合格、不合格。

研究表明，设置一个默认值会引导许多人在多种不同的语境和环境下选择默认选项。好了，回到起初的问题，如果你是一个销售人员，在同新的潜在用户的沟通的时候，第1次填写这个表单的时候，你可能会更倾向于选择“开放状态”而非空着不填写。

好了，在绝大多数的情况下，新建一个Lead 表单的时候销售人员会选择“开放状态”。而在之后每次新建这类表单的时候，在这个字段上耗费一两秒来进行选择。但是如果这种表单的数量非常多，比如有几百份，那么这个修改成本就非常之高昂了。这就是为何要为一些字段设计默认值。

3、预填写相关字段

许多记录的相关页面会根据“发布者”来执行一些预制的操作，比如创建新的任务和事件。

4、让表单拥有更好的可访问性

在设计新的Lightning Experience 的时候，我们对于它的可访问性设计就有一个基本的构想。由于键盘输入还是目前我们用户的主要输入方式（考虑到我们这是一个企业级软件），所以一定要对键盘有良好的兼容和适配，必须确保用户仅用键盘就可以执行全部的操作。为此，我们为每个表单组件建立了特定的键盘交互模式，而且这些模式的构建是遵循W3C的规则来设计的，这也确保了这套交互的准确和广泛的适配性。