淺析認(rèn)知能力在手機(jī)交互界面中信息可視化設(shè)計(jì)的應(yīng)用

姜婷婷

摘 要：隨著大數(shù)據(jù)時(shí)代的發(fā)展，快速、準(zhǔn)確、有效的信息傳達(dá)，越來(lái)越顯示出及其重要的地位，通過(guò)從認(rèn)知能力的角度入手，利用相關(guān)的認(rèn)知心理學(xué)等方面的理論知識(shí)，分析出其表達(dá)的方式方法，并運(yùn)用認(rèn)知能力的觀點(diǎn)，提升信息可視化設(shè)計(jì)的效果，設(shè)計(jì)出美觀易被用戶接受的優(yōu)秀交互界面。

關(guān)鍵詞：手機(jī)交互界面；信息可視化；認(rèn)知能力

中圖分類號(hào)：J524 文獻(xiàn)標(biāo)識(shí)碼：A

文章編碼：1672-7053（2017）08-0107-02

Abstract：With the development of the era of big data，fast、accurate and effective information communication，more and more show and its important position.Starting from the view of cognitive ability，using relevant cognitive psychology and other theoretical knowledge，analyze the ways and means of expressing， and use the view of cognitive ability.To enhance the effect of information visualization design.Design beautiful， easily accepted by the user excellent interactive interface.

Key Words：Mobile phone interaction interface；Information visualization； Cognitive competence

1手機(jī)交互界面中信息可視化設(shè)計(jì)

1.1信息可視化設(shè)計(jì)概述

信息可視化這一概念最早是由斯圖爾特.卡德、約克.麥金利以及喬治.羅伯遜倡導(dǎo)提出的，信息可視化是要將信息、知識(shí)以及數(shù)據(jù)轉(zhuǎn)化成為更為形象的、直觀的，運(yùn)用聲音、圖像、圖形、動(dòng)畫(huà)視頻、符號(hào)、等方式讓人們能夠快速的、有效的瀏覽、操作、發(fā)現(xiàn)、理解相關(guān)信息，并與之互動(dòng)，從而探究出其深層次需要表達(dá)的信息內(nèi)涵。這種表達(dá)方式的出現(xiàn)解決了人們?cè)谛枰憩F(xiàn)較復(fù)雜的信息內(nèi)容時(shí)，可以通過(guò)信息的圖形化讓人們更加快速和清晰的理解信息內(nèi)容，此種表現(xiàn)形式在統(tǒng)計(jì)學(xué)、計(jì)算機(jī)等相關(guān)領(lǐng)域被普遍應(yīng)用，隨著時(shí)代的進(jìn)步發(fā)展和升級(jí)，信息可視化也在近幾年大熱，將足跡延伸到手機(jī)交互界面設(shè)計(jì)中，并且掀起了一陣陣熱潮，被廣泛用于減輕抽象復(fù)雜信息以及大數(shù)據(jù)所帶給用戶的認(rèn)識(shí)壓力。大量的信息和數(shù)據(jù)，以驚人的速度和數(shù)量奔向人的眼前，讓人們?cè)诙虝r(shí)間內(nèi)無(wú)從下手消化這些信息，比起之前的傳統(tǒng)平面的、靜態(tài)的，交互界面里呈現(xiàn)出來(lái)的交互式信息可視化，通過(guò)更加直觀、清晰的界面以及人機(jī)的互動(dòng)方式，成為傳達(dá)復(fù)雜且抽象信息的另一種發(fā)展趨勢(shì)，這種方式也被大多數(shù)用戶所接受。

從以下這個(gè)案例來(lái)簡(jiǎn)單說(shuō)明一下，手機(jī)交互界面中的信息圖形化設(shè)計(jì)：

圖1、圖2的示意圖所展示是一款Google+信任圈的信息可視化應(yīng)用。它是一種類似于微博的社交軟件，圖中綠色部分是相互關(guān)注的人，黃色部分是你關(guān)注了對(duì)方而對(duì)方?jīng)]有關(guān)注你的人，紅色部分則是單方面關(guān)注了你的人。這個(gè)信息圖就很清晰的反應(yīng)出在Google+上，人與人之間的信任關(guān)系，這一抽象復(fù)雜的信息內(nèi)容。

