基于移動設(shè)備的交互式信息可視化設(shè)計分析

李如冰（重慶郵電大學(xué)移通學(xué)院，重慶 401500）

伴隨信息互聯(lián)網(wǎng)技術(shù)的普及與發(fā)展，各類智能設(shè)備不斷更新，移動設(shè)備中信息可視化模式得到廣泛應(yīng)用與推廣，如地圖導(dǎo)航、天氣預(yù)報等。為確保高效、準確、高質(zhì)量的信息傳播，需確保信息可視化的直觀性及清晰程度，這也要求相關(guān)技術(shù)人員加強基于移動設(shè)備的系統(tǒng)設(shè)計研究，以此來滿足時代發(fā)展的需要。

一、交互式信息可視化基本論述

近年來，移動互聯(lián)網(wǎng)技術(shù)得到全面發(fā)展普及，各類移動應(yīng)用數(shù)量顯著增加，人們的工作與生活方式出現(xiàn)顯著變化。為滿足社會各界對信息資源的需求，大部分移動應(yīng)用在界面設(shè)計及交互設(shè)計中加入可視化設(shè)計相關(guān)內(nèi)容，但在實際應(yīng)用過程中缺乏系統(tǒng)的總結(jié)與分析，導(dǎo)致移動應(yīng)用存在較為嚴重的同質(zhì)化問題。在信息可視化設(shè)計中，最關(guān)鍵的因素為布局，設(shè)計人員需對文本、圖形、色彩等可視化元素合理安排，確?？梢暬厍逦鞔_[1]。同時，需通過合理的色彩設(shè)計提高可美觀度，使信息資源層次更加分明，實現(xiàn)對特定信息的強化或弱化。在圖形與文字的設(shè)計中，需通過合理的方案降低信息理解的難度，增加可視化信息量。另外，在交互式信息可視化設(shè)計中可加入動效，清晰傳遞信息的層次關(guān)系及邏輯關(guān)系。

二、交互式信息可視化在移動設(shè)備中的主要表現(xiàn)形式

交互式信息可視化以信息可視化相關(guān)理論為基礎(chǔ)，重點關(guān)注人機交互相關(guān)內(nèi)容，依據(jù)用戶及數(shù)據(jù)設(shè)計相關(guān)流程，包括視覺表現(xiàn)中的擬物化、整理、歸類等，并在閉環(huán)的角度上增加交互操作相關(guān)內(nèi)容，設(shè)備與用戶間形成雙向數(shù)據(jù)反饋，并不斷為用戶提供針對性信息資源。交互式信息可視化設(shè)計增加了對用戶角色的重視程度，用戶在獲取信息的同時積極參與信息流動，并對數(shù)據(jù)呈現(xiàn)的最終結(jié)果產(chǎn)生影響，在此種模式下信息顯示的廣泛程度顯著提高，單一圖像可呈現(xiàn)出復(fù)雜的數(shù)據(jù)內(nèi)容，基于移動設(shè)備其主要表現(xiàn)形式如下。

1.餅圖

餅圖主要用于統(tǒng)一類型的數(shù)據(jù)展示，利用圓形表示不同種類數(shù)據(jù)與總體數(shù)據(jù)間的比例關(guān)系。餅圖主要類型包括一般餅圖、復(fù)合餅圖、雙側(cè)餅圖等，其中一般餅圖能夠清晰顯示出整體數(shù)據(jù)與單一數(shù)據(jù)間關(guān)系，是應(yīng)用范圍最廣泛的餅圖類型。

2.柱狀圖

柱狀圖是較為普遍的圖像模式，包括兩個維度的數(shù)據(jù)內(nèi)容，Y軸代表數(shù)值，X軸代表數(shù)據(jù)種類，不同數(shù)據(jù)利用方塊的形式表示，方塊包含數(shù)據(jù)類型及具體數(shù)值，方塊面積代表不同數(shù)值大小。柱狀圖主要類型包括百分比堆積柱狀圖、條形柱狀圖、環(huán)形圖等[2]。

3.折線圖與雷達圖

折線圖與雷達圖存在一定相似之處，折線圖能夠充分體現(xiàn)出數(shù)據(jù)變化趨勢。折線圖中Y軸代表時間數(shù)據(jù)，X軸代表數(shù)據(jù)類型，將不同時間點數(shù)據(jù)連接后可形成折線圖。雷達圖是以中心點為基礎(chǔ)向外側(cè)發(fā)散數(shù)據(jù)的形式，發(fā)散形式的坐標軸分別代表數(shù)據(jù)類型及具體數(shù)值，將臨近數(shù)據(jù)點連接后可形成不規(guī)則多邊形，與蜘蛛網(wǎng)結(jié)構(gòu)類似。

三、基于移動設(shè)備的交互式信息可視化設(shè)計元素分析

