1、图表的目的和价值图表设计是数据可视化的一个分支，是对数据进行二次加工，以统计图表的形式呈现。数据是事实或观察的结果，是对客观事物的逻辑归纳。通常，一个具体的数字比一个含糊的说法更可信、更有说服力。但单纯的数字并不能提供足够的影响力。假设某淘宝女装卖家3月份的交易额为50万。数月的数据，其中金额70万，以折线图的形式呈现，可以判断交易金额呈上升趋势。结合去年同期的销量曲线对比，补充其他维度信息（图1-1），可以推断是由于季节变化带来的销量提升，店家可能会考虑增加夏季新款的数量。所以我们说图表是解释数字的有力手段。图1-1存储交易金额与纯文本相比，大脑处理图形内容会省去更多的精力。每个汉字都可以看作是一个图形符号。阅读文本时，大脑首先将它们一个一个地解码，并将这些形状与大脑中存储的记忆进行匹配，从而理解其含义。在一段文字中，汉字的解码过程是线性顺序进行的，而图表是作为一个完整的图形同步解码的，因此比文字快得多（图1-2）。据相关研究表明，高质量信息图的理解力比纯文本高出30倍。图1-2女装数量比例根据可用性专家JakobNielsen的研究，一般人只阅读网页上大约20%的文字。人们的注意力越来越分散，大量的文字容易造成阅读疲劳，而图表更能抓住人的注意力。在微博、微信等营销传播渠道中，以图表形式展示数据会比纯文字获得更高的点击、收藏等价值，更容易被记住，从而制造话题，创造口碑-口碑营销。想象以下文字和图表（图1-3），您更愿意分享哪一个？7大洲最高峰：南极洲文森山16050英尺4892米南美洲阿空加瓜山22841英尺6962米非洲乞力马扎罗山19340英尺5892米亚洲珠穆朗玛峰290358848米欧洲厄尔布鲁士峰18510英尺5642米米北美，麦金莱山20320英尺6194米大洋洲，卡斯滕山16024英尺4884米图1-37大洲最高峰#p#二，数据产品中的图表设计原则和方法大数据是最近很火的一个词年。马云曾表示，阿里巴巴未来十年的战略目标是建立DT数据时代中国业务发展的基础设施。BusinessAdviser就是在这个环境下孵化出来的数据产品。旨在为中小卖家提供数据化运营的思路，通过监控门店的日常运营和活动，帮助卖家调整门店运营。很荣幸参与了这个产品从创立到成长的全过程。数据产品最离不开的部分其实就是图表设计。要保证图表中的数据本身清晰、准确、直观、易懂，并适当突出用户关心的核心内容，帮助用户通过数据进行决策。商业顾问的数据产品，是将数据化运营的思想融入到设计中，通过数据引导用户得出有效的结论，辅助门店管理。此外，具有一定设计感、打动人心的平面设计，也能创造更多的商业传播价值，提升品牌形象。1.如何准确表达图表中的数据。在数据产品中，用户主要使用数据进行分析和决策，因此强调数据的准确性。那么如何通过图表准确传达数据，首先我们需要明确各个图表的定义和使用范围。其次，图表的绘制方式要正确，表达方式不能有偏差。(1)选择合适的图表。理清每个图表的定义和使用场景，将有助于我们对数据进行处理和重新沟通。柱形图、饼图、折线图和表格是最常用的四种图表，但往往容易混淆使用。让我们仔细研究这四种基本图表的定义和类型，找出不同之处。A.直方图也叫条形图、条形图。它是一种以矩形的长度为变量的统计图表。通常用于比较两个或多个值。常见的柱形图有四种：垂直柱形图，最常见的柱形图；水平柱形图，一般按照值的大小排列；簇状柱形图，用于多组数据的比较，强调一组数据内的比较；堆积柱形图用于比较多组数据。与聚集柱形图不同，堆积柱形图强调一组数据中部分与整体之间的关系。B.饼图是一种以圆心角的度数表示数值大小的统计图表。常用来表示数据的比例关系。饼图中各项目的总和为100%，最适合表达单一主题，即部分占整体的比例。饼图的种类相对较少，主要有三种：基本饼图，包括规则饼图和圆形饼图；半圆形饼图。在某些场景下，半圆形饼图更便于排版和对齐。而且标注信息也方便呈现；复合饼图，当饼图中的扇区过多时，可以将最重要的项目组合到其他类别中，并在二级图表中显示这些项目的构成。C、折线图是通过折线的波动（上升或下降）显示连续数据随时间或有序类别的变化情况的图表。通常用于强调数据的变化或趋势。折线图可分为单线图、多线图和堆叠图：单线图仅显示一组数据波动；多线图同时显示多组数据波动；多重堆叠折线图显示多组数据在波动的情况下，同时显示多组数据组合的变化。当多个数据叠加（堆叠图）时，建议使用面积图而不是折线图。D、表格是由若干行和列组成的有序组织。该表可以高效地显示大量数据。有各种类型的表。除了简单的文字和数字，我们还可以给它添加图片、操作等类型。表格是几种图表中最多样化和最专业的类型。基本形式，静态纯文本的基本形式；内容复合形式，与其他内容类型相结合的更复杂的形式；操作复合表单，用户行为影响表单的风格或特征。(2)正确绘制图表了解了四种图表类型后，我们就完成了通过选择合适的图表类型来准确表达数据的第一步，那么第二步就是正确绘制图表了。错误的轴选择，或缺少关键元素，会导致图表不准确和含义不明确。A、柱状图数据产品的图表强调数据的准确性。通常，零基线是必不可少的。为了强调起始位置，颜色比其他网格线深。考虑到用户不同显示设备的差异，建议选择至少94的灰度值，以保证清晰的识别。颜色太浅，在某些设备上无法清晰显示。图2-14柱形图中零基线柱宽为D，所以柱间距建议在1/2D和D之间，簇状柱形图两柱间距推荐为1/8D。这样既能保证列不会太散——失去数据之间的关联性，又不会太密——保证数据的独立性和阅读舒适性。图2-15列间距B.饼图我们对饼图的一般绘制方法是根据用户的阅读习惯，从时钟的12点开始，从上到下顺时针排列扇区（图2-15）。2-16).图2-16饼图的绘制方法但是这种绘制方法有一个缺点。在用户视线的焦点——饼图的上半部分，不重要的最小数据项和最重要的数据项一起占据了视觉焦点。为了解决这个问题，我们在此基础上做了一些优化。同样从时钟12点开始，先逆时针绘制第一个切片，然后回到12点，顺时针绘制第二大切片，其余切片依次绘制（图2-17）。这种方法使用户的视线成为焦点——饼图的上半部分是放置最重要数据的地方。但是这种绘制方法也有一个小缺点：当有多个饼图时，每个饼图的起始位置不同（图中问号标注的位置）。可以根据不同的使用场景选择不同的饼图绘制方式。图2-17饼图的绘制方法C.折线图折线图常用来表示数据的变化和趋势，坐标轴的不同对折线的变化幅度影响很大。如果坐标轴的值设置得太高，折线的变化会过于平缓，无法清晰显示折线的变化，掩盖真实。反之，如果坐标轴设置得太低，会使折线的变化过于陡峭，折线的变化趋势会被夸大太多。图2-18如何绘制虚线#p#2。如何提高图表的易读性数据产品往往充斥着大量的图形和图表，用户很容易淹没在数据的海洋中。除了准确表达这些数据外，提高图表的易读性也是数据产品中图表设计的一个显着特点。图表中的文字部分通常是对具体值的解释和值的含义。通过适当地格式化这些文本，用户可以快速理解图表，达到高效阅读的目的。A.柱状图轴的标签水平排列。不建议垂直或倾斜排列。字多的时候读起来很困难。柱形图中使用的一些标签也适用于折线图。图2-19柱状图的标签排列水平柱状图一般简化了坐标，数据值跟随柱状图，增加了数据与墨水的比例。图2-20横条图当坐标轴标签过长时，竖条图无法显示所有坐标轴标签。有几种解决方案：可以使用水平条形图来增加标签的显示空间。图2-21水平柱形图显示主要刻度，其余数据省略，通过交互操作显示。比如显示2010/2011年，但是隐藏了年中的具体月份，悬停时出现。图2-22中的横坐标。高位的数值可以换算成单位。比如500,000显示为500,000，更符合中国人的阅读习惯，也更节省空间。图2-22的纵坐标。图2-22柱形图的刻度值B.饼图与饼图中的百分比值一起显示。信息连贯，视觉集中，理论上最合适的位置。但受限于饼图本身的形状和大小，文字过多时容易溢出。图2-23饼图的标签使用引导线，显示在饼图周围合适的位置。引导线可以有效地将切片与标签关联起来，并且可以显示更多的字符。当引导线很多时，可以对其进行变形和规则化。在数据产品中，通常是活动数据，数值经常变化，标签和引导线位置不固定，布局难以控制。图2-24饼图数值和使用引导线的标签分开显示。标签字数不限，但标签与饼图分离，需对照阅读。图2-25数值和标签分开显示，通过交互动作切换标签显示在圆形饼图的空白处。空白部分不受切片大小的影响，标签和值可以一起显示。适合强调切片值时。标签和切片的对应关系需要有交互操作说明，数据展示比较隐蔽。图2-26具有交互作用的标签C.表格文字信息的竖列对比可以很好地形成视觉引导线，符合格式塔心理学中的相似性原则。不同的数据类型有不同的对齐方式。一般来说，文本左对齐，数据右对齐，这样可以通过位数的长短来比较数据的大小和大小。图2-27表格的对齐方式表示状态的文字通常只有几种固定类型（如已完成、待付款等），因此可以居中。可以将关系密切的字段进行紧密分组，加强数据之间的关联性，减少分组数据量，方便用户快速定位信息。图2-28表格对齐
