論界面信息的可視化呈現

王立峰 張毅

摘要：本文是針對重慶市高等教育教學改革研究項目《數字媒體課程體系中的信息可視化應用研究》的相關內容所展開的理論應用研究。本文以數字媒體設計專業的核心課程界面設計為研究對象，以界面信息的可視化呈現為研究目標，印證信息可視化對于界面信息表達與傳遞的重要作用。本文的研究不僅能夠提升界面作為信息媒介的有用性，還是對界面設計與信息可視化理論的深化和拓展。同時，本文的成果也是對本項目研究的深度與成果運用的廣度的一種強化。

關鍵詞：信息；界面設計；可視化

Abstract：This thesis is related to the design and teaching in Chongqing Higher Education Reform Project "Application Research On Information Visualization In Digital Media Course System" against the deployment. This thesis focuses on the core curriculum user interface design of digital media design major， the visual presentation of the user interface information is the research target， Verify the important role of information visualization in the representation and transmission of user interface information. The research of this thesis can not only improve the usefulness of the user interface as an information medium， but also deepen and expand the theory of user interface design and information visualization. At the same time， The result of this thesis is also an intensification of the depth of the project research and the scope of the application of the results.

Key Word：Information User Interface Design Visualization

一、界面設計與信息可視化

界面設計（User Interface Design），是指對應用程序或軟件的外觀形式、操作邏輯與人機交互所進行的整體設計，其作用在于建立起人機之間信息傳遞與交換的媒介，因此，界面的本質是一種媒介，是信息產品的功能載體，界面設計則是構建這個媒介的手段方式。界面設計是計算機科學與設計學、心理學、認知科學和人機工程學之間的交叉研究領域，是近年來全球設計界最為活躍的研究方向之一。信息可視化，簡單來說就是利用了人類眼睛所具有的勝過其他感官的敏銳度，將數據與信息視覺化，以信息圖的形式輕松實現信息表達與傳遞的目的。信息可視化是界面設計的重要手段之一，其目的在于更好表達信息，使人機之間的信息傳遞與交換變得簡單而便捷，更好地實現界面作為傳播媒介的功能與作用。

信息可視化與界面設計的關系以及對于界面設計的重要性已然明確，然而面對類型眾多的各種界面信息，探論界面設計中信息的可視化呈現方法就顯得非常有必要了，因為這對于強化界面的媒介功能，提升其使用的有用性和有效性將發揮至關重要的作用。此外，該研究不僅是對界面設計學科理論的深化，更是關于信息可視化應用研究的進一步拓展。

二、界面信息的可視化呈現方法

研究界面信息的可視化方法呈現必須立足于與界面設計緊密相關的三個方面，第一，對應用程序或軟件產品的全面分析；第二，對該產品目標用戶的深入研究；第三，對該產品界面視覺設計的整體規劃。上述三個方面是界面信息表達與傳遞的基礎，更是研究界面信息的可視化呈現方法的理論導向。

（一）基于產品功能的界面信息可視化呈現

界面，依附于軟件或應用程序產品而存在，是應用程序或軟件的可視化外觀形態，其顯著特點之一是以圖形信息為主體的媒介傳播形式。在此基礎上，界面能夠通過對信息的輸入與輸出、采集與反饋，實現用戶與產品的之間的交互行為，這是界面的第二個重要特點。因此，結合界面的兩個重要特點，基于產品功能的界面信息可視化呈現主要體現在以下三個方面：

第一，產品功能的展現首先體現在產品界面信息清晰完善的結構設計，這主要是通過運用可視化信息結構模型中的層級式結構模型得以實現，層級式結構模型能夠將復雜的產品信息轉換為組織關系明確、結構層次清晰、導航方式高效的可視化信息結構圖，形成產品初步的可視化外觀形態。

第二，產品功能的展現還體現在對于界面的交互行為的可視化設計中，交互行為的設計可通過使用可視化信息結構模型中的導向式結構模型和拓展式結構模型形成流向明確的界面交互可視化行為路徑圖。

第三，綜合前期形成的可視化信息結構圖和交互行為路徑圖，運用可視化信息結構模型中的分組式結構模型可設計形成完整的可視化界面原型圖。可視化界面原型圖進一步明確了界面中每一個頁面的功能布局與交互關系，將體現產品功能的信息以可視化的形式進行呈現，便于用戶更好地認識產品，了解產品的特性與操作流程，同時可視化原型圖也為后期的設計工作奠定良好的構架基礎。

（二）基于用戶研究的界面信息可視化呈現

