体现细节设计?先从APP密码输入框开始吧

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

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

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

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

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

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

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

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

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

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

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

原文发布于微信公众号 - BestSDK(bestsdk)

原文发表时间:2017-02-08

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Java进阶干货

大型分布式网站架构技术总结:高性能+高可用+可扩展+可伸缩架构

集群:一个应用/模块/功能部署多份(如:多台物理机),通过负载均衡共同提供对外访问。

39130
来自专栏架构之美

实施微服务架构的关键技术

15230
来自专栏CSDN技术头条

Uber是如何通过Mesos和Cassandra实现跨多个数据中心每秒100万的写入速度的?

每隔三十秒就会有位置数据返回,包括来自于司机和乘客应用的各类数据,需要实时使用的实时数据非常之多,那么Uber是如何存储这些位置数据的呢? Uber的解决方案非...

23390
来自专栏FreeBuf

经验分享 | 企业如何做好安全基线配置

一、为什么要做基线配置管理 一个组织在不同的时期部署了不同的业务系统,承载业务系统的是不同的操作系统和支持系统。业务系统在运行期间,基本上很少做操作系统的升级或...

59050
来自专栏java思维导图

大型分布式网站架构技术总结

#0 系列目录# 大型分布式网站架构 大型分布式网站架构技术总结 本文是学习大型分布式网站架构的技术总结。对架构一个高性能,高可用,可伸缩,可扩展的分布式网站进...

40540
来自专栏BIT泽清

App Store上架审核过程中常见问题整理

苹果的开发者账号主要分为个人(Individual)、公司(Company)、企业(Enterprise)、高校(University)四种类型,每年资费分别为...

23840
来自专栏小白课代表

Altium Designer 18 安装教程

28340
来自专栏性能与架构

Twitter是如何部署公共JS组件的?

Twitter有一个对外开放的JS组件,widgets.js,其他站长可以把这个js嵌入到自己的网页中,就可以有Twitter的一些功能(类似新浪微博开放的JS...

38680
来自专栏面朝大海春暖花开

对java前后端分离的理解

在工作期间,无非就是ui设计页面,前端开发html,之后将做好的页面交给我,我负责后台逻辑一件html的页面渲染。

2.4K60
来自专栏猿人谷

一个项目的简单开发流程——需求、数据库、编码

关于一个项目的简单开发流程   前言:从11月8号开始到11月12号我们小组使用html+easyUI+ashx+异步,开发了一个简易的网 站,也就是简单的门户...

31250

扫码关注云+社区

领取腾讯云代金券