1.邏輯元素

視覺元素屬于表層表達方式，邏輯元素是其中內(nèi)涵，二者之間相互影響，相互作用，通過視覺元素與邏輯元素的有效結(jié)合可實現(xiàn)信息的優(yōu)化展示。通常情況下，可視化圖表中包含的內(nèi)容為信息層級架構(gòu)、信息分類型，通過有效的分類可實現(xiàn)信息層次間與數(shù)據(jù)信息的對比。數(shù)據(jù)信息可作為衡量可視化圖表設(shè)計的重要標準，在設(shè)計過程中最為關(guān)鍵的因素是信息高效且準確的表達，為此需對信息進行有效分類，并確保層次分布清晰有效。

2.視覺元素

視覺元素的相關(guān)內(nèi)容中包括色彩、文字、布局等，色彩屬于重要的視覺表現(xiàn)方式，在圖表設(shè)計中合理運動色彩可直觀顯示出對應(yīng)的層級結(jié)構(gòu)，也可確保信息表達更為鮮明準確。在色彩運用中可采用單一顏色，也可采用臨近色彩，部分情況下可選擇使用對比色，以此來突顯數(shù)據(jù)資源的重要性。文字能夠?qū)⑿畔⒂行П４媾c傳輸，交互式信息可視化在文字相關(guān)內(nèi)容設(shè)計中主要包括數(shù)據(jù)標簽、文字標簽、圖例等內(nèi)容，設(shè)計人員需結(jié)合實際情況合理運用。布局可確保視覺元素具有一定的邏輯性與原則性，通過有效的排列組合，能夠確保信息資源呈現(xiàn)效果。在布局設(shè)計中需要綜合分析文字、圖表等內(nèi)容，以此來提高數(shù)據(jù)讀取效率。

四、基于移動設(shè)備的交互式信息可視化設(shè)計的基本原則及應(yīng)用場景

1.基于移動設(shè)備的交互式信息可視化設(shè)計的基本原則

基于移動設(shè)備的交互式信息可視化設(shè)計需滿足簡單易讀的基本原則，界面的操作模式、布局、流程、功能等容易被用戶接受，以此來提高用戶體驗。同時，需將數(shù)據(jù)信息作為設(shè)計的核心要素，各種可視化設(shè)計元素需確保數(shù)據(jù)信息展示效果提升，避免使用不合理的表現(xiàn)手法及視覺元素。手勢交互也是設(shè)計的重要原則，移動設(shè)備的特點決定了手勢交互的重要作用，在設(shè)計過程中需確保手術(shù)交互相關(guān)內(nèi)容簡單易懂。另外，可視化呈現(xiàn)的信息資源具有較強的抽象性，信息覆蓋范圍廣，時間跨度大，為提高信息讀取效果，需對信息資源進行合理的層級設(shè)計，也需要提高設(shè)備操作效率，并建立信息反饋機制，以此來提高設(shè)計的整體水平[3]。

2.基于移動設(shè)備的交互式信息可視化設(shè)計應(yīng)用場景

天氣類應(yīng)用是移動設(shè)備交互式信息可視化設(shè)計應(yīng)用的主要常見，通常情況下，X軸為時間，Y軸為天氣，用戶拖動界面可查看不同時間段溫度數(shù)值。運動健康類應(yīng)用中身體數(shù)據(jù)及歷史鍛煉肋數(shù)據(jù)也可采用交互式信息可視化設(shè)計模式，X軸代表時間，Y軸代表運動數(shù)據(jù)。財務(wù)類應(yīng)用是交互式信息可視化設(shè)計的全新領(lǐng)域，部分大型財務(wù)軟件在移動設(shè)備中無法有效運行，目前主要應(yīng)用領(lǐng)域為各類記賬軟件，用戶在輸入消費及收入記錄等內(nèi)容后，軟件可對用戶財務(wù)狀態(tài)及消費情況進行統(tǒng)計分析，也可實現(xiàn)用戶財務(wù)管理。股票類應(yīng)用中交互式信息可視化設(shè)計方式較為復(fù)雜，數(shù)據(jù)量較大，通過可視化設(shè)計可實現(xiàn)用戶體驗的提高。

五、基于移動設(shè)備的交互式信息可視化設(shè)計分析

1.移動設(shè)備使用場景分析

