@親愛(ài)的蔥 數(shù)據(jù)可視化在當(dāng)前是一個(gè)熱門(mén)話題，旨在借助于圖形化手段，清晰有效地傳達(dá)與溝通信息。但是，這并不就意味著，數(shù)據(jù)可視化就一定因?yàn)橐獙?shí)現(xiàn)其功能用途而令人感到枯燥乏味，或者是為了看上去絢麗多彩而顯得極端復(fù)雜。為了有效地傳達(dá)思想概念，美學(xué)形式與功能需要齊頭并進(jìn)，通過(guò)直觀地傳達(dá)關(guān)鍵的方面與特征，從而實(shí)現(xiàn)對(duì)于相當(dāng)稀疏而又復(fù)雜的數(shù)據(jù)集的深入洞察。

然而，設(shè)計(jì)人員往往并不能很好地把握設(shè)計(jì)與功能之間的平衡，從而創(chuàng)造出華而不實(shí)的數(shù)據(jù)可視化形式，無(wú)法達(dá)到其主要目的，也就是傳達(dá)與溝通信息。

如今學(xué)習(xí)應(yīng)用數(shù)據(jù)可視化的渠道有很多，你可以跟蹤一些專家博客，但更重要的一點(diǎn)是實(shí)踐/實(shí)操，你必須對(duì)目前可用的數(shù)據(jù)可視化工具有個(gè)大致了解。以下是Netmagzine列舉的二十大數(shù)據(jù)可視化工具，無(wú)論你是準(zhǔn)備制作簡(jiǎn)單的圖表還是復(fù)雜的圖譜或者信息圖，這些工具都能滿足你的需要。更加美妙的是，這些工具大多免費(fèi)。

第一部分：入門(mén)級(jí)工具

1.Excel

Excel的圖形化功能并不強(qiáng)大，但Excel是分析數(shù)據(jù)的理想工具，上圖是Excel生成的熱力地圖

作為一個(gè)入門(mén)級(jí)工具，Excel是快速分析數(shù)據(jù)的理想工具，也能創(chuàng)建供內(nèi)部使用的數(shù)據(jù)圖，但是Excel在顏色、線條和樣式上可選擇的范圍有限，這也意味著用Excel很難制作出能符合專業(yè)出版物和網(wǎng)站需要的數(shù)據(jù)圖。但是作為一個(gè)的內(nèi)部溝通工具，Excel應(yīng)當(dāng)是你百寶箱中必備的工具之一。

這是一個(gè)讀圖的時(shí)代，浮躁的人們或許對(duì)超過(guò)150個(gè)的文字都讀不下去，所以，信息圖應(yīng)運(yùn)而生，搭配上優(yōu)秀而又吸引人的圖片，再加上一小段精煉的文字，足夠吸引人而又不至于耽誤太多的時(shí)間,在閱讀一張張精彩的信息圖之余，我們也常常會(huì)產(chǎn)生制作屬于自己的精美信息圖的沖動(dòng)，只是往往是心有余而力不足.不過(guò)還好，有眾多提供在線制作信息圖的工具,比如creately就是其中的佼佼者。

什么是信息圖(Infographics)

根據(jù)維基百科的解釋:
信息圖形（Information graphics），又稱為信息圖（Infographics），是指數(shù)據(jù)、信息或知識(shí)的可視化表現(xiàn)形式。信息圖形主要應(yīng)用于必須要有一個(gè)清楚準(zhǔn)確的解釋或表達(dá)甚為復(fù)雜且大量的信息，例如在各式各樣的文件檔案上、各個(gè)地圖及標(biāo)志、新聞或教程文件，表現(xiàn)出的設(shè)計(jì)是化繁為簡(jiǎn)。公元1958年，Stephen Toulmin提出了一種圖形化的理論模型，后來(lái)成為有影響力的理論及其應(yīng)用。

