為什么說是撕開 B 端封印呢和簸？沒接觸過 B 端的同學彭雾，很大一部分都認為 B 端不就是簡單的列表和圖形嗎？拿開源組件拼拼湊湊就可以了锁保，有什么可設計的薯酝？
其實這個想法完全錯了南誊，你如果接觸后就會發(fā)現(xiàn)，B 端所需要的掌握的產品知識蜜托、思維邏輯抄囚、規(guī)范意識等等太多了。
而且近幾年 B 端這個詞出現(xiàn)的頻率越來越高了橄务，因為前幾年大家都在爭 C 端市場幔托，純 C 端的流量爭奪已經進入了尾聲，B 端產品反而帶來了新的機會點蜂挪，同時也被慢慢的重視起來重挑，比起以往 B 端設計師，現(xiàn)在需要掌握的技能也越來越多棠涮。你可以查閱一下一些招聘網(wǎng)站谬哀，現(xiàn)在 B 端可視化方面的崗位是非常火爆严肪，與 C 端相比史煎，人才缺口更大，未來幾年 B 端也會更加火爆驳糯，有機會接觸 B 端的話就不要錯過機會篇梭。我們團隊平均招聘一個合適的設計師基本要兩個月的時間。
說了這么多酝枢，我們開始今天的主題吧恬偷！
首先在座的可能有部分設計師沒有接觸過數(shù)據(jù)可視化的設計，那么第一個問題來了帘睦，什么是可視化袍患？大家想一想。給大家三秒鐘~
通過可視的表達來增強用戶處理數(shù)據(jù)的效率竣付。
接下來我會從三個方面來講解如何構建可視化：
靈感需要迸發(fā)诡延，更需要積累
從零到一設計驅動
設計度量
一、靈感需要迸發(fā)卑笨，更需要積累
1.1 ?數(shù)字時代下孕暇，99%的問題都是舊問題
數(shù)字時代下仍有信息不對稱的情況仑撞，尤其是關鍵技術和設計上的問題赤兴，但是如果你用心尋找，就會發(fā)現(xiàn)你的新問題則是別人很久之前的舊問題了隧哮。所以要做個有心人桶良。
但是問題又來了，有時候真的不知道該怎么找沮翔、去哪找陨帆？這是個很常見的問題。因為可視化不比插畫、平面等這些成熟的領域疲牵，他是比較小眾的承二，所以靈感以及素材的搜尋是一個令新手設計師頭疼的事情，再加上對關鍵詞的熟悉程度不夠纲爸，導致很多設計師只停留在【可視化】這個關鍵詞里亥鸠，最后感覺搜來搜去都是見過的圖，沒有新意识啦。
1.2? 明確目標负蚊，知道自己想要找什么
互聯(lián)網(wǎng)信息太多了，漫無目的的找靈感颓哮，只會浪費時間家妆，一會看到這張圖好看，一會看到那張圖好看冕茅。不知不覺幾個小時就過去了伤极。
1.3? 建立關鍵詞詞庫
確定目標后，就要細化關鍵詞了姨伤。怎么建立關鍵詞詞庫呢塑荒？
關鍵詞詞庫由3部分組成：終端、設計類型姜挺、業(yè)務類型齿税。
終端：大屏、移動端炊豪、web 等等凌箕。
設計類型：每個細分的數(shù)據(jù)可視化類別都是有一些專有名詞的，比如最近比較熱門的車載HMI系統(tǒng)词渤，那他的類型關鍵詞就是 HMI牵舱。通過這些關鍵詞，你會搜到更精準的結果缺虐。設計類型關鍵詞比如：AR/VR芜壁、HUD、HMI高氮、FUI等等慧妄，你要了解你們公司相關類型的關鍵詞，記錄下來剪芍。以及跟你們有關聯(lián)的塞淹，都記下來，補充自己的詞庫罪裹。
業(yè)務類型：智慧城市饱普、生物醫(yī)療运挫、監(jiān)控部署等等。
這三類單獨或組合進行搜索套耕，就會看到更多可視化產品了谁帕。把關鍵詞詞庫建立起來后，就可以去常用的網(wǎng)站上搜索了冯袍，最好用的還是 behance 和 Pinterest雇卷。
1.4 ?除了常用的設計網(wǎng)站，還有哪里可以看颠猴？
企業(yè)官網(wǎng)：很多做數(shù)據(jù)可視化的公司关划，會在官網(wǎng)展示一些能體現(xiàn)自己業(yè)務特點、業(yè)務實力的案例翘瓮，而這些案例就是這些企業(yè)最好的數(shù)據(jù)可視化設計作品了贮折， 所以但凡有案例展示的官網(wǎng)，案列基本都是最典型最好的設計资盅，所以從這些案例中找靈感调榄，也是一個有意思且有效的方法和途徑。
1.5??你看到了別人看不到的呵扛，設計才能有所不同
總結一句話：你看到了別人看不到的每庆，設計才能有所不同。如果你和別人看到的是一樣的今穿，你怎么比別人做的更優(yōu)秀缤灵？
1.6? 興趣推送
經常刷短視頻/新聞網(wǎng)站的應該知道，系統(tǒng)會根據(jù)你的點贊蓝晒、收藏腮出、瀏覽等數(shù)據(jù)來給你安排后面的內容推送，以保證給你推送更精準的內容芝薇。設計網(wǎng)站亦是如此胚嘲，behance 等網(wǎng)站上也都是千人千面，它會根據(jù)你的點贊收藏等來讀取你的喜好洛二，進而推送更精準的作品馋劈。所以假設你是一個B端數(shù)據(jù)可視化方向的，你就經常搜晾嘶、點贊收藏相關作品妓雾，之后你的首頁出現(xiàn)相關內容的幾率也會變大。
1.7? 定期清理变擒，更新迭代
最后一點君珠，這個也是好多設計師的通病寝志，收藏即學到娇斑。
靈感庫要求精而不是多策添，每隔一段時間，回來翻一翻自己之前收藏的作品毫缆，會發(fā)現(xiàn)有些作品自己已經看不上了唯竹，因為在做靈感收集的過程中，我們的審美會自然有所提高苦丁，當輸入的作品樣本越來越多浸颓，我們對作品評價的維度也會更多，之前那些覺得好的作品旺拉，現(xiàn)在看來也就會有缺陷和不滿产上，這是一個很正向的結果，成長就是一個不斷剔除的過程蛾狗。刪掉那些自己覺得不滿意的作品晋涣，添加更符合自己當前審美的作品到靈感庫里。
這樣慢慢完善你的地基沉桌，才能更高的向上走谢鹊。
二、從零到一? 設計驅動
講完第一部分留凭，我們開始搭建產品佃扼。
我負責從零到一的項目大大小小的得有10來個了，我認為在產品整個產品周期中設計師的話語權最高的時候就是項目初期蔼夜，是可以做到設計驅動的兼耀。既然設計可以有足夠的的話語權，你就得規(guī)劃好未來的設計走向求冷。
產品初期翠订，經常會有幾個爭議比較大的問題，我們來聊一下遵倦。
2.1 ?設計先行還是調研先行尽超？
這是新項目必須要做的選擇題，再講之前你先想一下梧躺，如果是你似谁，你會如何選擇？
我的觀點是設計先行掠哥。（當然設計先行是建立在你至少對這個項目的行業(yè)有個簡單的了解之后巩踏，先設計再用戶調研），為什么呢续搀？因為如果用戶調研先行的話塞琼，用戶只會反饋當下最想要的東西，從而有可能給你帶來誤導禁舷。就比如我們經常舉的一個例子：汽車出來之前彪杉，人們只想要一匹更快的馬毅往。
我們要解決的不是用戶當下想要的東西，而是痛點背后用戶真正需要的東西是什么派近。在 0-1 的這種創(chuàng)造性的項目，往往設計者才是當下最懂產品的人渴丸，你把決策權交給一些不懂產品的人，做到最后只能是迷失了方向戒幔，鍋還是設計來背。所以一開始設計師要把決策權拿在手中土童，掌握航向溪食。
2.2 ?設計先行還是規(guī)范先行娜扇？
這個問題在現(xiàn)在看來相對比較統(tǒng)一，但有的同學還是有疑惑雀瓢，所以我拿出來再跟大家聊一下枢析。
首先我的觀點是設計先行，在設計之前就定好規(guī)范的基本都是自己YY的醒叁，返工率極高泊业。等你在做具體設計的時候就知道之前做的規(guī)范都是白費力氣了。一般都會選用在項目完成之后或者主風格及主要頁面完成后再輸出規(guī)范饮睬，這樣既可以減少規(guī)范的改動篮奄，也可以保證后面功能延用規(guī)范，一舉兩得窟却。
當然了，設計規(guī)范不是所有項目都要有的菩帝，它是為了減少工作而不是增加工作，如果是一次性項目宜雀，就不需要再額外花費精力去輸出規(guī)范了控妻，浪費資源~
2.3 ?完成和完美那個更重要揭绑？
現(xiàn)在都是爭分奪秒的時代，任務是無止境的菇存，沒有做完的時候邦蜜。造成這個局面的無非就是一個問題：時間不夠用依鸥。通常的做法就是先完成再迭代，做產品久了你就會發(fā)現(xiàn)贱迟，完成比完美更重要絮供，不完美你還可以再迭代，完不成就有可能錯過一個風口缚俏，從而失去了變完美的可能~
聊完這三個問題忧换，我們在設計的時候也要有一些注意項向拆，真正的做到設計驅動。
2.4??把復雜變得清晰簡單而且美
對于設計師來說才写，我們的任務就是把復雜問題變得清晰簡單而且美奖蔓，所以我們應該成為企業(yè)和客戶之間溝通的“架橋人”。通過設計的方法厨疙，把無形的疑务、復雜的技術梗醇，通過有形的叙谨、可視化的方式展示出來保屯，讓客戶更直觀、清晰的感受到產品的功能竟终，看得懂其在業(yè)務場景中產生的價值切蟋。
2.5? 轉換視角，建立共鳴
站在客戶視角喘鸟，聚焦客戶關注的核心問題驻右，通過情景把內容有序組織起來，快速與客戶建立共鳴兑凿，有效降低內容理解難度茵瘾。
2.6? 產品架構可以不那么復雜
把復雜的業(yè)務/功能簡單化、傻瓜化圣絮，最大的降低學習成本雕旨，能幫用戶操作的絕不讓用戶親自去操作凡涩。你要讓用戶在1分鐘之內了解你的產品是做什么的、有什么功能力麸，你就成功了。
2.7??大膽隱藏冗余內容
B 端項目中內容量是巨大的闺鲸，面對龐雜的信息埃叭，去粗取精，提煉各場景的核心內容立镶，避免冗余信息阻礙內容有效傳達益缎。話術語言不單要簡單易懂然想，還要嚴格控制文字長度变泄，保證內容可以被快速掃描和理解。
2.8 ?尊重用戶習慣
不要妄想改變用戶養(yǎng)成的慣性思維妨蛹，你要記住慣性思維大于設計思維蛙卤，他的閱讀習慣、操作習慣都是不易改變的神年，不要為了個性化而嘗試去改變行嗤，大部分情況下結果不會是那么的理想，除非你有極大的把握飘千。
2.9? 選用合適的圖表
這個是常提到的护奈，我就在這里簡單給大家提個醒哥纫。比如做數(shù)據(jù)對比，柱狀圖更能清晰表達出用戶想要的結果奖慌，你卻非要放個酷炫的雷達圖，他的本質目的都沒達到建椰，要美觀有何用岛马？
每個圖表都適合哪些場景使用，像 antv伞矩、hicharts 等都有介紹夏志，我就不一一贅述了，我之前也寫過一篇關于如何合理利用圖表的文章湿诊，大家有興趣的可以去看一下瘦材。
三食棕、設計度量
產品設計的好與壞我們需要去驗證、去度量眶拉。我們怎么去驗證可視化的好與壞呢抢蚀？
美與丑也是主觀的，沒有絕對的美唱逢，也沒有絕對的丑屋休。一個產品，總會有人喜歡有人不喜歡痪枫，但是我們要迎合大多數(shù)人的審美。
所以就需要一個方法論來驗證產品的好與壞易阳，現(xiàn)在各大廠都在做自己的一套產品驗證的方法論吃粒，阿里在這方便算是國內做的不錯的徐勃，我舉幾個常用的度量模型。
阿里云：UES
螞蟻金服：PTECH與易用度
1688：五度模型
優(yōu)酷：DES
UES 目前是國內最好的肖爵，在 5 月份的阿里設計周上也正式對外講解了 UES 模型臀脏。我拿阿里云的 UES 簡單講一下吧谁榜，這么多度量模型凡纳，無論他的方法、維度有所不同巷怜，但他們的目的是相同的：通過模型來度量設計成果暴氏。
易用性：易操作性、易學性关带、易見性?...
一致性：整體樣式沼撕、通用框架务豺、常用場景及組件...
任務效率：任務完成率、任務完成時間蚪燕、功能使用率...
性能：首屏渲染時間、API 請求響應時間诗良、頁面請求響應時間?...
滿意度：產品滿意度...
UES 分為 5 個模塊鲁驶，這 5 項是整個產品生命周期需要驗證的。
關于 UES 我就介紹到這里吧壹罚，UES 模型要是展開講的話寿羞，半天都講不完绪穆，感興趣的話可以去阿里云官方發(fā)布的 UES 模型的相關資料中深度研究一下，看看適不適合自己的產品菠红。
上面是度量產品的模型难菌，接下來針對我們 B 端設計師，我們也要有一些指標來度量自己是否合格遇绞。
3.1? 設計效率
現(xiàn)在內卷盛行的時代燎窘，各大廠都在講人效褐健，畢竟時間才是最珍貴的棚品，所以現(xiàn)在都在想方設法的提高人效稠诲。而且 B 端相對 C 端來說慢叨，可以有更多自動化的工具。
舉個我公司的例子烛缔，我剛去的時候基本沒有自動化工具，每個設計師每天也都在忙碌院喜，誰也沒偷懶閑著晕翠。但是我發(fā)現(xiàn)有很多重復性的體力勞動是不需要多少思考就能完成的，但是卻耗費了將近 1/3 的時間硫麻。所以我就在想如何提高人效拿愧，把一些體力勞動用一些工具來代替碌尔，這樣就能釋放設計資產，去做更重要的事情柳洋。
當時就做了第一個自動化的工具：設計系統(tǒng)叹坦，現(xiàn)在大家對這個詞應該不陌生立由，但是我們剛開始做的時候比較早，還沒有一些比較完善的設計系統(tǒng)供我們參考，所以我們也算是前幾批摸索設計系統(tǒng)的團隊弛房。設計系統(tǒng)做好后是可以把這1/3 的設計時間節(jié)省了下來文捶，而且團隊的規(guī)范性更加統(tǒng)一。
后面的話我們也是做了一些其他的自動化工具种远，比如結合一些插件做到 icon顽耳、組件等發(fā)布的自動化，并且與研發(fā)同學打通膝迎，有相應的自動化提醒工具限次，這樣也節(jié)省了與研發(fā)的溝通成本。
在工作中费尽，流程上能減少一步就是成功羊始，慢慢來店枣，萬里長征就是一步一步走出來的。
3.2? 增長設計
增長這個詞來源于【增長黑客】這本書闷旧，顧名思義這個詞的就是通過設計來促進產品增長钧唐。
這個詞用在 C 端上比較多钝侠，因為 C 端可驗證的方法比較多，見效快里初，所以我們常見的一些增長設計的案例都是關于 C 端的忽舟，而 B 端的話，受限制的因素較多刁品，設計只是影響增長的一部分挑随，而且見效慢勒叠。
但是雖說影響因素多膏孟、見效慢骆莹，我們還是可以抓住機會担猛、多去嘗試一些方法來做到設計增長。我這個方法不行先改，我就換一種嘗試仇奶。大家都是在摸索中過河~
3.3? 為業(yè)務賦能
所有的設計都是要為業(yè)務賦能比驻、為商業(yè)買單。我們設計的本質就是為用戶解決問題狈茉，讓用戶以最直觀的方式理解產品氯庆。不要為了所謂“我認為很美”而與業(yè)務背道而馳扰付。
3.4? 體驗創(chuàng)新
用戶體驗設計師會越來越重要羽莺，近兩年逐步被重視，而且未來幾年會越來越重視屠橄。行業(yè)內需要更多動腦的人而不是僅僅會動手的人闰挡。
現(xiàn)在到了互聯(lián)網(wǎng)下半場长酗，拼的不僅是功能桐绒，用戶體驗的重視程度已經被提升了上來之拨，在工作中的占比也越來越重蚀乔。
再加上現(xiàn)在這個超級內卷的時代菲茬，你不提升婉弹，你的競爭對手就把你干掉了。而且你如果只是一成不變的維護老版本氯哮，你去下家面試的時候都沒有拿得出手的產品喉钢。
3.5? 善用工具
現(xiàn)在各種辦公類工具良姆、軟件層出不窮，而且很多工具是比較類似的舔痕，有的設計師再選工具的時候就很糾結伯复，我認為完全沒必要糾結邢笙，首先你要明確我想要達到什么目的氮惯，只要某個軟件滿足著你的需求就可以用。
工具是為人服務的帘不，我們的設計軟件從 PS – Sketch – Figma杨箭，無論怎么變化總要圍繞一個目的：更高效的完成工作。
尤其是一些自動化工具辽狈，現(xiàn)在人工智能升級很快呛牲，要多關注設計自動化方面的工具娘扩，讓他來解放我們的雙手。
總結
最后送給大家一句話：
這時代唯一不變的元扔，就是變化旋膳。
無論你現(xiàn)在多么厲害验懊，不變就被淘汰碱工。
