美文网首页设计细节小细节 好产品
知乎的“密码重置”页面丑爆了

知乎的“密码重置”页面丑爆了

作者: nfer | 来源:发表于2015-06-24 22:49 被阅读544次

    今天登陆知乎的时候发现保存的密码登录不上去了,没办法,只好重置一下密码。

    但是当我打开知乎的“密码重置”页面时,我只能说:“我靠,真是丑爆了”

    密码重置界面

    这个页面有以下几处做得不美观:

    1. 左右没有留白,而首页做得就比较好

    2. 密码和密码确认的输入框没有对齐,强迫症患者受不了

    3. “重置按钮”宽度100%简直脏心病狂

    4. 内容过少(几乎无法排版布局)

    当然,“密码重置成功”页面以及“校验码无效”页面也是一样的惨不忍睹:

    密码重置成功 效验码无效

    豆瓣的密码重置页面就比知乎的美观大方多了,而并没有增加太多的信息:

    豆瓣的密码重置页面

    一一对照上面的几点欠缺之处,豆瓣的页面分别做到了:

    1. 左右有留白,内容居中

    2. 密码输入框和密码确认框上下两排,这样就不用考虑对齐问题

    3. “确认新密码”比“重设密码”更具有可读性,而且长度符合一个Button的大小

    4. 除了新密码输入,在屏幕右侧还有“如何使密码更安全?”的提示信息

    最后,让我们再看一下手机上查看知乎和豆瓣的重置密码界面分别是什么样子的:

    手机上的重置密码页面

    看来知乎的前端人员完全忽视了该页面。是使用这儿页面的人太少了吗???

    相关文章

      网友评论

        本文标题:知乎的“密码重置”页面丑爆了

        本文链接:https://www.haomeiwen.com/subject/scqeqttx.html