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

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

Google

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

我也有新发现 我要投稿
看谷歌如何巧用「浮动标签」,改善表单信息输入体验看谷歌如何巧用「浮动标签」,改善表单信息输入体验

细节描述

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

1034人评分
收藏 11
分享细节海报

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

{{ moreBtnTxt }}

你可能还爱看

YouTube为用户免费提供视频「5秒去广告」功能,为什么反而提升了广告效果?
YouTube

用户体验YouTube为用户免费提供视频「5秒去广告」功能,为什么反而提升了广告效果?

猎人 - AmberDu小白9.3

在YouTube看视频时,广告播放5秒后用户就可自主选择是否关闭广告直接播放正片。这似乎怎么看对平台和广告商都是个「亏本买卖」,但实际数据统计的结论却出乎意料 — 因为这个「...

查看详情

#YouTube#人性化#广告

谷歌文档的操作可预知设计,带给我们的启示
Google

用户体验谷歌文档的操作可预知设计,带给我们的启示

猎人 - AmberDu小白8.3

作为一款在线协作文档编辑工具,Google Docs(谷歌文档)的设计简洁但易用性很强,从很多小的细节都可以看出团队在产品设计方面的用心。比如,在「格式」选项栏列表可以直接选...

查看详情

#Google#人性化#操作可预知

Chrome迎来十周年,那只著名的小恐龙也来送祝福了
Chrome

设计彩蛋Chrome迎来十周年,那只著名的小恐龙也来送祝福了

猎人 - AmberDu小白9.0

这周谷歌的Chrome浏览器迎来了十周岁的生日,据报道Chrome 69稳定版也将正式发布上线。为了庆祝十周年,那个经典的报错页面(系统处于离线/断网状态)里的彩蛋小恐龙也戴...

查看详情

#404页面#Google#情怀