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

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

Google

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

我也有新发现 我要投稿

细节描述

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

1043人评分

访问案例网址案例或因时间流逝和版本迭代与截图时有所差异

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

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

发评论！每天赢奖品

点击登录后，在评论区留言，系统会随机派送奖品

2012年成立至今，是国内备受欢迎的设计师平台，提供奖品赞助联系我们

本期奖品

优设私房课无门槛优惠券

已累计诞生 521 位幸运星

查看获奖名单

发表评论已发布8条

以上留言仅代表用户个人观点，不代表优设立场

评论就这些咯，让大家也知道你的独特见解立即评论

你即将学会启屏设计的知识

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

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

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

你可能还爱看

腾讯视频

设计逻辑「腾讯视频」的音量条为什么是渐变色?

猎人 - AmberDu小白10.0

在手机端的「腾讯视频」调节音量时你会发现显示音量大小的音量条呈红绿渐变色。随着音量的增加，音量条的颜色会从冷绿色逐渐过渡到暖红色。绿色给人平静舒适的心理感受，而红色会有警示的...

查看详情

#声音 #微交互 #心理暗示

Google

设计彩蛋惊艳！Google Doodles以地球航拍美景致敬2024世界地球日

猎人 - AmberDu小白9.0

2024年4月22日，世界地球日如期而至。今年的Google Doodles别出心裁，以地球航拍的水文地貌照片巧妙拼凑成「Google」logo，呈现出一幅幅壮丽画卷，以此突...

查看详情

#Google Doodle #情怀 #情感化设计

Duotone

好工具两步生成双色调免费图片素材的网站「Duotone」

猎人 - AmberDu小白9.8

双色调是我们设计师常用的一种快速提升画面艺术感或者风格特点的创作形式，除了可以使用Photoshop手动处理，还能借助一些生成器来快速实现，比如「Duotone」https:...

菜单 优设网uisdc.com 优设网 - 学设计上优设

加入【优设领航者俱乐部】

尊享全年高价值服务 加速收益

大咖指引 职场加薪

大咖领航新机会新收入

AIGC实战 加速受益

大厂AIGC实战经验分享

优质链接 人脉链接

企业/达人/设友线下链接

流量赋能 名利双收

1000W+流量助力影响力提升

领取更多高价值实用特权

您还未登录

登录后即可体验更多功能

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

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

Google

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

细节描述

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

发评论！每天赢奖品

点击 登录 后，在评论区留言，系统会随机派送奖品

2012年成立至今，是国内备受欢迎的设计师平台，提供奖品赞助 联系我们

优设私房课无门槛优惠券

已累计诞生 521 位幸运星

发表评论 已发布8条

↓ 下方为您推荐了一些精彩有趣的文章热评 ↓

你即将学会 启屏设计 的知识

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

上一篇

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

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

下一篇

你可能还爱看

设计逻辑「腾讯视频」的音量条为什么是渐变色?

猎人 - AmberDu小白10.0

#声音#微交互#心理暗示

设计彩蛋惊艳！Google Doodles以地球航拍美景致敬2024世界地球日

猎人 - AmberDu小白9.0

#Google Doodle#情怀#情感化设计

好工具两步生成双色调免费图片素材的网站「Duotone」

猎人 - AmberDu小白9.8

#Duotone#双色调#好功能

近期热门产品

Fabrie

猎人已捕获3个知识点

饿了么

猎人已捕获34个知识点

微信输入法

猎人已捕获6个知识点

最新趋势

入站必看

设计入门

进阶提升

热门资源

Midjourney

会上瘾的AI绘画工具

AI智能绘画

让AI助你一臂之力

300个AI工具

实用AI智能神器大全

Blender

称心如意的3D设计法宝

Figma

令设计师爱不释手

HMI设计指南

车载设计教科书

直播间设计

生意都在直播间啦

Stable Diffusion

最强开源AI绘画工具

优设热榜

每日必读的行业消息

教你做字库

每个公司都可有字库

设计服务

一站式数字创意服务平台

求职面试

为你用心整理的技巧

B端设计

菜单优设网 - 学设计上优设

尊享全年高价值服务加速收益

大咖指引职场加薪

AIGC实战加速受益

优质链接人脉链接

流量赋能名利双收

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

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

点击登录后，在评论区留言，系统会随机派送奖品

2012年成立至今，是国内备受欢迎的设计师平台，提供奖品赞助联系我们

发表评论已发布8条

你即将学会启屏设计的知识

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

#声音 #微交互 #心理暗示

#Google Doodle #情怀 #情感化设计

#Duotone #双色调 #好功能