美文网首页Design2B
Salesforce 输入设计:Data Entry

Salesforce 输入设计:Data Entry

作者: truelie | 来源:发表于2018-11-24 00:53 被阅读1次

    Salesforce用户需要经常添加、更改和删除信息。各种各样的文本输入和选择选项,清晰而有效地促进了这一体验。

    基本文本输入

    对于单行和多行文本, 自由格式数据输入的最简单方法。若要限制文本的数量, 请使用单线输入;若要限制输入的类型, 可以指定格式, 如数字或电子邮件地址。多行文本区域允许用户输入长格式纯文本,不能指定限制内容类型的格式。

    在字段上方或左侧标记输入区域。在大多数上下文中, 堆叠标签 (顶部标签) 有更好的可读性和清晰度。只有在需要保存垂直固定的且少于10个字段的情况下, 才使用水平标签。若要将相关字段 (如地址的各个部分) 组合在一起, 请使用复合输入。

    文本大小

    默认文本大小在标签文本和输入文本之间创建可视层次结构。为了节省垂直空间或在宽度约束边栏中有一长串字段时, 还可以使用较小的输入尺寸。输入宽度取决于标签的位置,输入宽度为容器的100%。

    Sizing

    输入帮助

    为了帮助用户, 您可以添加帮助文本。如果解释冗长, 请使用 "信息" 图标和工具提示。对于简短的解释 (比句子短), 您可以将文本放在字段下面。

    Input Help

    您还可以使用占位符文本提供所需输入类型的示例。例如, 在 "名称" 字段中, 以正确的格式显示名称。

    复杂文本输入

    复杂的文本输入为用户提供了特定类型数据输入方面的额外帮助。

    日期选择器

    日期选择器不是强制用户手动键入日期, 而是为用户提供了一种浏览和选择单个日期或日期范围的可视化方式。

    Data Pickers

    查询器

    查询器允许用户在数据库中搜索记录以填充字段。查询器可以限制为单个记录, 也可以允许多个记录填充单个字段。

    Lookups

    选择输入

    选择输入允许用户在给定字段的有限选项之间进行选择。

    复选框:对布尔字段使用单个复选框, 用户只能在 "真" 和 "假" 之间或 "打开" 和 "开" 之间进行选择。

    Checkboxes

    单选列表:单选列表允许用户从短列表中选择一个选项 (少于10个选项)。您必须有足够的空间将所有选项放在一起, 以便于比较。通常, 单选列表以独立字段的形式显示, 例如在提要中进行投票, 而不是以较大的形式使用。

    Radio Lists

    切换:类似于复选框, 因为它为用户提供了项目的二进制选项。然而, 切换是自成一体的--把它看作是一个只有一个字段的简短形式。当用户打开或关闭切换时,将立即保存该项目的更改。切换对于减少歧义很有用。自从立即切换保存后, 用户在页面上看到的始终是干净的状态 (从不保存/脏状态)。

    Checkbox Toggle

    4大应用实例

    切换 Toggle

    如果要生成的字段: 存在于没有其他窗体组件的页面上,、可以在未保存的状态下显示, 可以独立于页面上的其他字段保存,语义上适合开关模态,则使用切换。

    Toggle

    标签 LABELS

    切换始终伴随着两个外部标签: 字段标签, 它描述用户正在修改的项目, 例如 "发布"、"桌面通知" 等;状态标签, 描述字段的当前状态,此标签是二进制的, 与 "关闭" 状态配合使用, 但它更多的是与字段相关联,例如, 已禁用/已启用、不允许/允许等。

    选择列表 Picklists

    选择列表 (俗称下拉菜单) 允许用户从列表中选择一个或多个选项。使用选项列表而不是单选列表, 并在较大窗体中使用复选框列表。它们在用户可以选择的选项数量上提供了更大的灵活性。

    对列表:当用户需要选择多个选项并定义所选项目的顺序时, 使用此控件。

    Picklists

    内联编辑 Inline Edit

    内联编辑允许用户编辑记录的某些部分, 而无需在查看和编辑之间进行重大切换,这是更新记录的一种高效方法。用户可以在不丢失上下文的情况下进行更改, 并且可以立即返回到以前正在执行的操作。

    编辑即保存,可以内联编辑的字段旁边会有一个铅笔图标,用户可以双击字段值, 也可以单击铅笔图标以激活内联编辑。

    Inline Edit

    Data Entry

    Salesforce users need to add, change, and delete information frequently. A wide variety of text entry and selection options clearly and efficiently facilitates this experience.

    Basic Text Input

    The simplest method of freeform data entry, for single and multiple lines of text.

    To limit the amount of text, use a single­line input. To restrict the type of input, you can specify the format, such as number or email address. Multiline text areas allow the user to enter long­form plain text. You can’t specify a format to restrict the type of content.

    Label the input area above or to the left of the field. In most contexts, a stacked label (label on top) is better for readability and clarity. Use horizontal labels only if you need to save vertical real estate and have fewer than 10 fields.

    To group related fields together, such as individual parts of an address, use compound inputs.

    Sizing

    The default text size creates a visual hierarchy between the label text and the input text. To conserve vertical space or when you have a long list of fields in a width-constrained sidebar, a smaller input size is also available. The input width depends on the label placement. The input width is 100% of the container.

    Input Help

    To assist the users, you can add help text. If the explanation is lengthy, use an “info” icon and tooltip. For brief explanations (shorter than a sentence), you can place the text underneath the field.

    You can also use placeholder text to provide an example of the type of input required. For example, in a Name field, show a name in the correct format.

    Complex Text Input

    Complex text inputs provide users with additional assistance in specific types of data entry.

    Selection Input

    Selection inputs allow a user to choose between a limited number of options for a given field.

    Salesforce Lightning Design System:Data Entry

    相关文章

      网友评论

        本文标题:Salesforce 输入设计:Data Entry

        本文链接:https://www.haomeiwen.com/subject/iymdqqtx.html