淺析認知能力在手機交互界面中信息可視化設計的應用

姜婷婷

摘 要：隨著大數據時代的發展，快速、準確、有效的信息傳達，越來越顯示出及其重要的地位，通過從認知能力的角度入手，利用相關的認知心理學等方面的理論知識，分析出其表達的方式方法，并運用認知能力的觀點，提升信息可視化設計的效果，設計出美觀易被用戶接受的優秀交互界面。

關鍵詞：手機交互界面；信息可視化；認知能力

中圖分類號：J524 文獻標識碼：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手機交互界面中信息可視化設計

1.1信息可視化設計概述

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

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

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

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

2認知能力在交互界面信息可視化設計中的影響

2.1認知能力的概念、方式

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

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

2.2認知能力在信息可視化設計中的影響

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

3認知能力在信息可視化設計中運用的方式、方法

3.1圖形的識別與辨認增強可視性

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

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

3.2色彩方案

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

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

4.3設計形態

利用flash、交互界面等方式，加強互動性

為了能夠加強人機的交互性，選用基于網絡的FLASH、GIF動畫、交互選擇界面等形式，多運用以動態的視覺呈現的相關形式，利用多維空間的視覺沖擊力，以帶給用戶強烈的新鮮感。

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

4結語

在現今這個信息可視化大熱潮里，充分的將認知心理學的相關方式方法與交互界面相融合，這樣降低了用戶的認知負荷，增強了用戶的專注度。因此，應當多從用戶認知心理出發，遵循“以用戶為中心”的界面設計原則，提升手機界面設計信息可視化的可用性和用戶體驗。

參考文獻

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

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

[3]汪安圣.認知心理學[M].北京，北京大學出版社，2006.

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