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

姜婷婷

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

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

中圖分類號：J524 文獻(xiàn)標(biāo)識碼：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è)計

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

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

從以下這個案例來簡單說明一下，手機(jī)交互界面中的信息圖形化設(shè)計：

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

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

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

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

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

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

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

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

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

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

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

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

3.2色彩方案

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

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

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

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

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

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

4結(jié)語

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

參考文獻(xiàn)

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

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

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

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