用户体验之——信息图形化（一）

先说一个生活中的例子：我有一次去一个小城市旅游，提前找好了公交车行车路线，好不容易上了车很幸运的寻得靠窗的位置坐着，长吐一口气打算踏实坐着让公交司机带到目的地，坐着坐着，突然不安了起来，为什么？因为司机不报站，这是一个我完全不熟悉的城市，我就在心里琢磨要不就每到一站我看看下边的站牌，预先知道下一站，可是实践证明，每一个公交站都无数站牌，没等我找到这路公交车的站牌，车已经开走了，或者刚好有人挡住站牌，这个方案完全不可行，没有办法，我只能跑到司机身边站着，让司机到站的时候告知我一声。这是一次生活中非常糟糕的体验。

如果车上有如下的到站提醒示意图，我是不是就不会有以上困扰了呢？

这个案例我无数次的在课堂中跟我的学生提到，这些都是生活中的经验，我的学生经常设计出来的东西，我跟他说：“你这个功能我看不懂。”他就在那给我解释，我说：“这是一个网页，有可能全国各地无数网民在打开这个页面，他们每个人都看不懂，你打算跑到每个人身边，给每个人讲一遍吗？”所有同学就开始乐，我说别乐，我们研究看看有什么方法可以让我们的用户不需要我们解释就能使用和读懂我们的设计吧。

下边我们来对比以下网页案例：

（首先对设计者说声抱歉，我多年前网上找的，相信作者现在已经是设计界大咖，希望不要介意我拿您以前的作品做范例）

“范例1”的作者很明显是科班出身，有优厚美术功底的设计师，色彩搭配和设计感都很好，但是内容区域没有经过任何的处理，甚至网址和活动时间出现了无数次，即使占据很大一部分空间，也没能让用户关注到有用的信息，这种没有给用户提炼有用信息的设计我们叫它“word式文档设计”。

“范例2”活动方式、活动日期都很明确的标注在醒要位置，奖品和正在专注的人都用图形的方式展现出来，又美观又直接，用户体验非常好。

我们处于一个信息量非常巨大的时代，用户打开一个网页，如果我们不能在很短的时间内给他提供有用信息，我们的页面很容易马上会被关掉，所以作为设计师需要认真思考“设计师需要做什么？”

我认为网页设计师应该做好这两件事情：

那么我们就要做好信息图形化的事情，我们怎么把信息图形化呢？

下边我们拿一些简单的例子做图形化的尝试。

设计师常常拿到的文档是酱紫滴~~

我们通常会给重要的信息和非重要的信息简单做一下归类和大小对比处理，如：

在此基础加入一些几何图形，如：

根据频道的重要级别，做大小疏密的设计处理，如：

根据频道特性设定颜色，造型尝试多样化，如：