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

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

Google

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

如何向公司申请购买「蓝湖」?官方已为你做好攻略
蓝湖

用户体验如何向公司申请购买「蓝湖」?官方已为你做好攻略

猎人 - AmberDu小白9.0

「蓝湖」的官网专门有个名为「如何向公司申请购买蓝湖」的教程页面,帮用户做好了详细的攻略,辅助用户进行产品购买。有过在公司内申请软件采购经历的小伙伴应该能感受,先要跟领导口头申...

查看详情

#工具#情境预判#效率

九月开学季来了,Google小学校也开课了:)
Google

设计彩蛋九月开学季来了,Google小学校也开课了:)

猎人 - AmberDu小白0.0

九月开学季到来,谷歌首页的节日纪念定制版图标Google Doodle变成了学校开课的小动画。孩子气的涂鸦风格充满朝气与童真,互动性的动画生动有趣。情感化设计的小彩蛋让特殊的...

查看详情

#Google#动画#形象思维

「QQ音乐」的音译歌词,带你轻松学唱粤语歌
QQ音乐

用户体验「QQ音乐」的音译歌词,带你轻松学唱粤语歌

猎人 - AmberDu小白0.0

喜欢听粤语歌的同学可能已经发现,「QQ音乐」里多数粤语歌不仅会显示国语歌词,还会同时显示粤语的音译歌词。这对于很多喜欢听粤语歌,但不会粤语想跟着发音学唱歌的用户而言,很实用。...

查看详情

#信息呈现#情境预判#按钮