制作信息圖的目的在于用圖像的形式表現(xiàn)需要傳達(dá)的數(shù)據(jù)、信息和知識(shí)。信息圖示中的元素未必要和所表達(dá)的信息在語(yǔ)義上一致，但是必須達(dá)到向受眾清晰傳達(dá)正確信息的標(biāo)準(zhǔn),這里介紹幾個(gè)知名的提供信息圖的網(wǎng)站

確保工作區(qū)整潔有序

合理的圖層排序和分組便于設(shè)計(jì)師理解所有元素的對(duì)應(yīng)位置。把它比作一個(gè)生產(chǎn)車(chē)間，要是你把所有的工具到處扔，害得你的工頭什么都找不到，你還有好日子過(guò)么？

同一對(duì)象的多個(gè)圖層歸入一個(gè)文件夾

這是一條重要的規(guī)則。圖層歸組讓你的圖層變得有序，你不需要單獨(dú)為每一個(gè)圖層命名，只要命名組就行了。
例如：如果一個(gè)按鈕由按鈕圖標(biāo)和說(shuō)明文字組成，那么應(yīng)該把它們歸入一個(gè)”按鈕”的文件夾；菜單本身是一個(gè)一組一組的按鈕對(duì)，歸入一個(gè)”菜單”組，并且所有背景層也將歸入”背景”這個(gè)文件夾。

原則就是：文件夾分組在邏輯上應(yīng)該符合你的布局結(jié)構(gòu)。

如果一個(gè)對(duì)象包含幾個(gè)圖層，就應(yīng)該把它們歸入一個(gè)文件夾

新幻燈的版本為34/1，修改日期11月27

通常我們會(huì)把好幾個(gè)不同版本的元素放在一個(gè)文件里，像同一個(gè)按鈕不同的背景。

但為了避免忘記這一撮奇怪的隱藏圖層其實(shí)是同一個(gè)背景的不同版本，最好還是好好給他們歸組。最簡(jiǎn)單的辦法就是創(chuàng)建一個(gè)”背景”文件夾，把所有的版本背景都放到里面。但更理想的方法是復(fù)制整個(gè)”按鈕”文件夾并根據(jù)不同的版本命一樣的名。這樣就可以很清楚地知道這是一個(gè)按鈕的3個(gè)不同版本。

這樣分組，你的同事就能理解這些按鈕是三個(gè)版本

這里收錄的100句有關(guān)設(shè)計(jì)的事情，似乎更像是設(shè)計(jì)經(jīng)典語(yǔ)錄，它們之中肯定會(huì)有一句能夠讓您共鳴，甚至大徹大悟。

好吧，美妙的句子很多，開(kāi)門(mén)見(jiàn)山，就讓我們迅速開(kāi)始吧。

零：項(xiàng)目背景

百度網(wǎng)盟推廣平臺(tái)是配合網(wǎng)盟推廣用戶的在線營(yíng)銷平臺(tái)，推廣客戶可以在平臺(tái)上實(shí)現(xiàn)全方位的推廣管理，包括搭建賬戶結(jié)構(gòu)、配置預(yù)算、定向方式、監(jiān)控賬戶投放效果等等復(fù)雜的賬戶操作。但是由于系統(tǒng)的復(fù)雜度和功能性的增加，原有的系統(tǒng)對(duì)新功能的支撐顯得有些捉襟見(jiàn)肘，所以在今年8月份，我們開(kāi)始了對(duì)系統(tǒng)體驗(yàn)的分析和優(yōu)化工作。

一：產(chǎn)品理解

廣告投放平臺(tái)廣義上屬于商業(yè)產(chǎn)品體系，商業(yè)產(chǎn)品和用戶產(chǎn)品在體驗(yàn)的關(guān)注點(diǎn)上是有顯著區(qū)別的。最大的區(qū)別就是使用需求不同，商業(yè)產(chǎn)品一般不會(huì)出現(xiàn)在我們?nèi)粘Ｉ钪?，大部分都是在工作時(shí)，或者是特定的時(shí)段內(nèi)才會(huì)使用到。所以把握好商業(yè)產(chǎn)品的特性，是做好商業(yè)產(chǎn)品用戶體驗(yàn)的關(guān)鍵。

