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

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

Google

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

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

细节描述

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

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

发评论!每天赢奖品

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

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

本期奖品

发表评论 已发布8

{{ moreBtnTxt }}

你可能还爱看

支付宝的一键转账功能,了解一下
支付宝

用户体验支付宝的一键转账功能,了解一下

猎人 - AmberDu小白10.0

以前在支付宝给好友转账时你可能遇到过在聊天窗口直接将数字发送给对方的尴尬体验,新版支付宝针对这一问题进行了很好的优化。在好友聊天窗口输入纯数字,系统会自动弹出「给对方转账xx...

查看详情

#人性化#情境预判#支付

搜了又忘?Google搜索提示你~
Google

用户体验搜了又忘?Google搜索提示你~

猎人 - 海的格尔0.0

人的记忆是一件很神奇的东西。有时候前两天刚搜索出来的一篇文章,转眼就把内容给忘掉了。这个时候想再回搜看看,又不记得在搜索结果的第几页,是打开哪个标题链接进入到内容页面了。

查看详情

#Google#人性化#信息呈现

字由一键换字功能,让你的设计灵活多变
字由

好功能字由一键换字功能,让你的设计灵活多变

猎人 - AmberDu小白4.5

字体的选择通常会很大程度上影响视觉设计的整体风格调性,一款能辅助设计师快速筛选出合适字体的工具,则可以让设计工作的顺利进行事半功倍。拥有「一键换字」功能的「字由」,就是一款能...

查看详情

#好功能#字体#字由