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

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

Google

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

Mac的「红黄绿」窗口关闭按钮藏着什么秘密?
Apple

微交互Mac的「红黄绿」窗口关闭按钮藏着什么秘密?

猎人 - 八月9.7

macOS系统有个常被忽视的小细节:若当前窗口存在「未保存」的编辑操作,红色关闭按钮中间会出现深色小点,点击后弹出对应二次确认框进行确认操作;而当所有操作已「保存」的情况下,...

查看详情

#Apple#情境预判#按钮

谷歌的电子表格里为什么藏着一道彩虹?
Google

设计彩蛋谷歌的电子表格里为什么藏着一道彩虹?

猎人 - AmberDu小白10.0

谷歌在其Google Sheets电子表格中隐藏了彩虹元素的设计彩蛋,只需在表格列头依次输入「PRIDE」五个字母,就可以激活这个功能得到一个彩虹表格。其实这个彩蛋的设置是为...

查看详情

#Google#情怀#惊喜

「淘宝」创新隐私保护:一键打码,截图无忧
淘宝

用户体验「淘宝」创新隐私保护:一键打码,截图无忧

猎人 - 龙爪槐守望者7.8

以前很讨厌截图后 App 自己弹出来的截图分享界面,因为通过 App 自己的分享渠道,通常会在截图里插入二维码等广告信息。但「淘宝」 App 的订单界面截图分享功能不错,「淘...

查看详情

#人性化#分享#情境预判