研究一個(gè)產(chǎn)品的特性，一個(gè)比較簡(jiǎn)單的方法就是觀察產(chǎn)品的“零容忍點(diǎn)”，也就是產(chǎn)品的哪些特性如果不能夠滿足用戶，用戶就會(huì)產(chǎn)生強(qiáng)烈反感，甚至放棄使用。比如說(shuō)現(xiàn)在非?；鸬囊苿?dòng)互聯(lián)網(wǎng)應(yīng)用，也就是app產(chǎn)品，用戶的零容忍點(diǎn)基本上會(huì)停留在視覺(jué)層面上。因?yàn)槲覀兊囊苿?dòng)設(shè)備分辨率較高以及產(chǎn)品的使用場(chǎng)景（都是近距離使用）的關(guān)系，用戶對(duì)產(chǎn)品的視覺(jué)效果會(huì)非常嚴(yán)苛，如果產(chǎn)品的icon或者界面丑陋，基本上就不會(huì)用了。但是，對(duì)于一些小說(shuō)站點(diǎn)或者視頻站點(diǎn)來(lái)說(shuō)，視覺(jué)就不是用戶最主要關(guān)注的了，這類產(chǎn)品，用戶最關(guān)注的是他們的內(nèi)容，如果內(nèi)容不夠好，別人有的你沒(méi)有，那么用戶就會(huì)離開(kāi)，即使你的界面十分精美，只能是華而不實(shí)。同樣，如果把思路切換到商業(yè)產(chǎn)品上，我們會(huì)發(fā)現(xiàn)用戶最在意的是能夠能夠在使用的功能滿足和節(jié)約時(shí)間。因?yàn)樯虡I(yè)產(chǎn)品更像是一個(gè)用戶的工具，如果工具不能夠操作，那么用戶就沒(méi)有使用的動(dòng)力了。因此，對(duì)于商業(yè)產(chǎn)品來(lái)講，功能>性能>易用>美觀。

所以，對(duì)于商業(yè)產(chǎn)品設(shè)計(jì)師來(lái)說(shuō)，我們的思維中要一直有一個(gè)聲音，那就是我們的優(yōu)化是不是能夠真正的提高用戶的效率，在效率和效果面前，我們要強(qiáng)迫自己選擇前者。

二.可用性走查

平臺(tái)系統(tǒng)的復(fù)雜度之高，超出預(yù)期，怎樣衡量復(fù)雜系統(tǒng)的操作效率提升是體驗(yàn)優(yōu)化的一個(gè)難題，思考之后，把產(chǎn)品的易學(xué)性作為我的設(shè)計(jì)出發(fā)點(diǎn)，就是通過(guò)統(tǒng)一、規(guī)范的系統(tǒng)能夠讓用戶更容易學(xué)習(xí)和掌握平臺(tái)產(chǎn)品具體的使用方法。

對(duì)整個(gè)系統(tǒng)超過(guò)30個(gè)頁(yè)面進(jìn)行可用性走查，根據(jù)用戶體驗(yàn)設(shè)計(jì)要素，把系統(tǒng)按照結(jié)構(gòu)層、框架層和表現(xiàn)層來(lái)進(jìn)行梳理。結(jié)構(gòu)層解決用戶如何導(dǎo)到某個(gè)頁(yè)面，做完去哪里。在梳理結(jié)構(gòu)層的過(guò)程中不具體思考交互方式，只是從任務(wù)出發(fā)，來(lái)看流程和結(jié)構(gòu)上能不能滿足功能，在滿足功能的基礎(chǔ)上有沒(méi)有提升的空間?？蚣軐觿t解決頁(yè)面的具體布局和交互方式，對(duì)系統(tǒng)頁(yè)面的控件、布局等詳細(xì)梳理，尋找改進(jìn)空間。表現(xiàn)層解決產(chǎn)品的視覺(jué)呈現(xiàn)。

