Readability of the New Nutrition Label

这是来自UXmovement的一篇文章, 是我从Instapaper Daily中看到的一个优质的站点~ 里面有很多非常棒的文章, 希望后续能都尝试着翻译一把~ 作为一个非常非常业余的翻译..表示开启[译]系列的目的就是练习一下英语顺带学习一下UX哈哈 原文链接 嗯, UXM对移动设备做了优化, 体验也很爽的

========译文=========

营养成分表已经很多年没有变化了, 不过这次FDA计划重新设计一下它的样式, 让这个东东变的更加容易阅读和识别. 通过对比新旧的成分表, 你可以看到为什么新的设计能够让人更快速的浏览查看其中的信息了.

增大文本大小来提升视觉敏感

注意新设计中的标题, 卡路里, 分量等信息是你第一眼会注意到的信息. 这是因为它们都是用大字体突出显示的. 当你提升一个文本的大小让它从周围文本中突出出来时, 你就在提升用户对于大文本信息的敏感度. 这让那些重要的信息能够更快更容易的被注意到. 很明显FDA认为卡路里和剂量是比较重要的, 且从其中卡路里的字体更大一些说明卡路里重要性更强一些. 在旧版中, 各个信息的文本大小是接近的, 这就降低了用户的视觉敏度, 也就拖慢了用户对重要信息的识别.

文本排列紧致来降低视觉漂移

当你看旧版设计时, 你会发现用户经常需要在成分和每日含量中来回扫视. 这是因为这种表格设计, 让两部分信息分别向两边对其, 中间就留下了很大的空白, 很大的增加了扫视的长度. 但新的设计中就通过减少这些空白, 把两部分信息居中对齐, 从而可以明显降低用户的扫视压力, 甚至不用怎么移动眼球焦点就能获得全部的信息. 另外, 用中间一条竖线来分隔两部分信息, 也让用户能够轻易的分辨两者, 毫不费力的获取自己想要的信息.

总结

提升视觉敏度以及降低扫视长度来提升文本的可读性. 越大的字体尺寸越容易获取视觉敏度. 拉近文本的距离可以有效的降低视线扫视的距离. 应用这些易读性原则来优化你的界面, 你能让用户更加容易来浏览你的信息.