IA #0 隐性设计 - 信息架构

IA #0 隐性设计 - 信息架构

Yuki 顾雪Yuki 顾雪
有天某项目的客户说他需要一个按区域统计选民数量的报告,他列举了需求,并要求报告内容可以尽可能多的被打印成纸质文件

放设计之前,我们先来做一下阅读理解。首先我们从文档可以看出客户他需要:5个报告,分别是洲S/区D/镇TS/部落T/村庄V;每个报告中的选民按性别分类;按年龄段分类,洲S报告中显示该洲S内区D个数,各区D的选民数量,以及各区D内各镇TS的选民数量;区D报告中显示该区D内镇TS个数,各镇TS的选民数量。

这是国家C/洲S/区D/镇TS/部落T/村庄V的包含关系,其中部落T和村庄V存在重叠的区域,比如T1包含V1,V2,V3;V4包含T2,T3,T4

关于数量,由于最初我们无法获得真实数据,所以我查阅WIKI得到他们大致的数量关系,每一级都包含大约10个左右子集。

列举了报告中的内容之后,我们对内容进行分类,可以看到5个报告中有一半的内容都是相同的 - 性别和年龄(图中用圈表示);S报告中的子报告D中T的数据,和D报告的数据其实是重复的(图中用方块表示)。

于是我们开始组织内容,V1我们用的是Dashboard的形式。用可下拉的面包屑做导航,地图选择器用作辅助导航,右侧是该区域选民数量,包含子集数量,性别划分,年龄划分,子集的子集划分。

这样做的原因是:我首要考虑到的是“尽可能被打印出来”这个因素。上面那张表示数量关系的图已经表示出有可能TRACT & VIILAGE的数量是10000多个,如果用自上而下的思路很难设计出一张汇总10000个数据又便于打印的界面布局,所以我做了一个自下而上,突出单个地区数据的布局,这个地区的数据可以在一个页面以内完成,有了图表和地图的可视化作为支撑也让数据的易读性变得很强,缺点是多了很多交互,实施难度大。于是我们画了线框图,与客户进行沟通,他表示易于打印并不是一个重要的刚性需求,可以降低它的的重要级,把注意力放在信息呈现的方式上,更简单更直接更扁平。

于是我们做了一个自上而下汇总型的树形表格,突出层级关系,方便查找/切换,5份报告也因此被整合为了1份报告。没错,看上去就是一张特别简单的表格,但实现了所有的功能,它不如Dashboard炫酷,但It works!至于打印这件事,客户后来好像又觉得他不需要了。

我非常喜欢Dieter Rams说的Less is more的设计观,less其实是你想要展现出来的信息,而more是你为了让信息变得更less而付出得more and more的努力。

这里的more部分就是我们在IA上的下的功夫。最基本的信息设计方法,列举信息,分类信息,组织信息。

我们努力的方向,是让隐性设计的比例更高,即使你看不到,但我们还是相信,埋在地下的是基础,越深越坚固,而浮夸充满泡沫的时代更需要人耐下性子打好基础。

2 条评论