雖然互聯(lián)網(wǎng)發(fā)展迅速，但是利用Banner來(lái)推廣產(chǎn)品，依然是王道。
很多公司都采用這種形式進(jìn)行宣傳，優(yōu)點(diǎn)多多：便宜、效果可監(jiān)測(cè)、行之有效。
現(xiàn)在呢，假設(shè)有客戶讓你幫忙設(shè)計(jì)個(gè)Banner廣告，你要怎么設(shè)計(jì)呢？要怎么提高廣告的點(diǎn)擊率呢？

下面將詳細(xì)講述Banner設(shè)計(jì)的14條建議。

1. 選擇最有效的Banner尺寸

恐怕現(xiàn)在的設(shè)計(jì)師最怕聽(tīng)到的兩個(gè)字就是“大氣”。
“你對(duì)設(shè)計(jì)稿有什么要求呢？” “哦，我希望大氣一些！”“。。。?！?br /> “您覺(jué)的哪些地方不滿意呢？”“嗯，就是希望再大氣一些！”“。。。?！?br /> “你看這次的視覺(jué)稿，風(fēng)格怎么樣？”“挺好的，稍微大氣一些就OK”“。。。?！?br /> 這些對(duì)話一點(diǎn)也不夸張，都是同行們常常抱怨的話題。設(shè)計(jì)師已經(jīng)無(wú)數(shù)次倒在了這兩個(gè)字下。
不過(guò)，抱怨并不能解決所有問(wèn)題。那么我們?cè)摽紤]如何解決這個(gè)令人頭疼的形容詞呢？ 簡(jiǎn)單分析，從兩種不同類型的需求說(shuō)起

第一種：商務(wù)性質(zhì)中的“大氣”

簡(jiǎn)約的頁(yè)面風(fēng)格容易受到用戶的喜歡，而且能給用戶帶來(lái)一定的安全感。拿IBM這個(gè)來(lái)說(shuō)，頁(yè)面給人的第一感覺(jué)是專業(yè)和安全。焦點(diǎn)圖構(gòu)成也比較簡(jiǎn)單，左側(cè)醒目的標(biāo)語(yǔ)用了簡(jiǎn)單的漸變，右側(cè)也運(yùn)用了簡(jiǎn)單的幾何圖形。下面幾個(gè)例子也是如此，還有一些沒(méi)有列舉出來(lái)的，比如大家很熟悉的apple官網(wǎng)。

一個(gè)LOGO對(duì)于一家企業(yè)的重要性不用我說(shuō)相信大家也都知道，不管是從視覺(jué)的品牌傳播方面，還是對(duì)于傳達(dá)企業(yè)對(duì)內(nèi)對(duì)外的精神和文化理念方面，小小的一個(gè)LOGO都處在一個(gè)舉足輕重的位置。好了，廢話不多說(shuō)，開(kāi)始正題。

有人說(shuō)“即使一把火把可口可樂(lè)燒得精光，它也能憑借著它的LOGO東山再起?！爱?dāng)然了，至于有沒(méi)有人說(shuō)過(guò)，我們無(wú)法考證。但是這句話充分說(shuō)明了一個(gè)LOGO所能發(fā)揮的作用。下面我從5個(gè)方面來(lái)說(shuō)明如何才是一個(gè)好的LOGO:

1． LOGO應(yīng)該有代表性的寓意

中國(guó)銀行的LOGO的經(jīng)典之處也不用我來(lái)多廢話，我們來(lái)看一看它所包含的寓意：

（1）首先，既然是中國(guó)銀行，它的圖形部分中間實(shí)際上是一個(gè)中國(guó)的“中”字；

