您的位置 首页 > 德语常识

亚马逊德语超重标签,表单标签对齐方式如何选

大家好,今天给各位分享亚马逊德语超重标签的一些知识,其中也会对表单标签对齐方式如何选进行解释,文章篇幅可能偏长,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在就马上开始吧!

编辑导语:表单是最常用的信息录入工具,日常生活中,我们每个人都在和各种表单打交道。本文作者结合案例对表单标签的样式及设计注意事项进行了详细的说明,相信对表单标签不熟悉的同学看完后肯定会有不少的收获~

输入设计和表单设计是产品经理与交互设计师的核心技能,你可以把它们用在各类软件和各种平台上。

我们先来复习一下文本输入框的构成。

我们今天要聊的就是第3点:标签文本/LabelText。

标签应该用人们能明白的语言提出简洁问题,以便于回答。

输入框标签应当顶对齐、右对齐还是左对齐?

先来看看这几种对齐方式的优缺点。

eg:Amazon寄送地址表单的顶对齐标签提供了充裕空间,可水平分组相关内容.

eg:Jira创建故事表单采用右对齐标签布局

eg:Dribbble搜索页面为输入框内标签

当用户在Textfield中输入内容以后,内嵌Label会浮动到Textfield上方,成为顶端对齐。

优点:兼具内嵌Label和顶端对齐的优点

缺点:输入内容后,标签显示过小,对于小屏幕和视力不佳的用户来说是个挑战。

eg:Yahoo登录页面,输入框为浮动标签

能迅速填完顶对齐标签表单的原因之一,是因为眼球只需要在标签和输入框之间进行单一运动。

事实上,马泰奥·彭佐从2006年7月进行的眼动研究发现,顶对齐标签方式从标签移动到输入框只要50毫秒,比左对齐标签方式快了10倍,后者需要500毫秒;比右对齐标签方式快2倍,后者高达240毫秒。

可能觉得几百毫秒,觉得也没有多少多长时间,但是一旦涉及到需要填写几百个录入项,时间也是成倍的。

所以在标签对齐上要根据场景选择合适的方式。

作者:Neko,支付产品经理/UI/UX;公众号:吱了一声

本文由@Neko原创发布于人人都是产品经理,未经作者许可,禁止转载。

亚马逊德语超重标签和表单标签对齐方式如何选的问题分享结束啦,以上的文章解决了您的问题吗?欢迎您下次再来哦!

本站涵盖的内容、图片、视频等数据,部分未能与原作者取得联系。若涉及版权问题,请及时通知我们并提供相关证明材料,我们将及时予以删除!谢谢大家的理解与支持!

Copyright © 2023