产品思维教程 产品和产品经理 PM概论和职责 PM内功修炼 PM的自我修养 产品经理实战 成为全能产品经理

APP输入时表单设计技巧



APP表单设计技巧


5.输入焦点和键盘


进入表单填写页面时,可以把输入焦点自动放入第一个输入项,同时弹出输入键盘,让用户少点击一步。随着表单项往下一个个填的时候,已填写的表单项要自动往上移,确保焦点所在的输入项的输入框一定不会被输入键盘挡住。


实际案例:


skill1.png


注意几点细节:


1)手机号码3 4 4分开,方便用户阅读;


2)输入邮箱时,提供后缀选择,减少用户输入;


3)输入地点,提供当前位置和热点城市供用户选择;


4)焦点在输入框内且框内有内容的时候,输入框右侧提供删除按钮,可一键删除框内所有内容;


6.匹配和识别


输入键盘自动根据输入类型匹配,比如输入电话号码,那么焦点移入该输入框时自动把键盘切换为数字键盘,以减少用户手动操作次数;在填写表单的非最后一项时,点击输入键盘右下角的return、换行时,可以自行切换到下一个输入项。


实际案例:


skill2.png


比如IOS原生通讯录添加新联系人时,点击键盘右下角的return和换行都会自动切换到下一输入项。


7.尽量减少页面的跳转


能在一个页面完成的尽量不要再跳转新页面;如果编辑的时候跳转新页面编辑,那一定要在编辑前的页面可以看到设置值。下图的两种性别设置方法,个人更喜好第一种,因为第一种减少了页面的跳转,降低了用户的认知。


实际案例;


skill3.png


8.二次确认

 

表单填到一半,点击返回或退出最好能有二次对话框确认。键盘输入始终是移动端的痛点之一,好不容易才完成几项内容的填写,不小心点了后退或退出就白忙活了,加上使用环境的影响(比如在公交车上、地铁上),误操作概率更大,所以如果表单填到一半退出,一定要二次对话框确认,如果什么都没填退出,则不需要二次确认了。



小结


APP表单设计技巧:


1.表单分组


2.设置默认选项


3.给用户的格式要求


4.错误提示


5.输入焦点和键盘


6.匹配和识别


7.尽量减少页面的跳转


8.二次确认



课后思考


1.分析一款成功APP的表单设计?


2.根据本节课所讲技巧,优化自有APP的表单设计?



【本文由麦子学院独家原创,转载请注明出处并保留原文链接】

logo
© 2012-2016 www.maiziedu.com
蜀ICP备13014270号-4 Version 5.0.0 release20160127

您有狂欢嘉年华礼包未领取

客服热线 400-862-8862

回到顶部