手机APP表单设计的8大技巧与16项注意点

手机APP表单设计一直都是大部分APP当中一项必不可少的设计UI组件。如果涉及到SAAS项目、管理类的APP或者是问卷类的APP产品，主打的就是APP表单设计。

最常见的无非就是APP登录注册界面啦。

之前25学堂分享了

1、APP设计必修课：如何设计出规范的移动表单组件

2、APP表单设计技巧分享以及移动表单设计界面赏析

3、一种新颖的APP表单交互设计模式优缺点分析

今天学堂君继续跟大家分享手机APP表单设计的8大技巧与16项注意点。可以说是非常干的手机表单设计经验之谈。值得大家采纳。

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

手机APP表单设计的实际案例：

注意几点细节：

1）手机号码3 4 4分开，方便用户阅读；

2）输入邮箱时，提供后缀选择，减少用户输入；

3）输入地点，提供当前位置和热点城市供用户选择；

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

2、移动做好匹配和识别提示

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

手机APP表单设计的实际案例：

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

3、尽量减少页面的跳转

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

手机APP表单设计的实际案例;

4、二次确认的必不可少

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

最后，附上手机APP表单设计的8大技巧，恳请大家好好记住。当我们进行手机APP表单UI界面设计的时候，可以参照这些去弄。

八个手机APP表单设计技巧：

1、表单分组

2、设置默认选项

 3、给用户的格式要求

 4、给出错误提示

 5、输入焦点和键盘

 6、做好匹配和识别

 7、尽量减少页面的跳转

 8、二次确认