会员

开通优设VIP星球

尊享12项VIP特权 持续新增

主题直播

每年36场重磅嘉宾主题直播

独家优惠

星球会员可享书籍软硬件最低优惠

优设私房课

大咖出品易学易懂高品质小课

法务咨询

免费咨询版权/劳动相关法律问题

开通VIP

领取更多设计师实用特权

 投稿
搜索

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

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

Google

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

我也有新发现 我要投稿

细节描述

小白: 占位符文本框是时下最常见的运用于注册登录界面信息录入的方式，但其实它对较复杂的表单并不友好。因为一旦文本域被填写了内容，占位符文字就会消失，这样会给用户带来短期的记忆负担也不利于检查填写内容。谷歌在注册与登录界面的设计上选用了「浮动标签」来优化输入体验。当用户在填写当前表单域时，可浮动的内联标签就会缩小上移到表单上方空白处。微交互的使用既保证了界面设计的简洁舒适，又为用户提供了清楚的输入帮助信息提示，有助于用户更轻松地完成操作。
0暂无评分
收藏 9
分享细节海报
访问案例网址案例或因时间流逝和版本迭代与截图时有所差异

继续阅读本篇细节相关话题

Google 人性化 情境预判 提示 易用性 注册 浮动标签 确定性 输入 全部话题

发表评论 已发布8条

以上留言仅代表用户个人观点，不代表优设立场
评论就这些咯，让大家也知道你的独特见解 立即评论
你即将学会 启屏设计 的知识

选择你的UC头条形象，定制专属于你的资讯频道

上一篇

你即将学会 设计逻辑 的知识

iOS地图图标上的「280」是什么意思？

下一篇

你可能还爱看

QQ

好功能智能截取一键拼接打码，「QQ」截长图功能好用哭了！

猎人 - 闪电猪猪侠0.0

不夸张地说，「QQ」的截长图功能几乎满足了这个行为的所有隐藏需求。我们先回忆一下以前截长图的步骤：1.「QQ」内先删除不重要消息。2.截长图(iOS用户还要用P图软件裁掉每张...

查看详情

#QQ#好功能#情境预判

Google

设计彩蛋今年的「母亲节」，Google Doodle又为我们带来怎样的惊喜？

猎人 - 小白0.0

每年5月的第二个星期日为「母亲节」，Google Doodle今年用两张童趣十足的弹出式爱心卡片为全世界的母亲们带来了节日的祝福。以爱心和花朵为主要元素，带着稚气与童真的彩色...

查看详情

#Google#Google Doodle#情怀

Instagram

视觉在Ins上，发现了久违的「雪花屏」无信号效果

猎人 - 小白0.0

Instagram推出的新产品「IGTV」类似于Instagram Stories，强化了全肖像垂直视频的概念，主打长视频。它的页面加载设计很有意思，呈现的是老式电视「雪花屏...

查看详情

#Instagram#加载#情境预判

近期热门产品

花亦山心之月

猎人已捕获1个知识点

telegram

猎人已捕获1个知识点

Bilibili

猎人已捕获125个知识点
返回猎人首页

热门频道

设计专题

热门设计知识精挑细选

查看专题

细节猎人

1分钟小短文揣摩设计真谛

查看猎人

优设读报

行业资讯一站知晓

查看读报

优设琅琊榜

顶尖设计作品聚集地

查看榜单

行业新闻

行业大事小事全知道

查看新闻

设计话题

高手大咖在线答疑解惑

查看话题

优设网 uisdc.com

2012年成立至今，是国内极具人气的设计师交流学习平台

看设计文章，学软件教程，找灵感素材，尽在优设网
按Ctrl+D收藏本站 返回首页

优设基础训练营

@林雅诺

关于我们

优设是国内极具人气的设计师平台，2012 年成立至今，一直专注于设计师的学习成长交流。 我们通过优设网、优优教程网沉淀优质设计知识的同时，更率先试水新媒体领域。目前旗下媒体矩阵包括：微博@优秀网页设计、微信公众号@优秀网页设计、抖音号@优设PS大神、@优设AI大神等，全网粉丝量过千万。

热门频道

设计灵感

支持与服务

优设推荐：

本网站所有数据及文档均受《著作权法》及相关法律法规保护，任何组织及个人不得侵权，违者本公司将依法追究侵权责任，特此声明。优设网法律顾问：刘杰律师
Copyright © 2021 优设-UISDC - 优设网官方微信号：youshege - 鄂ICP备16005435号-1 鄂公网安备 42018502001134号

每天官微五分钟
一年萌新变大神

扫码关注

每天10篇设计干货
300万设计师关注！

访问官方微博

全部文章

15858篇

UI

1458篇

网页

293篇

平面

1130篇

手绘

148篇

电商

155篇

交互

581篇

产品

1571篇

下载

372篇

神器推荐

969篇

新视野

514篇

职场

1106篇

设计专题

热门设计知识精挑细选

细节猎人

1分钟小短文揣摩设计真谛

优设读报

行业资讯一站知晓

设计话题

高手大咖在线答疑解惑

设计圈

分享你的观点吧

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

活动大赛

精彩纷呈的设计活动及赛事

求职招聘

理想岗位等你选

设计师

心有猛虎细嗅像素

设计导航

精选520个设计师网站

图书导航

高分必读设计书籍大全

电商导航

全球顶尖电商网站合集

色彩导航

中日传统色彩一网打尽

优设大课堂

名师高徒！专业实战就业

优设训练营

就业衔接！只教设计真本领

优设私房课

火什么看这里！好课风向标

设计公开课

顶尖设计高手免费公开课

学教程

3000+免费教程在线观看

找灵感

每日都有新灵感

找软件

省时高效的设计神器都在这

知识树

热门软件零基础入门

字体下载

最新免费可商用字体