再谈App密码输入框的交互设计

日期:2017-02-08 10:45:00    来源:www.gzbifang.com

今天我们要说的,也许和大家印象中的密码输入框不一样。

密码输入框在网页设计和APP设计中随处可见,相信每一位产品经理都思考且设计过相关的模块。

(图左:电脑网页上的密码输入框      图右:手机APP上的密码输入框)

我们知道多数密码输入框有以下功能: a.默认隐藏密码  b.一键清除密码  c.切换显示隐藏密码

对比在电脑网页上和APP上的密码输入框,可以推测:APP密码输入框的设计来源于互联网时代的网页设计,初代产品经理从网页过渡到APP的时候,并没有做出过多的改变。

笔者认为,APP密码输入框的设计不能一概模仿电脑网页,APP上的密码输入框,不需要隐藏密码(除了金融等保密性较高的APP),也就是说默认应让用户看到正在输入的密码。

为什么电脑网页上的密码输入框设计会有以上介绍到的a、b、c的功能?这些功能在APP上又是否适用?我们可以从功能和使用场景上进行对比分析

从功能和使用场景上看,电脑网页上设计隐藏密码功能,是为了防止旁人观看。早期网民普遍在公开场所使用电脑上网(网吧、办公室等),隐私性较弱,因此需要默认隐藏密码,防止旁人看到。而这种考虑在APP上却属多余,手机是较为隐私性的工具,用户输入密码时一般不会有旁人观看。所以在APP上注册登录时隐藏密码其实是一个鸡肋的设计。

从输入方式上看,用户在电脑网页上一般使用物理键盘输入,不易误触,输入较精准,隐藏密码对用户体验影响较低。而用户在手机上是进行触控输入,容易误触且输入不精准,当用户看不到密码时并不确定是否输入正确。可以说,在APP上注册登录时看不见密码是一个影响用户体验的功能。

用户不喜欢不确定性 --《结网》

此外,设计"一键清除"按钮,是为照顾隐藏了的密码,由于看不见密码,当用户输入错误时,只能全部擦除重新输入。而如果密码不被隐藏,那么一键清除密码的功能也可以相应去除。用户本可以使用自带键盘清除密码。

笔者认为,用户体验良好的注册/登陆框的密码输入设计应该如下所示:默认显示正在输入的密码、没有一键清除按钮。用户输入用户名和密码时,不带给用户不确定性。

以上~

联系

伦经理

10年+互联网IT从业经验,丰富企信息化实战经验