周　沁

信息視覺化在用戶體驗研究中的運(yùn)用

周沁

近幾年來設(shè)計已經(jīng)不再局限于固定的行業(yè)領(lǐng)域，而是呈現(xiàn)出跨專業(yè)跨學(xué)科合作設(shè)計的大方向。在這樣的前提下，什么才是指導(dǎo)設(shè)計的核心內(nèi)容，成為了眾多設(shè)計師討論的方向。而用戶體驗作為產(chǎn)品設(shè)計最基本的層面，被廣泛提及并且成為近年討論的熱點(diǎn)話題。同時，信息視覺化作為用戶體驗的手段和方式也被運(yùn)用到了設(shè)計的過程中。本文關(guān)注了信息視覺化在用戶體驗研究中的運(yùn)用。從兩者的關(guān)系出發(fā)著重分析了信息視覺化在用戶研究中的作用、意義、以及方法。

信息視覺化人機(jī)交互用戶體驗

當(dāng)代社會已經(jīng)進(jìn)入了體驗經(jīng)濟(jì)的時代，用戶體驗成為了設(shè)計的重中之重。此時，產(chǎn)品的功能并不是衡量產(chǎn)品優(yōu)劣的唯一標(biāo)準(zhǔn)。產(chǎn)品的易用性與用戶滿意度很大程度上決定了用戶對產(chǎn)品甚至品牌本身的忠誠度。在用戶體驗研究的過程中，信息視覺化成為用戶體驗研究的一種良好表現(xiàn)途徑。從生活與情境出發(fā)為用戶創(chuàng)造出符合心理以及行為習(xí)慣需要的界面，從而更好地提高產(chǎn)品或品牌本身的黏度。因此，信息視覺化在用戶體驗研究過程中不可或缺。

從另一方面來說，隨著互聯(lián)網(wǎng)技術(shù)的普及，信息的獲取變得方便快捷。然而信息爆炸導(dǎo)致的問題也隨之而來，互聯(lián)網(wǎng)用戶需要在紛繁復(fù)雜的頁面中找到有效的信息變得愈發(fā)困難。如何能夠幫助用戶高效準(zhǔn)確地獲取所需信息或完成相關(guān)操作任務(wù)，成為設(shè)計師們關(guān)注的重中之重。用戶體驗研究中的信息視覺化則為此提供了一個值得探討的方向。

一、用戶體驗研究與信息視覺化的關(guān)系

用戶體驗研究作為一個綜合型跨學(xué)科的研究方向，需要通過多學(xué)科的協(xié)同合作，才能達(dá)成有益于用戶的體驗，而信息視覺化則是其中不可或缺的一個部分。 Alan Cooper以及其他兩位合作人在其書中提到，體驗研究可以分為三個主要的方面，分別為形式、內(nèi)容以及行為。［1］信息視覺化是在對內(nèi)容和行為理解的基礎(chǔ)上用合理的形式對相關(guān)信息進(jìn)行表達(dá)，從而傳遞給用戶更有意義的體驗。因此用戶體驗研究與信息視覺化存在著相輔相成、相互依靠的關(guān)系。用戶體驗研究是信息視覺化的前提和基礎(chǔ)，而信息視覺化是用戶體驗研究的手段和方法。在設(shè)計的每一個步驟中兩者都是緊密結(jié)合、相互依托的。

交互設(shè)計的研究方式可以被定義為六個階段， 即研究、建模、定義需求、定義框架、細(xì)化以及支持。［1］用戶體驗研究是交互設(shè)計的根本要素，而信息視覺化作為其方法和手段也貫穿了整個過程。首先在研究過程中對數(shù)據(jù)整合處理，通過信息視覺化來發(fā)現(xiàn)分析問題的根源。其次利用信息視覺化對每一個階段進(jìn)行直觀呈現(xiàn)，更加快速高效地促進(jìn)利益相關(guān)者之間的信息溝通。最后在界面設(shè)計表達(dá)部分將整合完成的信息，通過界面的方式傳遞給使用者。本文將著重論述最后階段，即人機(jī)界面的信息視覺化分析。

