教育宝

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

学习经验 UI设计 https://www.jiaoyubao.cn/ | 手机站

2021年11月06日 12:44:58

诸如CRM这类企业级的软件中,表单类的界面非常多,这也促成了今天的这篇文章。一个优秀的表单到底要具备怎样的素质?如何提高表单的用户体验和使用效率?赶紧来了解下吧!

  作为世界著名的客户关系管理软件巨头,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的规则来设计的,这也确保了这套交互的准确和广泛的适配性。

如果大家通过上面的阅读,还想了解更多UI设计相关信息,可以关注我的微信18560125702,我会为你匹配合适的学习方案,选课有问题,快来找学姐,嘻嘻。返回教育宝头条

UI设计培训
如何实操针灸怎么下针

上一篇

如何实操针灸怎么下针

八个瞬间提升界面质感的小技巧

下一篇

八个瞬间提升界面质感的小技巧

【免责声明】本文仅代表作者本人观点,与教育宝无关。教育宝对文中陈述、观点判断保持中立,不对所包含内容的准确性、可靠性或完整性提供任何保证。请读者仅作参考,特此声明!当您认为您的知识产权或其他合法权益被侵犯,或者页面信息有误需要纠正或者删除,请联系客服或致电400-601-2788。
推荐资讯
  • 宁波UI设计培训哪家好 3大宁波UI设计培训机构推荐

    宁波UI设计培训机构有很多,但是很多人不知道宁波UI设计培训哪家好,如何选择正确且靠谱的UI设计培训机构就成了一个非常重要的事情,今天小编就和大家一起来看看该如何选择一家好的UI设计培训机构。

    2018年10月17日 12:15:27
  • 上海UI设计培训哪家好 5大上海UI设计培训机构推荐

    上海UI设计培训机构有很多,但是很多人不知道上海UI设计培训哪家好,如何选择正确且靠谱的UI设计培训机构就成了一个非常重要的事情,今天小编就和大家一起来看看该如何选择一家好的UI设计培训机构。

    2018年10月24日 14:25:24
  • 武汉UI设计培训哪家好 5大武汉UI设计培训机构推荐

    武汉UI设计培训机构有很多,但是很多人不知道武汉UI设计培训哪家好,如何选择正确且靠谱的UI设计培训机构就成了一个非常重要的事情,今天小编就和大家一起来看看该如何选择一家好的UI设计培训机构。

    2018年10月26日 12:53:26
  • 沈阳UI设计培训哪家好 5大沈阳UI设计培训机构推荐

    沈阳UI设计培训机构有很多,但是很多人不知道沈阳UI设计培训哪家好,如何选择正确且靠谱的UI设计培训机构就成了一个非常重要的事情,今天小编就和大家一起来看看该如何选择一家好的UI设计培训机构。

    2018年10月27日 11:03:14
  • 济南UI设计培训哪家好 5大济南UI设计培训机构推荐

    济南UI设计培训机构有很多,但是很多人不知道济南UI设计培训哪家好,如何选择正确且靠谱的UI设计培训机构就成了一个非常重要的事情,今天小编就和大家一起来看看该如何选择一家好的UI设计培训机构。

    2018年10月28日 16:53:46