美文网首页设计模式移动设计
移动应用UI设计模式(二)

移动应用UI设计模式(二)

作者: ailsaliu | 来源:发表于2016-01-31 19:12 被阅读305次

第2章  表单

2.1常见表单样式

表单样式

(1)登录表单

少量信息,比如用户名、密码、操作按钮、忘记密码、注册等选项,这些基本的都在一屏显示,当然没必要分两页。有些可以使用其他登录方式,时下比较流行的微信登录、微博登录、QQ登录等。还有一些金融领域的干脆把用户名都省了,直接输入密码就行,在安装时用户就已经具备了使用权,但是目前我还没用过这样的APP。

登录表单越常见越好,最好不要自己独创,当然,如果一个很有个性的APP例外。主要是易于用户登录。

半糖app niceAPP

(2)注册表单

书里说注册表单不要把标签和输入框水平排列,标签和文本框垂直排列,但是,就目前的情况来看,手机屏幕寸土寸金的,多一行就利用率少一行,而且在别的资料中看到说尽量不要分家,既然是一部分就整合为一个整体。实在见不到这种排版的手机软件,网上搜了一下。

百度截图 百度截图

反馈信息,书中说用内联样式来提示,但是现在要们是弹框,比较醒目,要么直接在旁边一行显眼的文本反馈,很少见到有内联样式的。

京东app 百度截图

注册界面要简洁明了,有一种说法是最好在一屏内显示完所有要填的信息,又要说但是了,但是一屏幕要填的信息全部呈现谁也不爱看,都懒得写,现在用户越来越挑剔,要吸引用户还要填完所有信息,所以,目前注册时都是分页来写,完成一项下一步跳转另一页进行下一项。比如陌陌APP,可以自行下载一下感受。

反面教材

(3)核对表单

与使用应用程序核对信息相比,更常见的方式是通过专门为移动设备优化后的网站核对信息。一般是多屏信息合并到一个核对表单中。很少有切换分屏的设计,多数是一屏下滑查看。把提升速度和效率作为设计目标,去了不必要的切换页面和操作步奏。

反面教材 京东购物车

(4)计算表单

天气预报、计步器、体重跟踪、贷款计算器等,可采用常见的操作和布局方式。数据和视觉化设计融合到一起,图文并茂。

天气app 健康app

(5)搜索表单

一些应用会约束用户输入多个限制条件或标准才能搜出结果,尽量只包括必要的输入项,提供合理的默认值,比如有些软件会有默认的日期是当天等。还有减少搜索项,尽量一页显示。

京东app 携程APP

还有一些搜索功能都是在搜索完成之前动态显示了匹配搜索条件的结果。

(6)多步骤表单

用户使用移动设备时被打断或走神的概率很高,设计多步骤表单最好让用户知道目前是第几步,总共有几步。清晰的导航对移动表单尤为重要。

百度截图

(7)长表单

按钮放在标题栏内

或放在最底部,怎么滑动都在最底部。

相关文章

网友评论

本文标题:移动应用UI设计模式(二)

本文链接:https://www.haomeiwen.com/subject/wfydkttx.html