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

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

Google

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

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

细节描述

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

1042人评分
收藏 17
分享细节海报

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

{{ moreBtnTxt }}

你可能还爱看

「百度网盘」:面对面、远程都能快速收取文件啦
百度网盘

用户体验「百度网盘」:面对面、远程都能快速收取文件啦

猎人 - 洛糊糊0.0

「百度网盘」的「传文件功能」根据几种应用场景做了不同的功能区分,尽管面对面、远程传文件均可使用二维码、复制链接,但细化场景后,百度网盘自动生成的链接文案也做了区分。同时,你可...

查看详情

#场景细分#情境预判#易用性

登录率居然翻倍?Google登录的创新方案
Google

减少步骤登录率居然翻倍?Google登录的创新方案

猎人 - 龙爪槐守望者9.5

即使是看似常规的设计,也有优化的空间。Google在Pinterest的电脑端登录页面做出了一个小但重要的改进,据说登录率因此翻倍:系统会直接显示你已登录的Google账号,...

查看详情

#减少步骤#弹窗#登录

怎样处理「查无结果」的搜索状态,将用户的不满情绪降到最低?
微信读书

用户体验怎样处理「查无结果」的搜索状态,将用户的不满情绪降到最低?

猎人 - AmberDu小白9.8

当在电商平台搜不到想要的商品在内容平台查不到想看的文章,「未搜索到相关结果」的提示总会让人产生失落与挫败感,也让产品的体验在「满足用户期待值」方面大打折扣。微信读书在面对这个...

查看详情

#微信读书#情境预判#情感化设计