Alice

在B端设计指南 – 字体当中,为大家讲到了 字号、行高这一概念,但是隐藏其背后,有着十分复杂的设计逻辑,通过字号和行高,我们可以清晰的了解到不同信息间的密度关系;通过信息密度可以决定信息间的易读性。今天我就抛砖引玉,简单聊聊,页面信息密度背后的逻辑。

 

什么是信息密度?

信息密度,可以理解为页面当中你所展示的信息数量?通常给人们的直观感受就是视觉阅读更为舒适、或者更为紧凑:

图片

比如我们在一个 固定信息量的表格当中进行绘制,可以通过字号、行高、行间距 来控制其展示的信息量,进而可以产生在视觉上完全不同的三个信息展示维度:宽敞、舒适、紧凑

宽敞:我们以字号14px、行高20px  为例,宽敞的定义为上下均为一个文字的整体高度,也就是20px * 3 =60px。

图片

舒适:对舒适的定义为上下均为半个文字的整体高度,也就是20px * 2=40px

图片

紧凑:紧凑相对于信息密度是最高,高度基本上是,行高的0.6倍左右  20 * 1.6=32px

图片

当然对于密度的定义,并没有统一的标准,可以根据自身的产品特性进行相应调整。不过要记好三个的维度,文字后半部分会用到。

而在实际工作当中,我们会去强调屏效这一概念,这个屏效与餐饮行业当中的坪效类似,目的都是用于单位面积当中能够衡量属性的一个具体指标。而我们便可用它来衡量整个宽敞、舒适、紧凑的具体指数,以及表格外其他因素的干扰。

图片

通过 信息面积/表格面积 * 100% 就能够得出整个表格的“屏效”。“屏效”这一理念之后可以用在许多许多其他组件,去寻找规律。咱们后续再聊。

 

什么是易读性?

通俗一点来说,就是你在这个页面当中能否一眼就看清文字,能够让用户快速找到。它与我们上面说到的信息密度是一个反比的关系,也就是信息密度越高,易读性也会随之降低。

图片

但我们在工作当中,对接客户需求时,客户往往都会更去在乎信息密度,而忽视易读性。比如:

“能不能再多一点?”

“展示得能不能再密一些?”

“这里感觉可以加更多的信息。”

面对这样的一些问题,相信你也会时常问自己,需求是否合理?

避开场景去谈需求都是在耍流氓,对于上诉的问题,我们可以这样去思考场景:

假如现在字节不动公司的“张老板”,作为老板,你每天重要的工作就是查看公司的整体状态。然后打开管理后台点击数据看板,发现数据看板都是非常大的卡片,但作为你自己而言,是不需要这么大的字体,因为这个内容只针对你看,所以你提出让设计师去做相应调整。

假如小张是一名销售基层员工,每天的工作都是打开软件对客户数据进行操作,随着小张业务不断熟练,他就想能够在一个页面当中展示更多的信息用于数据操作。因此想让设计师对信息的密度进行修改。

看上去他们的诉求都有自己的道理,对于这些情况,建议大家可以采取不同方式来进行展示。

我们现在去处理小张的需求,产品涉及到的用户人群较大,针对于基层员工的工作需求,我们应该去考虑将特殊的喜好努力抽象成为通用的逻辑,适用到系统当中。比如在表格底部设定表格的不同高度:“宽敞、舒适、紧凑”这样的维度,通过较为通用的方式,来满足用户的需求,而不是单独为此用户进行调整。

图片

针对老板的特定需求,或许整个功能/产品就是为他设计,因此对于这样的“老板需求”我们则可以根据他的具体使用习惯进行调整,所以设计师应该多从特定人群的实际环境出发进行思考。

当然如果除了老板之外的其他角色也需要去使用这个功能,我们同样可以根据“视图、分类、筛选”等功能,将不同类型的角色进行定义。

而在页面信息舒适性和密度之间究竟应该如何权衡?我确实不能给到你一个万能的公式,能帮助到你的还是只能通过需求真实的 场景/行业 出发,对于整个影响范围进行综合考虑。

最后关于行高,会出现很多奇奇怪怪的问题,比如 在微软雅黑 字体当中,由于本身基准线的缘故,微软雅黑字体本身是靠下进行展示。而我们在 图标 文字 混排时,就会出现错乱的情况,我们在评论区探讨探讨,这种情况你是如何处理的?

图片

 

原文链接:CE青年(公众号)

作者:CE青年

图片

转载请注明:学UI网 » B端问答|信息密度与易读性

登录收藏
 
你可能喜欢的:
详解|用户体验地图,到底该如何使用?详解|用户体验地图,到底该如何使用?
金刚区也要考虑交互,不只是画图标而已金刚区也要考虑交互,不只是画图标而已
鹅厂运营设计挺厉害,我偷学了几招鹅厂运营设计挺厉害,我偷学了几招
靠这个虚拟项目,他争取到了不错的工作!靠这个虚拟项目,他争取到了不错的工作!
渐进式披露!交互设计领域独有的设计方法论渐进式披露!交互设计领域独有的设计方法论
蛋卷基金首页改版|怎么帮助用户发现好资产?蛋卷基金首页改版|怎么帮助用户发现好资产?
浅谈付费会员模式中设计机会点浅谈付费会员模式中设计机会点
B端设计:智能销售平台B端设计:智能销售平台
【大咖访谈】高途用户体验负责人徐伟伟:让自己发光 —— 设计师核心能力进阶【大咖访谈】高途用户体验负责人徐伟伟:让自己发光 —— 设计师核心能力进阶
B端问答丨B端项目赶工,不重视设计应该怎么办?B端问答丨B端项目赶工,不重视设计应该怎么办?