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

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

Google

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

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

细节描述

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

1032人评分
收藏 10
分享细节海报

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

{{ moreBtnTxt }}

你可能还爱看

和同伴在「饿了么」点单后,谁去拿外卖?
饿了么

用户体验和同伴在「饿了么」点单后,谁去拿外卖?

猎人 - 李炜健8.0

无论是学生党还是上班族,和同学或同事一起拼单点外卖的情况都很常见。那么谁去拿外卖才公平呢?饿了吗在3Dtouch里设置了个名为「谁去拿外卖」的小游戏,一起点单的同伴可以通过r...

查看详情

#情境预判#情绪#易用性

不只是美,Material Design涟漪动效如何提升交互质量?
Google

动效设计不只是美,Material Design涟漪动效如何提升交互质量?

猎人 - 龙爪槐守望者9.5

Material Design 在发布之初就设计了涟漪动效(Ripple Effect)。当用户触摸界面元素时,就像往水中投入一颗石子,从接触点开始以圆形向外扩散至整个界面元...

查看详情

#Material Design#动效#涟漪动效

很多人都不知道的iPhone手机隐藏功能:指南针里的「水平仪」
iOS

设计彩蛋很多人都不知道的iPhone手机隐藏功能:指南针里的「水平仪」

猎人 - AmberDu小白9.0

可能很多人都不知道,iPhone手机里的「指南针」其实隐藏了「水平仪」的小功能。所谓「水平仪」就是用来测试水平度数的工具,会根据当前手机所处水平情况以及与水平面的角度来显示数...

查看详情

#Apple#工具#惊喜