二、人機(jī)界面信息視覺化

人機(jī)界面信息視覺化是將復(fù)雜的信息通過產(chǎn)品的界面，以最簡單有效的方式傳遞給使用者。人機(jī)界面信息視覺化的概念屬于信息視覺化大框架中一個重要部分，其主要目標(biāo)是對計算機(jī)以及移動端界面進(jìn)行視覺化的表達(dá)，［2］人機(jī)界面信息視覺化是將計算機(jī)提供的功能信息轉(zhuǎn)換為視覺信息來為用戶提供良好的互動體驗。這種被有效組織并設(shè)計的視覺信息在無意識中引導(dǎo)用戶進(jìn)行更加快速有效的人機(jī)互動行為，從而提供給用戶更加積極、有效的體驗。

圖1、學(xué)生練習(xí)“平板的獨(dú)白”第一稿

這種積極有效的體驗來源于設(shè)計師對信息的良好組織和表達(dá)。在About Face一書中提到兩種模型。［1］ 實(shí)現(xiàn)模型是指有關(guān)機(jī)器和程序如何實(shí)際工作，實(shí)現(xiàn)模型對于工程師來說非常符合邏輯，真實(shí)并且精確。然而對于大多數(shù)用戶而言，他們并不了解計算機(jī)內(nèi)部的運(yùn)行機(jī)制，而只期望產(chǎn)品能最有效率地幫助他們完成手頭的任務(wù)。實(shí)現(xiàn)的復(fù)雜性使得使用者無法并且不需要了解這些實(shí)現(xiàn)的方式及原理，他們更期待一種自然而然的使用過程。這被稱作心理模型。信息視覺化的過程正是在清晰了解實(shí)現(xiàn)模型的基礎(chǔ)上隱去這些紛繁復(fù)雜的過程，將其簡化成最接近用戶心理模型的界面表現(xiàn)方式，提供給用戶最易于理解的目標(biāo)和貼近他們認(rèn)知框架的設(shè)計。因此，不同于其他學(xué)科，在人機(jī)界面信息視覺化的教學(xué)過程中，對學(xué)生的綜合能力、分析能力有較高的要求。在教學(xué)的過程中也需要著重訓(xùn)練學(xué)生對于信息的組織、表達(dá)能力。這種組織和表達(dá)是先對信息進(jìn)行分塊、分層、精簡，而后用視覺語言表達(dá)出信息的層次以及合理的關(guān)系。

三、如何做到界面信息視覺化？

在設(shè)計過程中，人機(jī)界面的信息視覺化并不是單純的數(shù)據(jù)羅列，而是經(jīng)過思考整合而集成的視覺表現(xiàn)，合理化的界面設(shè)計有助于減少用戶的認(rèn)知負(fù)擔(dān)。ISO將產(chǎn)品的可用性定義為效力、效率和滿意度三個方面。［3］產(chǎn)品設(shè)計本身體現(xiàn)了其效力，而界面信息的視覺化很大程度上決定了產(chǎn)品的使用效率和滿意度。與用戶體驗研究類似，界面信息視覺化也是一個從分析研究到表現(xiàn)不斷迭代的過程。界面視覺化被分為三個主要的階段：分析用戶行為及偏好、組織信息、視覺體現(xiàn)，［1］這三個階段循環(huán)往復(fù)不斷優(yōu)化著用戶體驗。下文將結(jié)合課程初期案例說明如何在用戶體驗研究中有效地運(yùn)用信息視覺化為用戶提供有意義的交互體驗。這一階段，著重訓(xùn)練學(xué)生分析能力、信息組織能力及信息表達(dá)能力，使其能在單個頁面中清晰表達(dá)其層級關(guān)系并優(yōu)化視覺體驗。

圖2、學(xué)生練習(xí)“平板的獨(dú)白”第二稿

1、分析用戶行為及偏好

