最专业的八方代购网站源码!

资讯热点
为什么其他人的UI形式如此美丽?

发布时间:2020-10-8 分类: 行业资讯

在产品设计中,用户的注册过程,输入界面,设置页面,操作页面和表格都是产品设计中最重要的组成部分之一。填写表单不是每个人都喜欢做的事情,但有时用户必须注册,因此表单设计原则必须高效且简单。

表格结构

表单的结构由表单的基本样式和基本内容组成,表单的内容居中。表单的基本样式分为单行形式,多行形式,在某些情况下,表单作为标题存在。

表单的内容是信息视图,信息输入,信息操作和内容输入。表格内容主要是信息文本和辅助信息文本。

可以根据是否需要处理来使用不同的字体大小来区分辅助信息文本,并且可以将重要内容或需要突出显示的内容与相应的图标组合。

形成共同控制

共同设计原则

1.如果有5个或更少的内容,所有内容都被释放而不是折叠

在单选方案中,有2-5个选项可用,使用分段控件而不是下拉列表。主要是因为分段控制内容是可见的,并且任务可以通过单个交互而不是多个步骤完成(单击打开,选择,单击)。

2.多个选定的函数,存储在选择容器中

一般日期由三部分组成:年,月和日。如果使用下拉列表,则会有9个步骤。对于此功能,您可以将其集成到设计组件中。

3.使用开关而不是下拉列表

如果只有2个选项,例如显示或隐藏,打开或关闭,这种情况使用开关来提高操作效率。

4.滑块

通过滑动控件将单调下拉操作调整为易于用户扫描的视觉体验,您可以使用滑块定义范围内的一个或多个值。

5.避免使用多个清单

移动端是一个小屏幕,你需要专注于内容,保持自上而下的阅读视线,避免过于复杂的形式。

6.使用增加或减少按钮代替下拉

当用户需要增加或减少时,避免使用自由格式输入和下拉列表,并使用按钮来帮助最大限度地减少错误。

7.尽量避免显示不需要的字段

尽量避免显示不需要的字段,缩短表单,不要混合必需和不需要的内容。

8.小组信息

对相同的内容信息进行分组便于用户快速准确地扫描和查找。

设计策略

如果5个或更少的内容,所有内容都被释放,而不是折叠。

多个选定的功能位于选择容器中。

如果只有2个选项,例如显示或隐藏,打开或关闭,这种情况使用开关来提高操作效率。

将单调的下拉操作调整为视觉体验,用户可以通过滑动控件轻松扫描。

避免多个列表,保持自上而下的阅读线,并避免过于复杂的表单。

当用户需要增加或减少时,避免使用自由格式输入和下拉列表,并使用按钮来帮助最大限度地减少错误。

尽量避免显示不需要的字段,缩短表单,不要混合必需和不需要的内容。

对相同的内容信息进行分组可以使用户更轻松地扫描和查找,而不会混淆内容。

« 从11个版本,请参阅支付宝迭代 | 建立企业微中心良好的官方代购源码网站在企业 »