信息可視化是一種將信息從抽象復(fù)雜轉(zhuǎn)化為可視化形式的映射過(guò)程，它是一種可以跨越任何界限的信息傳播方式。信息可視化的產(chǎn)生為人們提供了一種新的、更有趣的獲取信息的方式。

2認(rèn)知能力在交互界面信息可視化設(shè)計(jì)中的影響

2.1認(rèn)知能力的概念、方式

認(rèn)知是一個(gè)過(guò)程、經(jīng)歷的表現(xiàn)，它是指通過(guò)人腦的加工、儲(chǔ)存以及信息提取的能力，它屬于一種循環(huán)的過(guò)程，通過(guò)外界事物對(duì)人的感官或是視覺(jué)等的刺激，人們的大腦對(duì)其識(shí)別、分析、判斷，最后對(duì)于外界事物做出相應(yīng)的反應(yīng)，這便是一個(gè)完整的認(rèn)知過(guò)程。（如圖3）

認(rèn)知能力也是一種對(duì)發(fā)生事物的構(gòu)成、性能與其他物的關(guān)系、發(fā)展的動(dòng)力和方向、對(duì)基本規(guī)律的把握能力。是完成任務(wù)活動(dòng)的重要心理?xiàng)l件。人們認(rèn)識(shí)客觀事物，通過(guò)知覺(jué)、感覺(jué)、記憶、注意力、思維等方式進(jìn)行的，因此這些也是認(rèn)知心理的過(guò)程。

2.2認(rèn)知能力在信息可視化設(shè)計(jì)中的影響

依據(jù)George A.Miller心理學(xué)家的研究得出了，人類一次性接受認(rèn)知的信息數(shù)量應(yīng)在7個(gè)比特左右為最佳。他總結(jié)的公式：一人一次接受的信息量為 7±2 比特。而這一原理被廣泛的運(yùn)用在交互界面當(dāng)中，一般情況下，界面上的圖標(biāo)、欄目的數(shù)量大約是在5-9個(gè)比較好，如果界面呈現(xiàn)的太多，會(huì)讓人們?cè)谡J(rèn)知心理上出現(xiàn)抑郁、煩躁，感覺(jué)信息太密集，不易查找和篩選，感覺(jué)視覺(jué)疲勞。因此很多的交互界面上因?yàn)槌休d的信息量比較多，當(dāng)必須出現(xiàn)9個(gè)以上的圖標(biāo)或欄目時(shí)，UI設(shè)計(jì)師會(huì)依據(jù)信息的種類，進(jìn)行分類排列，最后進(jìn)行分組處理，達(dá)到良好的視覺(jué)效果。

3認(rèn)知能力在信息可視化設(shè)計(jì)中運(yùn)用的方式、方法

3.1圖形的識(shí)別與辨認(rèn)增強(qiáng)可視性

概念模型及可視化圖形匹配

圖形的高識(shí)別與辨認(rèn)，是利用圖形或圖像刺激作用于人類的感覺(jué)器官，通過(guò)人們的辨認(rèn)、分析、再辨認(rèn)的多次循環(huán)，使人們的感官系統(tǒng)對(duì)設(shè)計(jì)者設(shè)計(jì)出的圖形或圖像形成初步大概的印象，懵懂的認(rèn)識(shí)、了解，這樣設(shè)計(jì)師通過(guò)圖形或圖像便對(duì)用戶的感官系統(tǒng)搭建起設(shè)計(jì)師想要傳達(dá)的概念模型，這中間是需要設(shè)計(jì)師與用戶不斷的溝通、交流、反饋、實(shí)施的，以建造出用戶與設(shè)計(jì)師溝通過(guò)后形成的雙方認(rèn)可的概念模型，然后設(shè)計(jì)者再通過(guò)后續(xù)的反饋、修改后，推出符合概念模型的系列的圖形、圖像，使對(duì)其搭建的概念模型進(jìn)行鞏固式的信息輸入，使得搭建的概念模型長(zhǎng)記憶的儲(chǔ)存在用戶的大腦中，以后用戶可以經(jīng)常非常準(zhǔn)確、清晰的反映出設(shè)計(jì)模型，一看便知如何操作，無(wú)需借助任何的圖解、標(biāo)志和說(shuō)明。

