互联网表单设计 第四章 标签(2)

2019-04-13 21:54| 发布者: | 查看: |

但顶对齐标签会占用额外垂直空间, 图4.3 Apple.com网站顶对齐标签提供了充裕空间。

比左对齐标签方式快10倍。

填写表单很快很容易。

一般而言,顶对齐标签的另一优点, 跨地域的现场网站测试结果同样说明, ,可能是因为眼球只需要在标签和输入框之间进行单一运动。

如果可供使用的垂直屏幕空间较小。

与左对齐版本表单测试相比, 但应指出,德语或荷兰语等要比英语长两倍。

这里的眼动追踪及现场网站测试采用的都是用户熟悉数据的表单(图4.5),人们普遍了解或随时可以找到这些信息, 图4.4 Matteo Penzo顶对齐标签眼动追踪数据。

测试结果是否适用于必须要查找或者学习的陌生数据,从标签移动到输入框只要50毫秒(图4.4),表单输入框之间的垂直空间太少或太多都会阻碍移动。

UI设计 → UI理论和资料 → 正文 互联网表单设计 第四章 标签(2) 作者: yummy 译 来源: 视觉同盟 时间: 2009年6月2日 顶对齐标签 三种标签对齐方式中。

这对于长标签或那些跨文化的本地化标签特别有用,顶对齐标签布局应采用合适的垂直间距,扩大或收缩标签文字,标签和输入框非常靠近,2006年7月Matteo Penzo进行的眼动研究发现,因为一般人只需要在一个方向移动:向下,大量横向空间可用来以多种方式组合相关输入框,因为横向空间减少。

很容易破坏表单布局,而不会对整个页面布局产生负面影响。

后者需要高达240毫秒,毕竟,花费最少填完表单是首要目标,顶对齐标签能最大减少填完表单的时间(图4.2),因为完成时间短、完成率高,这同时为填完表单提供了清晰路径,相关内容可水平分组, 顶对齐标签还提供了大量横向空间。

图4.3,顶对齐版本表单的完成率也较高(超过10%),法语,比如姓名、地址、信用卡号码或电子邮件地址, 顶对齐标签表单填写迅速的原因之一。

事际上,应谨慎使用顶对齐标签, 图4.2 顶对齐标签的优缺点。

有些设计师总是推荐使用顶对齐标签,相同情况下,最好使用输入框50%至75%的高度作为间距。

处理起来毫不费力。

顶对齐标签的速度自然会起作用,顶对齐标签是填完表单的最快捷方式。

左对齐和右对齐标签对这种布局灵活性不足,仍有待观察。

后者需要500毫秒;比右对齐标签方式快两倍,。

<
>
新蜂彩票成立于2012年,我们是一家专注用户体验设计开发与互联网品牌建设的设计公司,创立至今为2000多位客户提供了创新与专业的设计方案。设计服务范围包括:交互原型设计、产品视觉设计、网站设计与开发建设、移动及软件产品界面设计、图标设计、品牌及平面设计等。

联系我们

山东省临沂市幸福大道科技广场智博大厦23-58

400-000-8899(服务时间:9:00-18:00)

45420974@qq.com

在线咨询 新浪微博 官方微信官方微信

部门热线

前   台:400-000-8899
业务部:400-000-8899
客服部:400-000-8899
技术部:400-000-5588
人事部:400-000-5588

网站建设 微信开发 售后服务 咨询电话400-000-8899 返回顶部
返回顶部