表单是连接用户和奥迪应用程序之间的一个特别重要的渠道。 它们经常出现在用户使用过程的关键点上。出于这个原因,表单的设计应使其易于理解,并应尽可能减少问题的数量。
表格中需要用特殊标记来区分并强调必答的问题。用现有的组件根据需要进行组合和分组来建立表格的整体结构。
表单元素的大小取决于所使用的基本字体大小,它可以适应有关屏幕的宽度。因此,它的尺寸是灵活的。 表单元素有黑色和白色可供选择。
文本栏由一个标签和一个行组成。它们的宽度可以不同。 当用户激活一个文本栏时,标签向上移动,尺寸缩小,留出输入字符的空间。
文本栏有时需要某些特定的数据格式,如数字、电子邮件地址或密码,应当明确的标注出来,使用户更容易使用虚拟键盘输入信息。
文本栏可以与一个图标结合。
在搜索栏中,包含一个搜索图标与一个标签。与一般的文本栏不同,标签在输入时被覆盖,并且不会向上移动。在输入几个字符后,可以出现一个带有自动建议项目的下拉菜单。
多行文本栏可以容纳任何数量的文本,并且随着用户的输入逐渐变大变高以适应输入的文本。如果有必要,文本数量可以限制在特定的最大的字符数,并通过倒计时的方式显示。与其他文本栏不同的是,标签和输入文本出现在一个精细绘制的框架中。
当激活时,选择栏在一个下拉菜单中显示任何数量的选择选项。它们可以通过标签的方式进行分组。
如果有必要,可以提供一个复选框以允许多重选择。多个选项在选择后用逗号分隔。如果列表超过了选择区域的宽度,它将以缩短的形式显示。一个撇号和一个所选选项数量的数字显示表示不再显示的选项。
表单元素可以通过临时标题、留白、分隔线和区块来进行结构化和分组。冗长的数据请求应被细分为几个部分以避免潜在的数据损失,使其看起来简单易懂。
不是必须填写的表格栏可以在标签或字段描述中用文字补充标记,如"(可选)"。
错误的输入会以红线、红色标签、红色描述错误的方式表示,如果是一个组,则以红色组为标题。
通过使用数字输入栏,以最简单的方式输入已知的日期。创建一个月份选择栏可以避免在国际背景下不同的日期书写格式所造成的误解。
日历对于选择未知的日期特别有帮助。它被添加到一个输入栏中,作为一个可替代的输入选项,例如,以弹出式的形式(如右图)。如果用户可以选择一个日期的时期有限,那么就不需要输入框了。在移动设备上,操作系统的本地日期选择器是输入首选。
为了确保设计师在设计过程中使用最新更新的组件,奥迪UI工具包可以当成一个素材库。整合这个UI工具包可以获得最新的奥迪素材库。 更新将定期进行,当库的新版本出现时,用户将被告知。
