信息視覺化在用戶體驗研究中的運用

周　沁

信息視覺化在用戶體驗研究中的運用

周沁

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

信息視覺化人機交互用戶體驗

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

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

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

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

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

二、人機界面信息視覺化

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

圖1、學生練習“平板的獨白”第一稿

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

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

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

圖2、學生練習“平板的獨白”第二稿

1、分析用戶行為及偏好

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

2、組織信息

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

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

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

3、視覺體現(xiàn)

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

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

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

四、總結(jié)

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

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

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

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

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

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

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