基于移動設備的交互式信息可視化設計探析

朱治中

（武漢理工大學，武漢 430070）

基于互聯網的快速發展，智能設備也在不斷推陳出新，我們經常使用的移動設備應用中逐漸出現了信息可視化的模式，如與日常生活緊密相關的天氣情況、地圖導航等已經成為其中不可或缺的重要組成。為了能夠實現高需求量、高效性、準確性等信息傳播的整體要求，就需要呈現出信息可視化本身的清晰性和直觀性。原本的被動接受以及數據信息獲取的方式相對復雜，其本身的差距是很明顯的，在這樣的模式推動下，交互式信息可視化應運而生，并且也可以在視覺界面之中得到合理的表現。

一、交互式信息可視化概述

移動互聯網技術的發展，使得移動應用數量也在持續增多。移動應用給人們的日常生活帶來了巨大的變化。在數據如此龐大的移動應用中，諸多優秀的移動應用已經將信息可視化設計直接應用在交互設計和界面設計之中，但卻沒有在理論上進行總結。當前，移動應用同質化問題日益嚴重，導致相同類型的移動應用變得沒有任何新意，而信息可視化的運用，可以提供全新的思路。

針對信息可視化，其主要的表現手段在于：第一，布局。主要是針對可視元素進行合理的安排，如圖形、色彩、文本等方面，從而形成簡單明確的視覺布局。第二，色彩。色彩不僅可以提升視覺美觀度，還能讓信息的層次分明，可以強調或弱化信息。第三，圖形。圖形優點在于準確、信息量大、生動，可以幫助用戶更好地實現對傳達內容的理解與分析。第四，文字。通過文字，能夠增強信息可視化設計作品本身的清晰性以及易理解程度。第五，動效，動效本身是具有時間連續性的視覺元素，運用動效，就可以將信息之間的邏輯與層次清晰地表達給用戶。

二、信息可視化在移動設備中的交互設計

（一）移動設備對比PC設備的使用特征

1.復雜化的使用情景

移動設備出現并得到廣泛應用后，就在一定程度上改變了人們的生活模式，讓人們逐漸忽略時間與空間的局限性，實現設備的隨意使用。同時移動應用還可以對用戶使用場景進行實時分析，基于分析的結果，做出對應的反饋，從而提升用戶的體驗。針對移動設備的使用場景，本文列出的對應因素具體見表1所示。

表1 移動設備情景因素

2.差異化的設備平臺

相對于PC設備，移動設備的差異見表2所示。移動設備本身的操作媒介逐漸變得豐富，這是PC設備無法滿足的。就如蘋果發展到X的結果，其擁有人臉識別。

表2 移動設備和PC設備的使用差異性

3.多樣化的交互方式

圖1 移動設備觸摸手勢示意圖

圖2 移動設備動作手勢示意圖

圖3 設計原則與設計表現元素相互作用圖

PC設備的輸入是利用鍵盤，并且通過鼠標來完成對應的交互式操作，而移動設備的交互方式則變得多種多樣，由于多點觸摸技術的進一步發展，能夠滿足手指對手機的交互以及鍵盤方面的操作，其余設備都無需使用。手勢的交互，可以讓用戶的基本習慣得到最大限度的滿足，并且也可以在實際中得到廣泛的使用。

在觸摸手勢中，核心手勢、通用手勢、復雜手勢等成為主要的組成部分，并以核心手勢作為基礎，從而實現其余觸摸手勢的演化，圖1即為部分簡單手勢的展示。

除觸摸手勢外，因為傳感器的存在，所以，設備能夠成為交互空間，從而在交互設計之中加以使用，例如在查找好友的時候可利用搖一搖的方式，或者將手機拿起屏幕自動點亮等，都可以給用戶提供全新的體驗，這一類手勢具體見圖2所示。

（二）表現元素

基于交互式信息可視化設計的基本設計原則，就需要依托于視覺界面設計，將其主要的元素表現出來，具體見圖3所示。

