移动应用表单设计秘籍:提升表单设计的体验(3)

http://www.itjxue.com  2015-08-07 20:48  来源:未知  点击次数: 

四、利用选择代替输入

移动应用的输入成本非常高,尤其是触屏,输入效率和输入准确率都有很大的提升空间,在这种情况下,要尽量减少需要输入的内容,利用选择代替输入,简单来说,比如性别、比如出生日期、比如城市,都是可以通过选择的形式来提交内容的。

当然还有一些输入建议相关的场景,也是可以利用选择来代替输入的。比如当用户名已被注册的时候,系统提供几个用户名建议以供选择;比如给自己打标签的时候,系统提供常用标签以供选择,等等

jianyi 移动应用表单设计秘籍

输入邮箱的时候,可以给出常用邮箱的建议,但是因为常用邮箱比较多,如果给的建议太多,需要滚动的话,干扰性大,还不如不给。所以可以合理定义触发建议的时机,比如输入@后边的第一个字符后,基本上能锁定更少量的邮箱了,如“h”基本上就是hotmail了,“g”基本上就是gmail了。

五、标签及提示文字的排布方式

移动应用界面空间有限寸土寸金,但是表单项往往需要通过标签告知表单类型,通过提示文字告知表单格式,那么标签及提示文字怎样排布才可以使信息呈现最友好呢?

1 移动应用表单设计秘籍

优点:视线一直是纵向向下的,当输入的时候,不遮挡说明文字。

缺点:在寸土寸金的手机屏幕上,这种排布方式过于占用宝贵的垂直空间,键盘升起一遮挡,基本上什么都卡不见了。

2 移动应用表单设计秘籍

优点:可以快速处理每一个表单项的输入,符合视觉纵线。

缺点:占用宝贵的垂直空间。

3 移动应用表单设计秘籍

优点:基本上解决了前面说的占用纵线空间的问题

缺点:缺点仍然是横向视觉不稳。

61 移动应用表单设计秘籍

优点:即解决了视觉纵线的问题,又解决了节约屏幕纵向空间的问题,且元素较为稳定。

这是一种最佳的排布方式。

六、依靠明文确认密码

注册的时候,很多应用还需要两次输入密码,以预防误操作,防止输入错误的密码之后无法登录。但是真的需要输入两次密码来防止这个问题吗?有没有什么别的方法来规避这个问题呢?

其实除了输入两次密码之外,还有这样几种办法:1.最后一位明文显示 2.全部明文显示 4.默认暗文,可选明文 5.默认明文,可选暗文 6.对话框确认密码输入正确。 通过小范围的用户调研发现,默认明文可选暗文的形式接受度最高

mingwen 移动应用表单设计秘籍

输入框中有个隐藏按钮,点击一下,切换暗文显示。

(责任编辑:IT教学网)

更多