会员

开通优设VIP星球

尊享13项VIP特权 持续新增

主题打卡挑战

21天带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

领取更多设计师实用特权

投稿

用户体验看谷歌如何巧用「浮动标签」,改善表单信息输入体验

产品: Google猎人: AmberDu小白作者: Google设计团队观众: 5.4k人 时间: 2018-07-11

Google

与「Google」有关的细节还有 24查看全部

我也有新发现 我要投稿

细节描述

AmberDu小白: 占位符文本框是时下最常见的运用于注册登录界面信息录入的方式,但其实它对较复杂的表单并不友好。因为一旦文本域被填写了内容,占位符文字就会消失,这样会给用户带来短期的记忆负担也不利于检查填写内容。谷歌在注册与登录界面的设计上选用了「浮动标签」来优化输入体验。当用户在填写当前表单域时,可浮动的内联标签就会缩小上移到表单上方空白处。微交互的使用既保证了界面设计的简洁舒适,又为用户提供了清楚的输入帮助信息提示,有助于用户更轻松地完成操作。
0暂无评分
收藏 12
分享细节海报

发表评论赢奖品

点击 登录 后,在评论区留言,系统会随机派送奖品

2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们

本期奖品

发表评论 已发布8

参与互动,获得铁粉徽章尊享权益 查看详情 >>

你可能还爱看

QQ音乐

设计逻辑「QQ音乐」及时出现的歌曲搜索框

猎人 - AmberDu小白0.0

在「QQ音乐」点击歌手头像图标,会进入其个人主页歌曲列表。当执行了上滑的手势查看了歌曲列表后,再重新返回页面顶部时,会发现「全部播放」的按钮上方会多出一栏搜索框供用户快速查找...

查看详情

#情境预判#搜索#易用性

Google

设计彩蛋谷歌的电子表格里为什么藏着一道彩虹?

猎人 - AmberDu小白0.0

谷歌在其Google Sheets电子表格中隐藏了彩虹元素的设计彩蛋,只需在表格列头依次输入「PRIDE」五个字母,就可以激活这个功能得到一个彩虹表格。其实这个彩蛋的设置是为...

查看详情

#Google#情怀#惊喜

微信读书

设计逻辑如何看待「微信读书」的「替身书架」?

猎人 - AmberDu小白0.0

「微信读书」越来越注重用户的隐私保护,并为此特意设计了两个特殊的功能:一个是「加入书架后自动开启私密阅读」,一个是「替身书架」。前者可以有效保护用户书籍阅读的动态隐私,而后者...

查看详情

#人性化#信息呈现#微信读书