（2）其次，外圓中方的造型，則代表著中國(guó)的古錢(qián)幣，將銀行這一特性表達(dá)出來(lái)；

（3）再次，圓形的外觀則指中國(guó)銀行面向全球，著眼世界。

2． LOGO的用色

一個(gè)好的LOGO應(yīng)該有能夠表達(dá)企業(yè)特性的色彩

上圖中，同為美國(guó)的2家著名企業(yè)的LOGO,都是以大量的字母為基礎(chǔ)造型的LOGO

給觀者的感覺(jué)卻是截然不同的兩種感覺(jué),色彩的運(yùn)用起到了很重要的作用

前言

網(wǎng)絡(luò)廣告，因其數(shù)字化、數(shù)據(jù)性的本質(zhì)而區(qū)別于傳統(tǒng)廣告。傳統(tǒng)廣告無(wú)法衡量受眾參與，但網(wǎng)絡(luò)廣告有展現(xiàn)、點(diǎn)擊、轉(zhuǎn)化。CTR很長(zhǎng)一段時(shí)間以來(lái)，是網(wǎng)絡(luò)廣告效果的命脈。我們要研究CTR，研究什么？是誰(shuí)在貢獻(xiàn)CTR，CTR有什么規(guī)律，哪些因素在影響CTR，如何提升CTR，同時(shí)也要明白，在網(wǎng)絡(luò)廣告技術(shù)和形式光速發(fā)展的今天，CTR是否還是最優(yōu)解。

本系列即圍繞CTR展開(kāi)。本文涉及“天生的點(diǎn)擊者”這一理論，簡(jiǎn)單來(lái)說(shuō)也是二八理論，就是網(wǎng)絡(luò)廣告研究者認(rèn)為存在這樣一類上網(wǎng)人群，他們貢獻(xiàn)了網(wǎng)絡(luò)廣告的絕大多數(shù)點(diǎn)擊。而本文作者依然認(rèn)可這個(gè)結(jié)論，并告知我們，正是在這樣的結(jié)論下：

CTR不權(quán)威也不唯一，要考慮CTR之外的價(jià)值。

What Happens When Your Audience Doesn’t Click？

譯文

幾年前，comScore，Tacoda和Starcom做了一項(xiàng)有趣的研究名為“天生的點(diǎn)擊者”（Natural Born Clickers）。該研究指出，有這樣一類人，面對(duì)網(wǎng)絡(luò)廣告，他們比其他人更多的發(fā)生點(diǎn)擊或參與行為。他們只是上網(wǎng)人群中的一小撮人，8%的人卻貢獻(xiàn)了85%的點(diǎn)擊。這是09年10月的研究（原文），但我不得不說(shuō)，到現(xiàn)在為止這個(gè)情況沒(méi)有什么改變。

當(dāng)你正在用受眾定向的交易平臺(tái)或者DSP系統(tǒng)來(lái)進(jìn)行你的營(yíng)銷計(jì)劃時(shí)，當(dāng)你購(gòu)買(mǎi)的受眾不是高概率點(diǎn)擊人群時(shí)，將會(huì)是什么結(jié)果？

這，便構(gòu)成了一個(gè)警鐘。

是時(shí)候來(lái)調(diào)整一下期望了，以下是幾點(diǎn)建議：

 
1. 如果你一味的追求點(diǎn)擊，優(yōu)化點(diǎn)擊，你會(huì)錯(cuò)過(guò)很多價(jià)值

