微交互那只被众多网站借鉴学习过的Readme蒙眼猫头鹰

产品: Readme猎人: AmberDu小白作者: Readme 设计团队观众: 1.1w人 时间: 2018-05-14

Readme

与「Readme」有关的细节还有 2查看全部

我也有新发现 我要投稿
那只被众多网站借鉴学习过的Readme蒙眼猫头鹰那只被众多网站借鉴学习过的Readme蒙眼猫头鹰

细节描述

AmberDu小白: B站的2233娘在用户输入账号密码时会出现双手捂眼的小动画萌翻了很多用户的心,其实最早使用这个具有心理暗示作用动画效果的网站是Readme。在Readme的登录页,吉祥物小猫头鹰通过睁眼与遮眼的动画巧妙地表达了「Email」为明文输入而「Password」为密文输入的含义。猫头鹰遮住眼睛仿佛是在提醒用户输入密码时注意防止他人偷窥,但用户可以放心的是Readme会充分尊重用户的隐私并保障用户的账户安全。

935人评分
收藏 5
分享细节海报

发表评论 为下方 2 条评论点赞,解锁好运彩蛋

{{ moreBtnTxt }}

你可能还爱看

让小萌猫在进度条上打瞌睡的「猫耳FM」
猫耳FM

微交互让小萌猫在进度条上打瞌睡的「猫耳FM」

猎人 - AmberDu小白9.0

「猫耳FM」的音频播放进度条的图标是平台的吉祥物小萌猫的形象。当音频处于暂停的状态,小猫儿会呈现打瞌睡的样子;而当按下播放键,音频播放中的进度条上小萌猫会开心地向前移动。用情...

查看详情

#交互手势#微交互#情感化设计

有了小猫头鹰的陪伴,Readme的注册页竟然也可以这么有趣
Readme

微交互有了小猫头鹰的陪伴,Readme的注册页竟然也可以这么有趣

猎人 - AmberDu小白9.3

注册新账号对多数人而言都是一件麻烦恼人的事儿,冗长的注册表单、复杂的注册流程都很难让人心情美丽。但于产品而言,用户注册可唯一识别的ID及提供更多信息是为其提供个性化服务与更好...

查看详情

#Readme#人性化#微交互

「猫耳」是如何用情感化的微交互细节拉近产品与用户的距离的?
猫耳FM

微交互「猫耳」是如何用情感化的微交互细节拉近产品与用户的距离的?

猎人 - AmberDu小白0.0

「猫耳」App底部导航栏的中间有一只会通过打瞌睡(常态)、听歌摇摆(音频播放中)等动画效果反馈用户操作行为的小萌猫吉祥物。其实,页面顶部的下拉刷新界面里,也藏着一只追蝴蝶的可...

查看详情

#互动#刷新#即时反馈