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

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

Google

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

你有发现「淘宝」最近「分享」界面的小变化么?
淘宝

用户体验你有发现「淘宝」最近「分享」界面的小变化么?

猎人 - AmberDu小白0.0

分享商品链接是我们在「淘宝」常常使用的功能。最近发现在分享链接的浮层界面,除了通用的分享至「微信」「微博」或「支付宝」以及「链接复制」,还多出了常用分享人的图标和入口。基于对...

查看详情

#人性化#快捷操作#情境预判

在Google搜索关键词春节,会触发什么彩蛋?
Google

设计彩蛋在Google搜索关键词春节,会触发什么彩蛋?

猎人 - AmberDu小白9.3

2023农历新年期间,在Google里搜索中、英文的「春节」为关键词,搜索结果页面会触发表达节日庆祝意象的烟花动效彩蛋。由于新的一年是中国农历兔年,彩蛋烟花中还专门设计了兔子...

查看详情

#Google#情感化设计#惊喜

告别打车困扰!滴滴智能筛选,一键选对目的地
滴滴

用户体验告别打车困扰!滴滴智能筛选,一键选对目的地

猎人 - AmberDu小白6.7

使用「滴滴出行」打车时,若输入地址定位出现多个相近且易混淆的搜索结果,系统会智能显示清晰提示。请用户务必仔细核对地址的准确性,细致甄别相似选项,确保所选地址为正确的目的地。虽...

查看详情

#人性化#定位#情境预判