正如用戶體驗研究的方式一樣，對于設(shè)計師來說首先需要明確設(shè)計的目標(biāo)和任務(wù)。Donald Norman強(qiáng)調(diào)了先理解用戶的行為及其偏好從而更有針對性地進(jìn)行設(shè)計。在界面信息視覺化的過程中了解用戶也是最為基礎(chǔ)同時必不可少的環(huán)節(jié)。在完成界面設(shè)計之前需要設(shè)計師代入用戶的使用情景（Context），［4］分析用戶要做什么、完成什么樣的任務(wù)。在深入理解的基礎(chǔ)上才能決定信息分類的方式以及層次，并且用合理的視覺化方案表達(dá)引導(dǎo)用戶的使用行為。因此在第一階段的學(xué)習(xí)過程中首先需要針對用戶的使用情景對信息內(nèi)容進(jìn)行分析整合。在這一案例中針對平板電腦的銷售情況進(jìn)行深入研究。通過情景分析及調(diào)研結(jié)果表明，用戶的目的是了解何種類型的平板電腦最受大眾青睞，因而主要展現(xiàn)的內(nèi)容即為影響平板電腦銷售的主要原因。在充分理解目標(biāo)用戶使用目的的基礎(chǔ)上則可以進(jìn)行信息的組織。

2、組織信息

從用戶角度出發(fā)，組織信息的根本目標(biāo)是讓用戶在接觸界面的第一時間明白自己在做什么，設(shè)計師需要讓用戶理解要做什么，并且在操作過程中對產(chǎn)品具有掌控感。另一方面，從產(chǎn)品角度出發(fā)，設(shè)計師仍要充分了解產(chǎn)品及想要傳遞給用戶的重點(diǎn)，并按照優(yōu)先級排列，而后充分體現(xiàn)在界面設(shè)計中?；谏衔奶岬降膶τ脩粜袨橐约捌玫姆治龊蛯Ξa(chǎn)品特點(diǎn)的理解，從用戶的心理模型出發(fā)整合界面信息，設(shè)計符合用戶期望的人機(jī)交互界面。

組織界面信息是一個有計劃的過程，首先要對界面信息進(jìn)行合理歸類分塊。研究證明人類短期記憶能承受的選項數(shù)為7加減2個，而當(dāng)選項超過10個之后，用戶掃視、理解、處理的過程就會較為困難。［5］所以在組織分塊的階段，如何在用戶可承受的范圍內(nèi)將界面合理地組織分塊是首先要考慮的內(nèi)容。舉例來說，微軟設(shè)計Word包含數(shù)百項功能，而為了用戶能夠更清晰地理解界面，則將功能依照不同類別分別組織到9個菜單當(dāng)中。菜單包含的命令仍然過多，又把這些命令細(xì)分為不同塊。

合理的分塊幫助用戶有效理解并完成操作。在整合分塊結(jié)束后則需要進(jìn)行優(yōu)先級排序，通過最有效的方式將重要界面信息傳遞給用戶。在本案例的訓(xùn)練中，頁面被分為總銷售趨勢、細(xì)節(jié)分析、總結(jié)三個模塊。在細(xì)節(jié)分析中則再分為三個方向，分別為品牌、價格以及硬件。通過這樣的分層分塊，用戶能夠更加清晰地讀取其所需要的信息。

3、視覺體現(xiàn)

在根據(jù)用戶心理模型完成信息的組織之后，則需要將這些信息用視覺方式體現(xiàn)出來。合理運(yùn)用視覺的屬性將元素分組，從而創(chuàng)造出清晰的層次結(jié)構(gòu)。界面的設(shè)計可以通過顏色、大小、位置的方式來體現(xiàn)上文提到的信息分塊和信息層次。［5］首先從顏色方面來說，不同的顏色在不同文化中代表不同的隱喻。比如，通常人們認(rèn)為紅色是消極暗示，而綠色則為積極暗示。在界面信息視覺化設(shè)計中可以充分利用這種色彩的隱喻來暗示用戶的操作，兩種或兩種以上的界面色彩合理地配合也可以充分表達(dá)界面信息的層次。在根據(jù)界面信息優(yōu)先級對信息進(jìn)行排序之后，利用強(qiáng)烈的對比或者互補(bǔ)色能夠突顯出信息的重要性，反之弱對比色或低飽和度的顏色則弱化了信息的重要程度。這種強(qiáng)弱對比并不是無序的、隨意的，而是統(tǒng)一在產(chǎn)品的整體色系中，統(tǒng)一在品牌的整體風(fēng)格中。