移動設(shè)備的廣泛普及在一定程度上改變了人們的生活方式及工作方式，空間與時間的局限性被打破，各類移動應(yīng)用可對用戶的使用場景進行系統(tǒng)分析，并依據(jù)分析結(jié)構(gòu)進行信息反饋，有助于用戶體驗的提高。應(yīng)用移動設(shè)備情境的主要因素包括光線、姿勢、噪音、單雙手、橫豎屏、持續(xù)時間、干擾條件、網(wǎng)絡(luò)等。為規(guī)避各類影響因素，在使用過程中需確保極端光線條件下用戶能夠舒適使用，在不同網(wǎng)絡(luò)切換中也應(yīng)為用戶提供流暢的體驗，界面的設(shè)計需確保用戶在不同姿勢下均可完成操作。為避免噪音影響，用戶可自由切換聽筒播放及外放，單雙手操作均、橫豎屏具有良好的舒適度，最大程度上規(guī)避外界因素干擾，以此來為用戶提供高質(zhì)量沉浸式體驗。

2.移動設(shè)備中交互式信息可視圖表使用特性

移動設(shè)備的主要使用方式包括單指滑動、單指電極、單指常按等，操作的精準度較低，極易產(chǎn)生誤操作等問題，在利用單手操作進行放大屏幕的過程中存在操作盲區(qū)，手或者手指可能對操作過程產(chǎn)生一定影響，操作目標和對象可能被遮擋。移動設(shè)備支出多點輸入，操作對象可對用戶的各項操作進行反饋。移動設(shè)備中不具有hover狀態(tài)，單一數(shù)據(jù)的具體顯示難度較大，屏幕尺寸小于PC設(shè)備觸摸手勢為最主要的操作方式，為此在設(shè)計過程中需以上述特性為基礎(chǔ)，規(guī)避移動設(shè)備缺陷，提高用戶使用體驗。

3.基本設(shè)計原則

基于移動設(shè)備的交互式信息可視化設(shè)計中需嚴格遵循用戶的意識路徑，以用戶的邏輯習(xí)慣為基礎(chǔ)，合理構(gòu)建讀取數(shù)據(jù)的意識路徑，使用戶獲得所需的數(shù)據(jù)樣式及數(shù)據(jù)類型。在具體設(shè)計的過程中，需在完成任務(wù)的不同步驟進行合理分析，準確合計圖表邏輯意識路徑長度，提高用戶讀取信息資源效率。同時，在設(shè)計過程中需最大程度上避免用戶各項操作遮擋信息內(nèi)容。比如部分用戶手指粗，在設(shè)計過程中需合理控制觸摸尺寸，合理設(shè)計信息疊加分布，避免操作過程中手指遮擋等問題的發(fā)生。

4.具體設(shè)計情況分析

（1）定位圖表

定位圖表能夠有效解決手指遮擋等問題，圖表的設(shè)計以單一數(shù)據(jù)快速有效獲取為核心，可將其應(yīng)用與柱狀圖、餅圖、折線圖等，其主要應(yīng)用場景包括運動健康類應(yīng)用、天氣類應(yīng)用、數(shù)據(jù)分析應(yīng)用、財務(wù)應(yīng)用等。

（2）指針圖表

指針圖表屬創(chuàng)新的圖表設(shè)計方案，可解決移動設(shè)備中懸浮狀態(tài)的問題，有效避免操作中引發(fā)的信息遮擋，確保用戶能夠精準獲取數(shù)據(jù)信息。雷達圖應(yīng)用指針圖表設(shè)計可通過滑動手指等方式獲得詳細的數(shù)據(jù)資源，以此來實現(xiàn)多為信息數(shù)據(jù)的有效展示。散點圖利用指針圖表設(shè)計需采用雙指針模式，分別完成橫向與豎向滑動，以此來改善用戶數(shù)據(jù)獲取體驗。

（3）放大鏡圖表與無界圖表

放大鏡圖表的設(shè)計可解決用戶精確獲取復(fù)雜數(shù)據(jù)信息的問題，將其應(yīng)用于股票等應(yīng)用的設(shè)計中可幫助用戶在海量數(shù)據(jù)信息中篩選有效信息資源，以此來實現(xiàn)用戶體驗的全面提升。無界圖表能夠解決移動設(shè)備屏幕尺寸顯著，可用于展示時間跨度大、數(shù)據(jù)量豐富的內(nèi)容，用戶能夠通過無限制滑動獲取圖表中的內(nèi)容，將其應(yīng)用于財務(wù)類及天氣類應(yīng)用中具有極高價值。

結(jié)語

信息互聯(lián)網(wǎng)技術(shù)的普及與移動設(shè)備的廣泛應(yīng)用改變了人們獲取信息資源的方式，基于移動設(shè)備的交互式信息可視化設(shè)計可為用戶提供高質(zhì)量的體驗，有助于準確獲取各類數(shù)據(jù)信息資源。在設(shè)計過程中，相關(guān)人員需以移動設(shè)備特點為基礎(chǔ)，合理設(shè)計數(shù)據(jù)顯示方式，規(guī)避移動設(shè)備的缺陷，加強人機交互設(shè)計，以此來為用戶提供高質(zhì)量的數(shù)據(jù)體驗，最大程度上滿足不同用戶的基本需求。