2022-4-13 周周
1.1 基本概念
2012年，Google公司為實現(xiàn)更智能的搜索引擎，提出知識圖譜的概念，2013年后在行業(yè)內(nèi)和學術界開始普及。
知識圖譜的定義：是結(jié)構(gòu)化的語義知識庫，本質(zhì)上是一個語義網(wǎng)絡（Semantic Network），用于描述物理世界中的概念及其相互關系。在技術層面，通過對錯綜復雜數(shù)據(jù)的有效加工、處理、整合，轉(zhuǎn)化為數(shù)據(jù)關系來聚合大量知識，從而實現(xiàn)知識的快速響應和推理；在可視化的應用中，知識圖譜表現(xiàn)為多關系圖（Multi-relational Graph），在圖形化界面中可讓用戶查看和互動（如圖1）。
圖1（引用自企查查app截圖）
1.2 知識圖譜的特點：
其特點主要包含以下兩方面內(nèi)容：
1. 它是由“節(jié)點”和“邊”構(gòu)成的三元組
三元組是知識圖譜的基本單位， 由節(jié)點和邊構(gòu)成（圖2）。其中節(jié)點代表實體，是指具有區(qū)別性且獨立存在的客觀事物，如：圖1中的馬云、華誼兄弟傳媒有限公司，圖3中的美國、平方公里數(shù)等；邊代表兩個實體間的關系，是指客觀存在或推理得到的實體間的聯(lián)系，如圖1中的董事、監(jiān)視、投資，圖3中的面積、人口、首都等。
圖2（作者依據(jù)知識圖譜相關概念繪制）
圖3（引用自網(wǎng)絡圖片）
2. 它的數(shù)據(jù)以知識的角度呈現(xiàn)。
知識是一種人類對于客觀世界的認知，包括事實、信息描述或教育實踐中獲得的結(jié)果的綜合。三元組也被稱為“一條語句”，或知識圖譜中的一條知識。在圖4的國家信息關系三元組中，我們就可以讀出一條語句（或是知識）為：“中國的土地面積有9,634,057平方公理”。知識圖譜可以集成Web上大量的數(shù)據(jù)及數(shù)據(jù)關系，通過有效的加工、整合和處理，將其轉(zhuǎn)化為易于計算和理解的語義知識庫，可用于描述客觀世界中的概念及相互關系。
1.3 知識圖譜的作用
1. 信息篩選，精確檢索范圍。
2. 信息拓展，提供更豐富的信息內(nèi)容。
3. 信息連接，構(gòu)建有深度和廣度的知識系統(tǒng)。
1.4 為什么需要對知識圖譜進行可視化
1. 知識圖譜的技術架構(gòu)-側(cè)重在數(shù)據(jù)關系模型和機器學習，普通用戶很難讀取和理解。
知識圖譜的核心技術邏輯，是由整體的“數(shù)據(jù)輸入-數(shù)據(jù)處理-知識圖譜生成”三個大環(huán)節(jié)構(gòu)成。數(shù)據(jù)輸入環(huán)節(jié)包含“結(jié)構(gòu)化數(shù)據(jù)、半結(jié)構(gòu)化數(shù)據(jù)、非結(jié)構(gòu)化數(shù)據(jù)”；數(shù)據(jù)構(gòu)建環(huán)節(jié)包含“信息抽取、知識融合、知識加工”；知識圖譜系統(tǒng)的生成環(huán)節(jié)，是整個技術架構(gòu)往復迭代、不斷更新和積累，慢慢形成的結(jié)果。數(shù)據(jù)輸入是對數(shù)據(jù)源的挖掘，數(shù)據(jù)構(gòu)建是底層的模型算法應用，知識圖譜生成是數(shù)據(jù)處理結(jié)果的呈現(xiàn)（如圖4）。
圖4（作者依據(jù)知識圖譜相關概念繪制）
這個過程在底層數(shù)據(jù)模型中運轉(zhuǎn)，對用戶可見的往往是最終的結(jié)果。比如：搜索引擎中，用戶看不到搜索過程，但可得到最匹配的搜索結(jié)果；在音樂平臺中，看不到內(nèi)容匹配邏輯，但可以被推薦感興趣的歌曲。如果想利用過程數(shù)據(jù)為用戶提供服務，就需要進行可視化處理。
2. 傳統(tǒng)的信息可視化-側(cè)重在數(shù)據(jù)結(jié)果的展示和篩選，較少涉及數(shù)據(jù)關系的干預。
傳統(tǒng)信息可視化的方法，在設計側(cè)更多強調(diào)數(shù)據(jù)信息與圖像、色彩的信息傳達上。其方法通常集中在“如何對已經(jīng)確定的數(shù)據(jù)進行圖形映射”和“如何處理信息層級”的視覺表現(xiàn)上，較少參與設計數(shù)據(jù)關系或影響數(shù)據(jù)結(jié)構(gòu)。然而，這讓用戶知道數(shù)據(jù)“是什么”，卻不能呈現(xiàn)數(shù)據(jù)“為什么”。知識圖譜的可視化，可以讓數(shù)據(jù)處理過程被用戶可見、可用，從而更好的分析和使用數(shù)據(jù)。
圖5（作者依據(jù)傳統(tǒng)信息可視化方法相關概念繪制）
3. 知識圖譜的可視化-側(cè)重在數(shù)據(jù)關系構(gòu)建和處理過程的可視化
知識圖譜技術廣泛應用在情報學、檢索引擎、自動問答、金融反欺詐等領域。目前已擴展到智能醫(yī)療、證券投資、大數(shù)據(jù)風控、聊天機器人、個性化推薦系統(tǒng)等更多方向[1]。這種關系語義網(wǎng)絡也逐漸從技術底層應用向可視化用戶界面上發(fā)展，各行各業(yè)也在探索如何時其在終端界面中被用戶可讀和可用。比如：在文化研究領域，圖譜呈現(xiàn)更有助于用戶對于文化知識的理解和再創(chuàng)造；在商品市場領域，視覺化的圖譜可讓商家洞察更多“人-貨-場”之間的內(nèi)在聯(lián)系。
對知識圖譜信息的可視化，重心落在數(shù)據(jù)信息的提取和關系構(gòu)建上，將數(shù)據(jù)信息的編譯過程呈現(xiàn)給用戶。知識圖譜信息可視化和傳統(tǒng)信息可視化方法之間的關系，如圖6。
圖6（作者依據(jù)信息可視化方法相關概念繪制）
知識圖譜在底層算法和數(shù)據(jù)模型上提供有效的技術邏輯，進而構(gòu)建豐富龐大的語義網(wǎng)絡，但如果要在具體應用場景中給用戶可見的模式，則需要圖形化界面的呈現(xiàn)。在實際工作中，設計側(cè)的核心任務是“多關系圖”的信息可視化。結(jié)合知識圖譜的特征、技術原理和傳統(tǒng)信息可視化方法，可以將知識圖譜可視化的過程，歸納為“確定知識主題（主題層）-處理與分析數(shù)據(jù)（數(shù)據(jù)層）-構(gòu)建數(shù)據(jù)三元組（關系層）-進行可視化映射（可視層）”四個步驟。
2.1 【主題層】確定知識主題/可視化目標
確定主題的過程，也是定義核心概念或目標的過程，這一環(huán)節(jié)是是知識圖譜可視化的出發(fā)點和落腳點。傳統(tǒng)可視化為了可視而可視，只是讓用戶更好的讀取數(shù)據(jù)，而較少考慮讀到后有什么用，怎么用。沒有主題的數(shù)據(jù)是無意義的，任何一類知識的描述，都需要圍繞某一特定主題展開。在項目實踐角度，也可以將其視為梳理業(yè)務核心訴求或定義設計目標的過程，如確定要闡述什么類型的知識、最終的可視化效果對目標用戶有什么價值、業(yè)務要利用數(shù)據(jù)達到什么目的，所有數(shù)據(jù)的設計都將圍繞著主題展開。
確定主題的方法有很多，包括傳統(tǒng)的用戶需求分析方法、文獻綜述、行業(yè)研究等，可根據(jù)不同的項目訴求，選擇合適的方法和工具。如，要做電商行業(yè)的知識圖譜，通過行業(yè)研究、對用戶特征和行為動機的分析，發(fā)現(xiàn)電商領域用戶最關心人貨場的知識，人和貨特征及其關系就是核心要表達的主題。再如，老師想了解網(wǎng)絡時代的大學生都具備怎樣的社交特征，通過對學生學習、娛樂、社交等不同生活要素分類調(diào)研，選擇“學生使用社交軟件的行為特征”作為主題。
同時，主題要清晰明確，避免模糊和過于宏大。以文化領域為例，如想呈現(xiàn)京劇之美，這個概念就大而泛，很難去組織數(shù)據(jù)，就有創(chuàng)作者將其主題拆分為：歷史之美、劇目之美、舞臺意向之美、傳承之美等幾個主題。然后再逐一分析每個主題的數(shù)據(jù)。
2.2 【數(shù)據(jù)層】對數(shù)據(jù)進行提取與加工
在未經(jīng)處理前，與主題相關的可用數(shù)據(jù)是多樣且龐雜的。由知識圖譜的技術框架可知，技術模型經(jīng)過信息提取、知識融合和知識加工后，才使原始數(shù)據(jù)變得有用和有效，同樣在可視化的過程中，也離不開信息提取與數(shù)據(jù)加工。
1. 數(shù)據(jù)提取-圍繞知識主題進行數(shù)據(jù)信息的提取。
信息提取，也就是先羅列可能有用的相關數(shù)據(jù)類型。每個主題都是一大類目的知識領域，需要經(jīng)過收集、歸納、拆解后再能夠清晰的進行解釋和傳播。如，圍繞“學生使用社交軟件的行為特征”這一主題，可歸納出“好友關系、互動行為、在線狀態(tài)、信息發(fā)布”等特征。進一步，好友關系又可拆分為：好友量、關注量、粉絲量；互動行為又可拆分為：聊天次數(shù)/頻率、點贊數(shù)、評論數(shù)等。數(shù)據(jù)收集一般通過桌面研究的手工收集、數(shù)據(jù)爬蟲兩種方式。歸納和拆解數(shù)據(jù)可以使用卡片分類、思維導圖的方式。
2. 數(shù)據(jù)加工-進行知識語義加工。
數(shù)據(jù)加工的過程，就是將羅列出的數(shù)據(jù)進行分類和篩選，確定最能夠表現(xiàn)知識主題的描述緯度或數(shù)據(jù)類型。如圖7，通過分析影響因素的關聯(lián)程度，選擇具備直接影響因素的數(shù)據(jù)，或劃定數(shù)據(jù)范圍后，再進行細分?？梢岳每ㄖZ模型、波士頓矩陣等方法找到數(shù)據(jù)對主題影響程度的優(yōu)先級，具體的挑選方法無定式，只要能整理出適合的數(shù)據(jù)類型。
圖7（作者依據(jù)相關案例繪制）
3. 數(shù)據(jù)清洗-進行數(shù)據(jù)篩選和最終確認
定義出有用的數(shù)據(jù)類型后，并不是所有數(shù)據(jù)都能完美符合我們的訴求，比如數(shù)據(jù)挖掘能力限制，不能挖到更精準的數(shù)據(jù)或有數(shù)據(jù)缺失；比如數(shù)據(jù)解析能力不足，數(shù)據(jù)類型混雜，或有錯誤數(shù)據(jù)等。排除不足量、精準度差、錯誤率高等不可用的數(shù)據(jù)，盤點出能夠被應用于可視化的最終數(shù)據(jù)。在實際工作中，需要跟團隊的數(shù)據(jù)挖掘工程師、或業(yè)務產(chǎn)品負責人明確數(shù)據(jù)能力和質(zhì)量。例如，“京劇傳承之美”的數(shù)據(jù)選擇過程中，作者對京劇藝術傳承上存在的“流派師承、藝學家傳、科班教育等”多種方式進行進行分類和篩選，最終提取了京劇51個流派的創(chuàng)始人數(shù)據(jù)、師徒數(shù)據(jù)、家族成員數(shù)據(jù)。
2.3 【關系層】構(gòu)建數(shù)據(jù)關系三元組
在知識圖譜的技術架構(gòu)中，這一環(huán)節(jié)體現(xiàn)在本體構(gòu)建上，本體是個專業(yè)概念，本體構(gòu)建也有多種可用的成熟模型，屬于技術側(cè)內(nèi)容，本文不展開論述，僅闡述設計層面的思路。技術是讓數(shù)據(jù)更精準，而面向用戶的設計是讓數(shù)據(jù)更有用和好用。
設計數(shù)據(jù)的關系層，也就是給不同數(shù)據(jù)類型建立關系的過程，通過確定節(jié)點和邊的內(nèi)容來構(gòu)建能夠解釋主題和符合其邏輯關系的三元組。數(shù)據(jù)關系的建立一般主要圍繞兩個層面，一是能夠闡述知識主題，二是通過關系三元組可推理得到更多的知識內(nèi)容。比如，在“學生使用社交軟件的行為特征”這個主題中，可定義“學生（實體）-網(wǎng)絡社交特征（屬性）-具體行為（屬性值）“是一組關系結(jié)構(gòu)，體現(xiàn)在數(shù)據(jù)為“張三-在線時長-5小時/天”，描述成知識語意為：張三同學社交軟件每天會在線亮起5個小時；又如，圍繞“商品銷售信息”這一主題，“產(chǎn)品（實體）-集合（關系）-商品（實體）”是一組關系結(jié)構(gòu)，體現(xiàn)在具體數(shù)據(jù)為“手機-包含-華為手機”，描述成知識語義為：華為手機是眾多手機中的一種。
當我們定義了這種數(shù)據(jù)關系，獨立的數(shù)據(jù)就變成了可描述的知識語意，當這些語義聯(lián)系在一起，用戶通過一段段知識洞察到不同的現(xiàn)象，或解讀出不同的結(jié)論。這種知識語義的可視化，或者說這種數(shù)據(jù)關系結(jié)構(gòu)的可視化，能夠幫助用戶了解業(yè)務現(xiàn)象，或產(chǎn)品底層看不到但卻有用的信息。比如京劇文化中師承的演變，可以通過不同人物之間的關系脈絡，構(gòu)建出“師承關系、家族關系、聯(lián)姻關系”幾種三元組模式，從相同節(jié)點中解讀到某個京劇演員擅長某個角色的師承因素。再比如，將某班級每個學生的聊天頻率、好友數(shù)量、QQ在線時長等網(wǎng)絡社交行為關系一一對應，就會勾畫出集中在某個學生身上的不同特征，把這些學生再放在一起，就呈現(xiàn)出一個班級學生在網(wǎng)絡世界的不同社交特點。（如圖8）
圖8: 由數(shù)據(jù)構(gòu)建的三元組關系圖（作者依據(jù)相關案例繪制）
2.4 【可視層】可視化圖形語義轉(zhuǎn)換/可視化映射
當關系構(gòu)建好以后，簡單的三元組是容易讀取的，但眾多三元組集成在一起，也會涉及到信息讀取效率的問題，就需要將關系結(jié)構(gòu)圖形化，這一步驟也是傳統(tǒng)信息可視化方法中的必然環(huán)節(jié)。根據(jù)已經(jīng)構(gòu)建好的數(shù)據(jù)關系結(jié)構(gòu)，可通過“圖表映射”和“視圖設計”兩種方式，進行可視化的語義轉(zhuǎn)換。
1. 可視化圖表映射
可視化圖表，是指具備通用性的標準化圖表。總體分為統(tǒng)計類圖表和關系類圖表，本文主要闡述關系類圖表。關系類圖表又可分為網(wǎng)狀關系和層次關系。網(wǎng)狀關系圖包括：關系圖、弦圖、弧長鏈接圖等；層次關系圖包括：樹圖、旭日圖、矩形樹圖等。詳細的標準化圖表，可以借助E-chart、Tableau Public、Smartbi等軟件進行參考選擇（如圖9）。
圖9:網(wǎng)狀關系圖（引用自E-chart網(wǎng)站截圖）
圖9:層次關系圖（引用自E-chart網(wǎng)站截圖）
如果數(shù)據(jù)關系比較清晰簡單，能夠被這兩類標準化圖表所覆蓋，則可以直接選擇把節(jié)點和關系直接映射其中。如果你的數(shù)據(jù)關系比較復雜，或個性化，則可對標準化圖標進行組合或變化，或設計個性化視圖。
例如，在北京郵電大學彭國雁的論文《面向京劇知識圖譜的信息可視化研究與設計》的案例中，“京劇傳承之美”這一主題，“師承關系、家族關系、聯(lián)姻關系”的三元組關系較復雜，如果直接用可視化圖表映射來展示，會產(chǎn)生易讀性差和頁面布局難以控制的問題。于是論文作者采用不同圖表相結(jié)合的方式，并將圖形的視覺元素進行改造：1 主體采用和弦圖，人物點構(gòu)成和弦圖的圓，人物關系類別采用不同顏色線條進行連接（圖10）。2 根據(jù)人物出生時間的向性特點，將人物按照某一方向進行排列，即可隱喻師徒或者親屬關系的有向性。3 采用樹形圖形式的線條表達主次人物的關系（圖11）。4 將幾種基礎關系做好映射后，再把相關節(jié)點整合在一起，就表達了整體的師承關系結(jié)構(gòu)圖，最終形成“傳承之美”整體的可視化知識圖譜（圖12）。
圖10: 人物師承、親屬、聯(lián)姻關系和弦圖（引用自論文《面向京劇知識圖譜的信息可視化研究與設計》截圖）
圖11: 京劇流派師承樹形關系表（引用自論文《面向京劇知識圖譜的信息可視化研究與設計》截圖）
圖12:最終映射后的 “京劇傳承之美”可視化知識圖譜（引用自論文《面向京劇知識圖譜的信息可視化研究與設計》截圖）
2. 可視化視圖設計
本文所述的可視化視圖，是指能表達標準化圖表以外的，不同類型數(shù)據(jù)特征的語義圖形，由設計師根據(jù)與主題相關的數(shù)據(jù)類型進行構(gòu)思，并關聯(lián)其不同類型數(shù)據(jù)間的關系語境，最終形成的信息圖。比如（圖13），清華大學副教授向帆老師在對“學生互聯(lián)網(wǎng)社交行為”這一主題的研究中，作者選擇QQ使用狀態(tài)的相關數(shù)據(jù)，將每個學生用QQ企鵝的輪廓圖形表示，在線時長為企鵝形狀大小、聊天次數(shù)為圓形嘴巴、好友數(shù)量為頭發(fā)多少，呈現(xiàn)出“學生-網(wǎng)絡社交特征-具體行為”的可視化關系圖，在最終的視圖中，可直觀的看到完全不同的每個人。
圖13:同班級不同的學生網(wǎng)絡社交行為圖譜（引用自演講《秘密的設計》截圖）
這類自定義的可視化視圖具有獨特性和意向性的特征。獨特性是指圖形針對具體的主題和數(shù)據(jù)關系，而不能夠廣泛的為其他主題復用；意向性是指一個視圖內(nèi)的圖形有一定的意向概念傳達，比如圓形代表聊天次數(shù)，也是象征嘴巴，嘴巴跟聊天相關（盡管網(wǎng)絡聊天用文字，但卻表達出了這種交流意向）。同時個性化圖形元素相關聯(lián)來表達數(shù)據(jù)關系，也可以直觀、高效的洞察出用單純的標準化圖表看不到的現(xiàn)象，比如說圖14的三個學生，一個在線時間很長但聊天很少、好友也很少；一個在線時間很短，但好友和交流時間卻很多；另一個基本不說話，但是卻有很多好朋友。這樣的現(xiàn)象更容易觸發(fā)同理心，從而啟發(fā)老師在教學中因材施教。
圖14:發(fā)現(xiàn)網(wǎng)絡社交行為最為奇特的三個學生（引用自演講《秘密的設計》截圖）
經(jīng)過以上四個步驟，就完成了對知識圖譜數(shù)據(jù)進行可視化。它不是單純的以視覺效果展示數(shù)據(jù)信息，而是從數(shù)據(jù)關系提取到關系呈現(xiàn)為一體的設計過程。
綜上所述，基于知識圖譜的技術架構(gòu)、傳統(tǒng)數(shù)據(jù)可視化的方法和交互設計的工作流程，本文分享了一種可在工作中易于操作的知識圖譜可視化方法。與傳統(tǒng)數(shù)據(jù)信息可視化相比，知識圖譜可視化更傾向于數(shù)據(jù)之間三元組關系的視覺表達，所謂“整體大于局部之和”，有了關系的建立，則更能夠發(fā)現(xiàn)單一數(shù)據(jù)之外的延展信息和潛在機會。希望能夠通過設計的力量，讓普通用戶也能更好的使用數(shù)據(jù)和洞察數(shù)據(jù)。
文章來源：學UI網(wǎng) 作者：大總管默默
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍藍設計( m.cqzjtgb.com )是一家專注而深入的界面設計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務