3.2色彩方案

利用色彩的差異、聯(lián)想等方式增加可視性的效果。

在設(shè)計(jì)中色彩的應(yīng)用，應(yīng)該把對(duì)色彩的經(jīng)驗(yàn)累積轉(zhuǎn)化成色彩的心理規(guī)范，一一對(duì)應(yīng)搭配。在界面設(shè)計(jì)上，根據(jù)面對(duì)的用戶群體的差異，根據(jù)用戶的認(rèn)知心理的差異，來(lái)選擇不同的色系以及搭配的方式，進(jìn)行一一對(duì)應(yīng)的設(shè)計(jì)，例如紅色象征著熱情、活潑、吉祥、革命、公正、疲勞、恐怖等，因此在節(jié)假日的界面設(shè)計(jì)元素中多運(yùn)用到，以及運(yùn)用到起有警示作用的界面設(shè)計(jì)當(dāng)中等等；綠色象征著自然、新鮮、平靜、安逸、和平、可靠、信任、理想、淳樸等，許多公司企業(yè)等正式官方機(jī)構(gòu)的界面設(shè)計(jì)會(huì)運(yùn)用到此類顏色的元素，給人一種踏實(shí)的心理感覺(jué)。根據(jù)這幾個(gè)例子，不難發(fā)現(xiàn)，針對(duì)不同的受眾人群，不同的場(chǎng)合，不同的文化水平等，在界面設(shè)計(jì)的顏色選定上，也是有其對(duì)應(yīng)之處的，需要依據(jù)用戶的需求不同，定位不同，來(lái)對(duì)界面的色系來(lái)進(jìn)行界定，以符合用戶心理的需求。

4.3設(shè)計(jì)形態(tài)

利用flash、交互界面等方式，加強(qiáng)互動(dòng)性

為了能夠加強(qiáng)人機(jī)的交互性，選用基于網(wǎng)絡(luò)的FLASH、GIF動(dòng)畫(huà)、交互選擇界面等形式，多運(yùn)用以動(dòng)態(tài)的視覺(jué)呈現(xiàn)的相關(guān)形式，利用多維空間的視覺(jué)沖擊力，以帶給用戶強(qiáng)烈的新鮮感。

交互性的增加，可讓用戶對(duì)界面設(shè)計(jì)產(chǎn)生前列的感官吸引，主動(dòng)參與其中。通過(guò)FLASH、GIF等互動(dòng)形式，可以令用戶在體驗(yàn)到一些特定的操作，同時(shí)圖、文、聲的敘述方式，也可以讓更多的用戶了解并接受。

4結(jié)語(yǔ)

在現(xiàn)今這個(gè)信息可視化大熱潮里，充分的將認(rèn)知心理學(xué)的相關(guān)方式方法與交互界面相融合，這樣降低了用戶的認(rèn)知負(fù)荷，增強(qiáng)了用戶的專注度。因此，應(yīng)當(dāng)多從用戶認(rèn)知心理出發(fā)，遵循“以用戶為中心”的界面設(shè)計(jì)原則，提升手機(jī)界面設(shè)計(jì)信息可視化的可用性和用戶體驗(yàn)。

參考文獻(xiàn)

[1]羅仕鑒，朱上上，孫守遷.人機(jī)界面設(shè)計(jì)[M].北京：機(jī)械工業(yè)出版社，2009.

[2] （美）唐納德·A.諾曼著，梅瓊譯.設(shè)計(jì)心理學(xué)[M].北京：中信出版社，2003.

[3]汪安圣.認(rèn)知心理學(xué)[M].北京，北京大學(xué)出版社，2006.

[4]孫林巖.人因工程[M].修訂版.北京：中國(guó)科學(xué)技術(shù)出版社，2006.