一些分享

APP输入框的微交互设计分享

阅读

进入交互领域有段时间了,从起初的全局大交互到后来的细节交互,而最近一段时间则更加关注细节的微交互设计

最近在做几个项目,有很多输入框,下面我就围绕登录注册和资料输入方面分享一下我个人的一些交互设计观点,欢迎各位看官提出建议。


1、明文密码输入的运用

登录

用小眼睛来控制密码显示,登录的时候可帮助用户检查输入是否有误,降低用户的错误输入频率。


注册

用小眼睛来控制密码的显示,注册的时候默认显示密码,减少用户输入操作的次数。



2、自动进入输入状态,并且自动调出特定键盘

主要是为了减少用户的操作步骤,降低学习成本。

注册的时候,我们首先自动将输入状态定位到第一输入框,第一输入框是手机号,我们调出数字键盘,当切换到后密码的时候,将键盘变成英文键盘。

针对于身份证的特殊性,这里我设计了特殊键盘,在数字键盘的基础上添加英文X,同样自动进入输入状态,二无需点击输入框。

进入中文姓名的输入,根据输入习惯,这里可以选择调用用户默认输入法状态



3、验证码发送区域的微交互人性化细节

QQ截图20160618092626.png

当用户输入手机号发送验证码以后,验证码输入框的背景锚点提示自动变为“请输入收到的验证码”,而当倒计时已过用户还未输入的时候,则将锚点提示变为“没收到验证码?”的疑问语句,让用户从细节上感受到APP使用中的体贴感。


当然还有更多相关的,以后的工作中有用到的再分享给大家。



推荐阅读

iPhone X Axure原型线稿
iPhone X Axure原型线稿
入门推荐效率工具—原型
入门推荐效率工具—原...
看1岁多的孩子怎么玩P
看1岁多的孩子怎么玩...