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

产品: Google作者: Google设计团队时间: 2018-07-11

猎人: soleildu观众: 3743

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

我要投稿 细节描述

soleildu:

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

点赞 49
收藏 7
案例或因时间流逝和版本迭代与截图时有所差异 围观案例

发表评论 已发布 8

还可以输入 800 个字
 
 
载入中....