人
已阅读
已阅读
分享一些APP开发中表单页面的UI设计技巧
来源:lexintech.com 发布时间:2018-01-19
在APP开发中,用户的注册流程、输入界面、设置页面、操作的页面,表单都是APP开发中最重要的组件之一,填写表单并不是所有人都喜欢做的事情,但是有时候要用户必须注册完成的,所以表单设计原则一定要高效简单。下面我们谈一谈在APP开发中,常见的表单设计方法。
1.如果5个左右的内容,全部放出来,而不是折叠
在单选方案中,有2-5个选项可用,使用分段控件而不是下拉列表。主要是因为分段控制内容可见,并且可以通过单个交互完成任务,而不是多步(点击打开,选择,点击)。
2.多个选择的功能,收纳在一个选择容器里
一般日期三个部分组成年、月、日,如果使用下拉列表会有9步操作,这种对于功能接近的可以整合到一个设计组件里。
3.使用开关而不是下拉列表
如果只有2个选项,如显示或隐藏,打开或关,这种情况使用开关来提升操作效率。
4.滑块
通过滑动控件,将单调的下拉式操作调整为用户易于扫描的视觉体验,可以使用滑块定义好范围内的一个或多个值。
5.避免多列表单
移动端都是小屏幕,需要让用户重点放在内容上,保持从上而下的阅读视线,避免过于复杂的表单。
6.使用增加减少按钮而不是下拉
当用户需要通过增加或减少时,避免自由表单输入和下拉列表,用按钮帮助最大限度地减少错误。
7.尽量避免显示不需要的字段
尽量避免显示不需要的字段,它使表单更短,不要把必填和非必填的内容混在一起。
8.对信息进行分组
对相同内容信息进行分组,方便用户快速准确的扫描查找。
以上就是一些表单的设计分享,大家在APP开发的时候可以参考。
- 上一篇:分布式系统架构在APP开发中的应用
- 下一篇:移动互联网APP开发的一些设计趋势