另外，元素的大小位置也應(yīng)該體現(xiàn)出信息的優(yōu)先級別。用戶使用界面的時候，應(yīng)當(dāng)從中清晰地了解到信息的主次。不同于平面設(shè)計，信息視覺化是一種對用戶行為的理解以及再塑造。在這一過程中必須充分考慮到用戶閱讀獲取信息的方式，其次再結(jié)合美學(xué)的考量進(jìn)行美化。

在本案例中，頁面信息組織的步驟完成后，則利用視覺元素將預(yù)設(shè)的層次關(guān)系進(jìn)行有效地表達(dá)。從圖1中可以看出，經(jīng)過初期的訓(xùn)練，學(xué)生能夠?qū)⑿畔蛹壟c分塊初步展現(xiàn)出來，然而信息表現(xiàn)過于平均，優(yōu)先信息并沒有被合理地視覺化突出。因此，需要再次進(jìn)行用戶體驗分析，以便進(jìn)一步區(qū)分用戶偏好以決定頁面中的信息優(yōu)先順序。經(jīng)過再一次的分析，如圖2，判斷決定將細(xì)節(jié)分析模塊作為重點(diǎn)呈現(xiàn)，并且細(xì)分了這一模塊中的信息層次，將重點(diǎn)內(nèi)容突出?？偨Y(jié)模塊則用更加直觀的視覺元素代替了成段的文字，使得用戶閱讀更快速，從而進(jìn)一步提升了用戶體驗。

四、總結(jié)

在體驗經(jīng)濟(jì)背景下，用戶體驗研究在設(shè)計的過程中有著不可替代的位置。而信息視覺化作為用戶體驗研究的手段以及方式也正在被更多設(shè)計師重視起來。人機(jī)界面信息視覺化作為其中重要的組成部分，承擔(dān)著引導(dǎo)用戶并為其提供更有意義的體驗的作用，也將產(chǎn)品的實(shí)現(xiàn)模型轉(zhuǎn)換為用戶心理模型，使得產(chǎn)品更為貼近用戶的認(rèn)知架構(gòu)，從而更方便用戶使用。另一方面來說，人機(jī)信息視覺化通過有意識的信息組織及呈現(xiàn)，傳達(dá)給用戶產(chǎn)品及品牌的核心理念，從而增加用戶對產(chǎn)品及品牌的認(rèn)知度。設(shè)計師可以通過分析用戶行為偏好、組織信息和視覺體現(xiàn)三個方面來有意識地組織、呈現(xiàn)信息。用戶體驗研究中的信息視覺化是將信息組織架構(gòu)、美學(xué)以及品牌策略結(jié)合的一門學(xué)科，也為設(shè)計的未來提出了一個值得探討的方向。

［1］（美）Alan Cooper， Robert Reimann， David Cronin. About Face3 交互設(shè)計 精髓. 北京：電子工業(yè)出版社，2008.

［2］方學(xué)兵. 人機(jī)界面信息視覺化. 合肥工業(yè)大學(xué)碩士學(xué)位論文，2010.

［3］ ISO可用性定義. https://en.wikipedia.org/wiki/Usability

［4］（美）Jon Kolko. Thoughts on interaction design交互設(shè)計沉思錄.北京：機(jī)械工業(yè)出版社，2012.

［5］（英）Giles Colborne. 簡約至上交互式設(shè)計四策略. 北京：人民郵電出版社，2011.

（周沁，蘇州工藝美術(shù)職業(yè)技術(shù)學(xué)院助教）