基于界面的交互式信息可視化設計，讓用戶使用起來更加方便，使其能夠理解復雜圖表的邏輯結構，并且此基礎上，達到美觀的設計需求，同時，通過信息傳遞的效率和準確性要求，其設計囊括了視覺美觀表達、人機交互、操作邏輯等。因此，交互式信息可視化圖標設計主要包含了視覺元素和邏輯元素兩個部分。

1.視覺元素

在網頁界面設計中，通過平面設計的基本元素，就可以實現構成的需求，其視覺形態是利用點線面體來達成的，基于界面的美觀，就可以實現對信息的傳達。其設計囊括了文字、圖形、色彩、版面等。基于分析，其原則如圖3所示。通過第一章節的分析，具體的視覺元素表現在：

（1）文字。文字作為符號的語言，也可以實現有效的信息保存，在二維界面中，文字可以進行有機的排列，然后高效、有效地傳達信息。在分析之后發現，閱讀的效率會明顯受到文本結構的影響。交互式信息可視化主要是體現在圖例、文字標簽、數據標簽，其中文字標簽元素顯得格外的重要，能夠基于不同層面來實現對數據信息傳達的合理輔助。

（2）色彩。色彩作為一種視覺的表現，在設計圖表中，可以直觀地表達其對應的層級結構。通過使用色彩，在美觀表現中，也可以實現清晰明確的信息表達，但是如果色彩運用不當，就會出現不同的效果。單色就是單一的一種顏色；鄰近色也就是顏色相互接近的顏色，如藍色與綠色的搭配，直接使用這一種顏色，就可以從整體上感受其舒適度。對比色，就是所謂在色環之中存在180°差異的顏色。如紅色和綠色，紫色與黃色，只要能夠恰當地搭配，就可以體現出其中的重要數據，從而將對比的作用完全表現出來。

（3）布局。表達界面信息，主要是讓視覺元素基于一定的原則和邏輯來實現對應的排列組合，從而基于最佳的信息來呈現其效果。據相關研究分析，在一定條件下，網頁布局有利于視覺搜索提高。基于整體布局分析，會對數量、時間等多重因素產生影響。基于可視化圖表，對于信息數據的讀取分析之后，基于復雜視覺原則來實現對單一圖表的組合，其囊括了色彩、文字標簽等對應的視覺元素，通過合理有效的布局，其表現在具體的布局之上，通過合理的分析，就會確定圖表本身的布局會對可視化圖表的讀取效率帶來一定的影響。

2.邏輯元素

視覺元素本身是表層的一種表達，其邏輯元素就屬于其內涵所在。邏輯元素同視覺元素之間是彼此影響的，但也是相互作用的，可以讓邏輯與視覺彼此結合，確保信息展示的最佳化。在可視化圖表中，其內容的邏輯包含了信息分類、層級架構等對應的內容，其本身是在內容方面偏向于邏輯的，并且通過劃分之后就可以滿足數據信息和信息層次之間的相互對比。

數據信息作為表現邏輯元素的一種有效的途徑，其本身就是衡量數據可視化圖表設計的標準。在設計數據可視化圖表的時候，如何才能夠實現信息準確高效的表達，就成為關鍵性內容。數據信息可以實現不同的對比層次，其數據信息相對鮮明。在信息的使用之中，通過有用信息的使用，這樣就可以合理地對信息進行歸類，確保層次分布相對清晰，這樣就能夠明確其間存在的差異。

三、結語

總而言之，本文主要是針對基于移動設備的交互式信息可視化設計進行研究，希望通過理論方面的基本分析，再配合上后續對應設計援救，可以在未來移動設備規范化發展之中更好地運用交互式信息可視化，并且給予理論層次上的引導，從而讓其更加貼近用戶，滿足用戶的認知要求，為尋求高效率的交互式信息可視化方案提供必要的幫助。