欢迎来到深圳市来科信科技有限公司网站!
您当前的位置:深圳APP开发 > 新闻资讯 > APP开发资讯 >

已阅读

分享一些APP开发中表单页面的UI设计技巧

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