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

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

Google

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

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

细节描述

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

1044人评分
收藏 18
分享细节海报

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

{{ moreBtnTxt }}

你可能还爱看

「淘宝」新功能「帮我选」如何帮我们解决选择恐惧症?
淘宝

设计逻辑「淘宝」新功能「帮我选」如何帮我们解决选择恐惧症?

猎人 - AmberDu小白0.0

「淘宝」最近优化了商品详情页,新增了「帮我选」和「点赞」的功能。网购的时候货比三家,甚至发链接给小伙伴帮自己做选择,是很常见的使用场景。「帮我选」这个功能的出现,使作为用户的...

查看详情

#人性化#情境预判#效率

Google上线小游戏迎接「日本东京奥运会」?
Google

设计彩蛋Google上线小游戏迎接「日本东京奥运会」?

猎人 - AmberDu小白0.0

「日本东京奥运会」开始了。这一次,Google团队不仅上线奥运题材的Google Doodle作为庆祝彩蛋,更开发了一款像素风的日式互动小游戏与奥运纪念Google Dood...

查看详情

#Google#Google Doodle#互动

可预先查看字体搭配的「Google Font」
Google

好功能可预先查看字体搭配的「Google Font」

猎人 - 海的格尔0.0

开发者团队在做产品设计的时候,免不了会精心挑选几种展示用的字体互相搭配,保证界面的美观和可读性。一般情况下,都需要把字体文件下载到本地安装后,再在设计软件里调用,查看效果。万...

查看详情

#Google#Google Fonts#人性化