從用戶認知角度分析人機界面的圖標設計摘要：圖標作為人機界面中重要的組成部分，在人機交互中起著重要作用，圖標相較于其他的操作表示具有獨特的優勢，這么多年來圖標一直在進化一直在發展，用戶使用圖標依然存在問題。用戶作為人機界面的主要使用者，界面的圖標設計是否能準確高效傳達信息與意圖能直接影響到用戶對該界面的體驗。從用戶認知角度分析人機界面設計有助于從提升用戶體驗，幫助我們更全面地分析圖標存在的問題，而圖標是否能達到期望應該遵循用戶認知圖標的規律和習慣，從影響用戶認知的因素中分析總結得到對用戶友好的圖標應該達到的要求。關鍵詞：用戶認知；人機界面；圖標設計人機界面本文討論的“人機”是指人和計算機，計算機是一種信息處理的工具，人和計算機之間最重要的交互就是信息的傳遞。人機交互的操作過程是用戶通過符號思維，明確需要達到的目標狀態，建立方式意圖，并轉化為機器的行為方式，然后在機器上找到符合意圖的符號并操作。機器執行操作并反饋結果，用戶根據反饋評價操作結果，如果沒有達到預期再重新建立方式意圖。而人對信息的獲取、處理、認知和計算機對信息的輸入輸出、處理、存儲截然不同，其中起著重要作用的就是如何轉換、表達人和計算機之間的信息交互了。現如今人機界面主要是圖形界面，圖形界面中信息的傳遞主要特征是：可視化，語法極小化和快速反饋。界面中的信息可以以圖形這種方式顯示，用戶采用點擊拖動等等的物理動作代替某些命令，用戶操作后即可在界面上得到反饋。近幾年VR大熱也出現了各種虛擬現實頭盔、3D鼠標等等更先進的交互設備，這些設備能夠提供更為真實自然的用戶界面，或許在將來自然用戶界面會代替圖形用戶界面。圖標什么是圖標百度百科里定義圖標是具有明確指代含義的計算機圖形。其中桌面圖標是軟件標識，界面中的圖標是功能標識。圖標和圖形的區別是圖形是一種說明性圖畫形象，本質上是圖畫，而圖標是一種傳遞操作信息的語言，圖標設計不是繪畫。而計算機界面中的圖標應該是一種基于設備的可以點擊的，用簡單直觀形象的、易于識別記憶的圖形來代表計算機的某些操作、功能或含義。它源自于生活中的各種圖形標識，是計算機應用圖形化的重要組成部分。圖標優勢操作表示當前人機界面主要采用三種方式表示操作，分別是英語單詞、漢語、圖標。其中圖形比英語單詞和漢語更容易被直接理解，并且人對圖形的記憶和回憶比文字強，知覺對文字的處理是逐字逐句線性處理的，但是對于圖形信息的處理卻是整體入手，因此人對圖形信息的處理量更大更快，所以圖標非常適合初級用戶。下達指令除了點擊圖標以外下達指令還有三種方式，分別是菜單、命令輸入和對話。下表分析三種方式與圖標相比的優缺點。方式對比圖標菜單菜單可以包含幾乎所有功能，也可以包含圖標，但是菜單所需屏幕面積比圖標大，而且菜單需要分層顯示，增加搜索時間，另外菜單主要是文字表示，除了不直觀外不同母語國家的用戶也會受到限制。圖標的形象與表達的實際內容相近用戶能更直接想象感受，通用形象可以被不同語言的人們所理解，比同等面積大小的文字具有更豐富的含義，并且圖標的大小和位置設計可以達到美化的目的。命令輸入命令輸入需要鍵盤等輸入設備輸入，并且需要用戶掌握一定的命令語言積累，對于初級用戶來說非常不友好。圖標點擊操作簡便快速，無需記憶文本命令。對話對話方式是由用戶以對話的方式對計算機給出指令，這是一種較為自然熟悉且門檻非常低的指令下達方式，但現今仍然受限于技術和設備問題，在將。來隨著人工智能的發展這種方式有望得到改進。圖標能使用戶及時掌握信息立即作出反應，工作流程更加自然流暢。圖標相較于以上三者有快速識別操作提高工作效率，節約屏幕空間簡潔美觀，形象直觀便于記憶的優勢。當前問題雖然圖標在人機界面中得到了非常廣泛的應用，但從很多實際情況來看，至今仍存在著許多的設計問題，很多圖標也并沒有真正發揮出其應有的作用。在《Photoshop軟件市場調研與營銷》中關于使用Photoshop軟件經常出現的錯誤調查中由于誤認圖表導致的錯誤超過了四分之一。這些圖標問題的主要原因是設計者對用戶思維的考慮不周，對圖標和界面系統以及用戶之間的關系認識不當，是現如今圖標設計仍存在的普遍性的問題。含義不清作為信息傳遞的使者，圖標的首要任務是要把各種操作的含義標注清楚。要很好地詮釋圖標的信息不能單靠設計者理所當然的單方面理解，設計者認為自己可以考慮到用戶的需求但設計和評價中卻很少真正的以用戶為中心。圖標的主要使用者是用戶而不是設計師，設計師在設計過程中不可能也不能代替用戶思考，設計師需要進行用戶調研從觀察用戶的使用過程中來更好地體會用戶思維，從用戶的角度去理解操作信息。生搬硬造計算機來自國外，圖標也自然先由國外傳輸進來，這樣就導致了早期國內的圖標設計流于形式機械地模仿國外的圖標，既不符合我國文化特點也不符合時代特征。它使得我們忽略了自己文化中大量的形式，使設計的東西缺乏文化特點，限制形式創新。另一個極端就是生造圖標。圖標區別于其他的表現形式就是在于它作為符號的一種能夠更直觀更容易理解，如果為了標新立異而憑空創造圖標會給用戶造成理解上的困難增加學習成本反而得不償失，忘了圖標的設計初衷。解釋隨意一個界面中的圖標一般都屬于一個系統或者一個面板，圖標的詮釋與設計就需要該從系統整體上考慮，圖標與圖標之間的關系應該納入考慮的范圍，用戶理解了一個系統中的一個圖標應該有助于他理解系統中的其他圖標。用戶認知界面圖標設計到了現在不僅要滿足基本的信息傳遞的功能而且也要求關注人的心理需求。為了要增強用戶和界面之間的友好程度設計師不僅需要掌握好圖標專業技能也需要對用戶有一個清晰的認識，既要了解人是如何接收信息行使操作。用戶與圖標用戶與圖標之間的動作非常簡單，大多數情況下只是點擊一下而已，這也是圖標的一個顯著優勢。但是在這個簡單的動作過程中也包含了大量的信息處理。首先用戶需要在腦海中建立目標意圖，再帶著這個意圖去搜索圖標，同時界面通過視覺提示將圖標信息傳遞給用戶，用戶接收到信息后由大腦處理并做出自己認為正確的判斷，點擊圖標等待系統反饋。我們可以從用戶與圖標的交互過程分析影響用戶認知圖標的因素。影響用戶認知的因素符號本身法國學者JBertin對視覺形態要素進行深入的研究，他提出的六個視覺變量包括色彩、尺寸、方向、密度、亮度、形狀。之后，視覺變量的內容又得到不斷地擴充，新增了空間排列、數量等形狀：圖標形狀包括外框和圖案。形狀是我們識別圖標的主要方式，這是我們辨識物體的一個習慣。但是相比辨識其他屬性如顏色、尺寸等辨識不同形狀需要更多的注意力尺寸：一般在同一個界面中的圖標大小是一樣的，圖標尺寸的變化可以吸引用戶的注意或者表示操作的狀態變化，圖標尺寸主要是在不同的系統、不同平臺中的規定不同色彩：通常一個界面中的圖標色彩也是控制在一定數量的，這樣利于此乃過程統一整體的視覺效果，并且圖標色彩在沒有特殊要求下一般采用低純度的柔和色彩，避免用戶因為長時間看著圖標界面而感到疲勞。此外一些顏色會有特定的含義，比如紅色會表示警告、注意，黃色表示提醒等。空間排列：空間上首先是把功能相關聯系的圖標緊密排列在一起，不同的圖標應有不同的區域分組。在同一區域內一般則按傳統認知習慣按先后重要程度由上至下、由左至右。知覺用戶認知圖標涉及到的知覺主要是視覺，輔助聽覺、觸覺等。視覺主導了用戶搜索圖標得到反饋的全過程，聽覺主要體現在反饋過程，觸覺主要是點擊圖標時的感受，但通常情況下對于普通設備并無差別。用戶對于同樣的圖標系統不用的用戶也會有不同的認知。事實上由于人本身的差異性，不同的用戶有不同的意圖目的、不同的認知方法，這些認知特性也會影響到用戶對于圖標的認知。系統這里的系統指的是圖標存在的環境，該系統所在的應用領域、使用環境、復雜程度都會影響用戶對圖標的認知。日常事務系統中的圖標表示的內容也相對簡單容易讓用戶辨識，專業領域中的圖標對于沒有一定專業知識的用戶來說可能需要一定的學習成本。以PS為例分析界面圖標Photoshop是Adobe公司推出的一款圖像處理軟件，用戶群較為廣泛，既有專業設計師也有設計愛好者、設計專業學生或者一些需要做圖像處理任務的形狀：圖標沒有外框，輪廓皆為不規則形狀尺存：大部分圖標尺寸為24x24像素，少數圖標有異，其中三個為16x16像素，一個為48x48像素。色彩：色彩為灰色系，主要是深灰色和淺灰色結合，選中時出現黑色邊框并且底色變為深灰色。 對比度：圖標主色為明度較高的灰色，面板色為明度低的灰色，兩者對比強大，容易識別 圖案：工具欄中的圖標圖案主要是使用工具隱喻，比如畫筆、橡皮擦、放大鏡、油漆桶等等。 數量：一個面板顯示20個小圖標，三個極小圖標，兩個大圖標 空間排列：工具欄中工具圖標按兩列排列，按功能分為四個區域，由上至下是選擇類工具（選區選擇、對象選擇、顏色選擇等）、繪圖類工具（畫筆、橡皮擦、油漆桶、放大鏡等）、文字形狀工具（文字、鋼筆、形狀等）Photoshop作為專業級圖像處理軟件，軟件界面整體設計冷靜，圖標以專業使用者習慣為導向，凸顯功能強大性。 適用于用戶認知的圖標用戶對圖標的認知其實是一個相互作用的過程，用戶自身的經歷背景、學識水平、生理特征等等都會影響圖標的認知和理解，反過來圖標的特征、使用環境和系統特點也會影響用戶。DonaldArthurNorman在《設計心理學》中把設計人員、用戶、系統分別歸于歸為設計模式、用戶模式、系統表象這三種概念模式圖。認為“設計模式是指設計人員所使用的概念模式,用戶模式是指用戶在與系統交引乍用過程中形成的概念模式,系統表象基于系統的物理結構包括用戶使用手冊和各種標示。”并提到“設計人員希望用戶模式與設計模式完全一樣,但問題是,設計人員無法與用戶直接交流,必須通過系統表象這一渠道。如果系統表象不能清晰準確地反映出設計模式,用戶就會在使用過程中,建立錯誤的觀念模式然后系統表象不完全或自相矛盾,就會給用戶帶來麻煩。”顯然當這三個體系達到統一的時候用戶使用圖標的錯誤才會減少。思維統一思維是人類特有的活動，但是我們也可以賦予圖標有思維的含義。一些抽象的系統命令比如轉化、反饋等等比較難從形象的角度定義圖標，但是從思維角度分析，先遵循用戶的思維角度將抽象的語義轉化成實際意義再按習慣性的聯想得到一個概念或者意義，再把這個概念或者意義轉化成熟悉的形狀特征。由此圖標的思維過程和用戶的思維過程統一后，即使用戶不能在第一眼看到圖標的時候就立刻明白圖標的含義，也能識得圖標理解的過程更加順暢和符合自然。要達到這一個要求實際上就需要從用戶的角度去構思一個圖標形成。行為方式統一人類在常年的勞動進化中已經形成了一定的動作意識，這種自動化的動作意識會影響到用戶理解動詞性圖標的含義。操作界面實際上也屬于人類行為方式的一種，都是通過感官接受信息并作出行為判斷。對于動詞性的圖標設計可以通過研究用戶的動作行為和行為習慣大大降低用戶由形象性圖標轉化成動詞性命令的理解難度。文化統一全球化影響下軟件系統等零運輸成本的產品幾乎沒有文化特性可言，全球各地的人機界面都是統一的，沒有地域性差異。但是文化作為人類歷史發展過程中及其重要的一部分，對人的語言、思維方式、生活習慣、宗教信仰、道德觀念等等形成包不同的影響。這些地域文化差異導致了用戶在使用圖標的時候對同一個圖標有不同的理解，比如西方會以黑白為莊重和純潔，但黑白在我國卻是出現在喪葬禮上。誠然在某些含義上圖標還是可以跨越國界、跨越時代的限制使得所有用戶接受并產生共鳴，這是圖標通俗性、通用性的一個優勢。但是圖標作為系統中的一員在具有民族特色、文化特征的產品上圖標不可避免地要加入文化的元素。更甚者如果是從產品的立意、精神、氣質上考慮，圖標上呈現的就不僅僅是紋樣符號這些表面的文化特征了，民族精神、文化氣息、審美情趣或許會成為引起共鳴的圖標特征。圖形界面剛面世時人機界面圖標只是為了更方便地承載信息，到了今天人機界面圖標已經非常人性化