用戶對于界面的需求受動機、背景、特征、情境、行為、目標、習慣、期望等因素的影響，而一款界面產品的成功與否和用戶的接受度有著非常密切的關系。因此，用戶研究成為了界面設計不可或缺的重要環節，從用戶的性別與年齡（生理與心理年齡）、用戶的職業與受教育程度、用戶的信息技術使用水平、用戶使用的界面產品以及用戶對使用的產品的個人情感、用戶對新界面產品的敏感度與學習能力等方面得到的研究數據都是界面設計必須考慮的重要因素。綜上所述，用戶研究的重要性主要體現在能夠形成更加準確的產品定位與核心功能確認，因此，基于用戶研究的界面信息可視化呈現主要體現在以下兩方面：

第一，滿足用戶需求。在對目標用戶進行充分研究的基礎上，運用適合的信息圖形進行表現，這些信息圖形包括界面主體圖形、圖標、圖表與符號，滿足用戶對于界面的識別需求和功能需求。通常來說，界面主體圖形擔任著傳遞產品特性、塑造產品形象的重要功能，是用戶識別產品最直觀的形象信息，因此在設計上通常要充分考慮目標用戶的喜好；其次，圖標、圖表和符號的設計首先必須滿足其在界面的功能需求，例如圖標的操控功能，圖表的統計功能，符號的導向功能等，然后再結合主體圖形的形式風格進行外觀設計，充分滿足目標用戶的審美需求。

第二，強化用戶體驗。體驗是指用戶在滿足需求的基礎所獲得的各種感受的集合，主要分為視覺體驗、使用體驗與情感體驗三個層次。因此，要使用戶獲得高滿意度的視覺體驗，首先必須減少用戶的視覺負累，根據目標用戶的色彩喜好營造一種舒適的視覺氛圍，強化用戶對產品的心理印象；其次是功能強大、視效美觀的符合目標用戶習慣的功能性圖標是提升用戶使用體驗的重要手段；最后，高滿意度的視覺與使用體驗是提升用戶好感、形成優質的情感體驗的重要因素，除此之外，針對目標用戶的界面整體外觀形式與風格的塑造也是賦予用戶良好的情感體驗的重要方式。

（三）基于視覺設計的界面信息可視化呈現

視覺設計是界面設計在結構與交互設計之后所進行的關于界面外觀的美化設計，其目的是打造美觀舒適的界面環境，提升用戶的使用愉悅感，從而建立一個良好的產品印象。因此，基于視覺表現的界面信息可視化呈現須符合有用性、有效性、整體性、審美性四個要求，同時在既定的界面整體視覺形象風格的支配下進行，這主要表現在以下兩個方面：

第一，基于可視化界面原型圖的版面信息編排與表現。可視化原型圖是界面版面信息編排的核心，起著重要的支配作用，所有的信息圖形都需要在原型圖的支配下各就其位、各司其職，形成條理清晰的版面區塊和圖形序列，提升界面信息傳遞的有效性。

第二，各種信息可視化設計類型將為界面信息的可視化呈現提供最有力的幫助。信息可視化設計的類型主要分為空間類、流程類、統計類、分解類、關系類、組別類、故事類等7種信息圖類型，結合不同的界面類型與視覺表現需求，均可以運用到界面信息的可視化呈現中。例如導航類APP界面所需要的空間類信息圖中的地圖和交通線路圖，健康管理類應用程序所需要的流程類和統計類信息圖，等等。綜上所述，各類信息圖是基于視覺表現的界面信息可視化呈現的主要手段方式。

三、結語

結語：關于界面信息的可視化呈現的研究是將界面設計與信息可視化結合研究的新方向之一，本文立足于界面信息表達與傳遞的目標，對界面信息的可視化呈現進行細分式研究，期望能夠為界面設計及相關設計應用提供更加詳盡有用的理論與方法指導。但限于篇幅原因，無法對此問題進行更多的闡述，但該研究作為本項目的一個階段性成果，除了本身的理論與應用價值，對于界面設計與信息可視化設計的教學實踐也有著非常重要的作用。此外，本文的成果將為本項目之后的研究奠定一個堅實的基礎。同時，寄望能夠拋磚引玉，共同提升該領域研究的高度。

參考文獻：

[1] Manuel Lima（著）杜明翰 陳楚君（譯）. 視覺繁美——信息可視化方法與案例解析 [M]. 機械工業出版社. 2013.

[2] 張毅. 王立峰.孫蕾. 信息可視化設計 [M]. 重慶大學出版社. 2017.

作者簡介：

王立峰：男，1988年1月生，重慶人，重慶藝術工程職業學院視覺與傳媒教師，助教；重慶師范大學本科學士，研究方向：視覺傳達藝術設計與新媒體設計

張毅：女，1979年9月生，四川宜賓人，重慶藝術工程職業學院視覺與傳媒學院教師，視覺傳達設計教研室主任，講師；四川美術學院碩士研究生，研究方向：視覺傳達藝術設計與新媒體設計

項目來源：重慶市高等教育教學改革研究項目《數字媒體課程體系中的信息可視化應用研究》，立項號：173325