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

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

Google

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

在QQ群@组员,再也不怕圈错人搞乌龙啦!
QQ

用户体验在QQ群@组员,再也不怕圈错人搞乌龙啦!

猎人 - 404NTFounD0.0

QQ的新版本针对在群聊里@组员的使用场景做了优化:当在键盘上敲了「@」符号时,备选人员名单会以上拉框的形式出现,点击右上角「多选」还可同时选择多个@的对象。简化了以往进行圈人...

查看详情

#QQ#信息呈现#易用性

Google如何用「无用」设计创造品牌记忆点?
Google

设计彩蛋Google如何用「无用」设计创造品牌记忆点?

猎人 - 要爆炸的张老三9.0

有时候,一点点「无用的设计」反而成了最难忘的体验。最近在 Google 搜索「Katamari」(一款以「越滚越大」为核心玩法的经典游戏)时,我无意中点击了搜索结果左边的图标...

查看详情

#Google#品牌#搜索

优酷的追剧日历在哪里看?
优酷

用户体验优酷的追剧日历在哪里看?

猎人 - AmberDu小白9.5

在iPad上用「优酷」追剧,可以在剧集播放界面的集数选择上方看到在播剧更新时间和已更新集数提示,方便追剧党们了解新剧更新时间。点击提示,还能在屏幕右侧查看「追剧日历」和「分集...

查看详情

#人性化#优酷#信息呈现