发布时间:2020-10-8 分类: 行业资讯
在产品设计中,用户的注册过程,输入界面,设置页面,操作页面和表格都是产品设计中最重要的组成部分之一。填写表单不是每个人都喜欢做的事情,但有时用户必须注册,因此表单设计原则必须高效且简单。
表格结构
表单的结构由表单的基本样式和基本内容组成,表单的内容居中。表单的基本样式分为单行形式,多行形式,在某些情况下,表单作为标题存在。
表单的内容是信息视图,信息输入,信息操作和内容输入。表格内容主要是信息文本和辅助信息文本。
可以根据是否需要处理来使用不同的字体大小来区分辅助信息文本,并且可以将重要内容或需要突出显示的内容与相应的图标组合。
形成共同控制
共同设计原则
1.如果有5个或更少的内容,所有内容都被释放而不是折叠
在单选方案中,有2-5个选项可用,使用分段控件而不是下拉列表。主要是因为分段控制内容是可见的,并且任务可以通过单个交互而不是多个步骤完成(单击打开,选择,单击)。
2.多个选定的函数,存储在选择容器中
一般日期由三部分组成:年,月和日。如果使用下拉列表,则会有9个步骤。对于此功能,您可以将其集成到设计组件中。
3.使用开关而不是下拉列表
如果只有2个选项,例如显示或隐藏,打开或关闭,这种情况使用开关来提高操作效率。
4.滑块
通过滑动控件将单调下拉操作调整为易于用户扫描的视觉体验,您可以使用滑块定义范围内的一个或多个值。
5.避免使用多个清单
移动端是一个小屏幕,你需要专注于内容,保持自上而下的阅读视线,避免过于复杂的形式。
6.使用增加或减少按钮代替下拉
当用户需要增加或减少时,避免使用自由格式输入和下拉列表,并使用按钮来帮助最大限度地减少错误。
7.尽量避免显示不需要的字段
尽量避免显示不需要的字段,缩短表单,不要混合必需和不需要的内容。
8.小组信息
对相同的内容信息进行分组便于用户快速准确地扫描和查找。
设计策略
如果5个或更少的内容,所有内容都被释放,而不是折叠。
多个选定的功能位于选择容器中。
如果只有2个选项,例如显示或隐藏,打开或关闭,这种情况使用开关来提高操作效率。
将单调的下拉操作调整为视觉体验,用户可以通过滑动控件轻松扫描。
避免多个列表,保持自上而下的阅读线,并避免过于复杂的表单。
当用户需要增加或减少时,避免使用自由格式输入和下拉列表,并使用按钮来帮助最大限度地减少错误。
尽量避免显示不需要的字段,缩短表单,不要混合必需和不需要的内容。
对相同的内容信息进行分组可以使用户更轻松地扫描和查找,而不会混淆内容。