點(diǎn)擊不是一切，雖然它是一個(gè)好的指標(biāo)對(duì)于整體效果而言。但是點(diǎn)擊之外，依然有其它方式與在線展示單元發(fā)生聯(lián)系，比如熱烈討論的有效展示率（原文是view-through metric。公式是view/shows*100%），品牌影響量化研究，還有banner內(nèi)互動(dòng)等等。簡(jiǎn)要說(shuō)下這三點(diǎn)：有效展示率有什么用？當(dāng)你和諸如Visual IQ或者Adometry這些比較高級(jí)的cookie定向的服務(wù)商合作時(shí)，有效展示會(huì)相當(dāng)有用；而品牌影響量化研究幫你衡量一些區(qū)別于人群定向的“軟指標(biāo)”，在這一點(diǎn)上，最擅長(zhǎng)的無(wú)疑是市場(chǎng)研究公司GfK和Knowledge Networks）。banner內(nèi)互動(dòng)呢，可以幫助我們理解用戶是如何與展示廣告本身及其環(huán)境發(fā)生聯(lián)系的。比如Moat（一個(gè)展示廣告搜索引擎，輸入品牌名就可以獲知這個(gè)品牌正在網(wǎng)上展示哪些創(chuàng)意，并提供熱點(diǎn)圖分析，包括鼠標(biāo)滑過(guò)和點(diǎn)擊行為，來(lái)告訴廣告主什么樣的廣告參與度最高）所有這些對(duì)于點(diǎn)擊之外的數(shù)據(jù)的收集，都在告訴你：營(yíng)銷決策并沒(méi)有你想想的那么難。

導(dǎo)航是網(wǎng)頁(yè)設(shè)計(jì)中不可缺少的部分，它是網(wǎng)站訪問(wèn)者獲取所需內(nèi)容的快速通道和途徑。導(dǎo)航讓網(wǎng)站的層次結(jié)構(gòu)以一種有條理的方式清晰展示，并引導(dǎo)用戶毫不費(fèi)力地找到并管理信息，達(dá)到有效傳遞。同時(shí)，導(dǎo)航一般位于網(wǎng)頁(yè)的中上部分，也是視覺(jué)中心的區(qū)域內(nèi)。在保持其合理的功能作用的同時(shí)，一個(gè)好的導(dǎo)航設(shè)計(jì)，往往能夠成為整個(gè)網(wǎng)頁(yè)設(shè)計(jì)的點(diǎn)睛之筆！

一個(gè)設(shè)計(jì)師在布局和整體規(guī)劃網(wǎng)頁(yè)設(shè)計(jì)時(shí)，導(dǎo)航總是一個(gè)重要的元素。我們會(huì)思考，導(dǎo)航以什么形式呈現(xiàn)？是否能夠地發(fā)揮其梳理網(wǎng)站結(jié)構(gòu)、有效傳遞信息的功能？是否能夠烘托和配合整個(gè)頁(yè)面的設(shè)計(jì)風(fēng)格？是否能夠別出心裁潤(rùn)色和體現(xiàn)該網(wǎng)站的特點(diǎn)又不影響其功能性？是否能夠精益求精成為整個(gè)網(wǎng)頁(yè)設(shè)計(jì)至關(guān)重要的一筆？那么，就讓我們一起分享和淺析一下一些讓設(shè)計(jì)師們花費(fèi)心思精雕細(xì)琢的導(dǎo)航設(shè)計(jì)吧。

導(dǎo)航的設(shè)計(jì)會(huì)根據(jù)網(wǎng)站的基本類別、屬性和各自特點(diǎn)而有所定位。在這里，我挑選了一些非系統(tǒng)、門(mén)戶等類型，有明確特點(diǎn)、用戶定位、產(chǎn)品及品牌特色的品牌類、專題類網(wǎng)站。對(duì)于這些網(wǎng)站來(lái)說(shuō)，導(dǎo)航的設(shè)計(jì)將突破我們常見(jiàn)的橫向長(zhǎng)條導(dǎo)航或者豎式導(dǎo)航，會(huì)更加有意味、趣味和玩味，是能讓設(shè)計(jì)師們盡情拓展設(shè)計(jì)創(chuàng)意和思維的“有點(diǎn)兒意思”的導(dǎo)航設(shè)計(jì)！