Salesforce Lightning的高效页面设计

Salesforce 的用户每天的工作都会使用到表单，无论他们是销售员、管理者，还是经理。无缝地进行添加、编辑和删除信息的操作是保证效率的关键因素之一。提高这一体验是 UX 团队创造全新的 Lightning Experience 的目标之一。

对齐标签&输入框

在 Lightning 的表单中，标签被放置在它所对应的字段上方。竖直排列的标签相当高效，因为「只需要上下扫一眼就能同时看到标签和字段」。对比一下 Salesforce Classic UI 和全新的 Lightning Experience：

表单中的一切元素均左对齐

尽管新的设计占据了更多的垂直空间，但是标签/字段组却显得更加清晰。用户能够直接自上而下地扫视信息，而不必从左到右再循环往复。

在视图模式中，我们同样运用了这一原则来改进信息的层次性和可辨性。

左: Salesforce Classic; 右: Lightning Experience

设置默认值

如果你是一名销售人员，你可能需要和许多潜在客户打交道（也就是意向/lead）。为了在 Salesforce 里面追踪他们，你首先要新建一张意向表单。创建的表单也许看起来像下面这样：

在 Salesforce 中新建意向表单

看起来非常简单，对吗？但是让我们再来仔细审视一下，表单中的第一个可编辑字段是「意向状态」，有以下几个选项：none, contacted, open, qualified, unqualified。

研究表明，设置默认选项会引导人们在一系列选项中选择默认选项。我们不妨利用这一结论。想象自己是一名销售人员，想要向系统中添加新的意向表单，而大多数新的意向表单都会默认为「open」状态。因此，与其将它设置为空白，不如改为「open」。

现在，当人们想要创建新的意向表单时，状态栏默认是「open」，修改这个选择看上去微不足道，对每个人来说只节省一两秒钟，但是对于拥有成千上万个人的组织来说，节省的时间就相当可观。

预填充关联字段

一些细节记录页面都包含「发布器/publisher」，允许用户快速记录号码或创建新任务/活动。比如下面这张表单：

通过发布器记录号码

发布器局部放大图

理想情况下，用户会认真地填写每一个字段中的详细信息和相关信息。实际上，他们并不会这么做。

在这个例子中，用户正在填写一张姓名为 Walter Junior 的意向表单，他想记录刚刚打完的电话。在发布器中，表单中有4个字段：主题、评论、姓名、相关。而「姓名」字段已经预先填写了意向表单的意向人姓名，而「主题」字段也简单地填写了「call」。

理想情况下，用户会认真地填写每一个字段中的详细信息和相关信息。实际上，他们并不会这么做。每一个额外的字段对用户来说都是一道障碍。为了解决这个问题，我们设计了一种折衷方案：系统会根据上下文预先填充某些关键信息。这样做就能够扫除填写表单时的潜在障碍，因为用户需要填写的字段从4个变成了2个。

键盘友好型&易用性

全新的 Lightning Experience 设计初衷就是更加容易使用。用户只使用键盘，就能够进行编辑和更改任何字段。另外，每一个表单控件都能够使用符合 W3C's Authoring Practices for Design Patterns 的特定键盘交互模式。

日期选择器控件&相关的 W3C 建议

上面所提到的并非只是为了易用性。重度使用键盘的高级用户也能够从一致的键盘体验中受益。高级用户能够轻易地在字段间切换并做必要的编辑，而不需要将手指移开键盘。

更多期待

Lightning Experience 是 Salesforce UX 团队的一座里程碑，但却远不是最终结果。我们会继续提高 Edit 体验，包括将 Inline Edit 转向 Lighting。

不管你的角色是什么，你都可能不得不与表单打交道，无论小到服务协议上的复选框，还是大到复杂的 CRM 网页，表单都是不可避免的。在企业级应用中他们特别重要，因为用户每天都会花费数小时与表单打交道，任何能够提高效率的小的改进都会得到显著的放大。