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

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

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

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

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

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

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

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

3.折線圖與雷達(dá)圖

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

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

1.邏輯元素

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

2.視覺元素

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

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

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

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

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

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

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

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

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

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

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

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

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

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

（1）定位圖表

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

（2）指針圖表

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

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

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

結(jié)語

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