UI設(shè)計對于消除認知摩擦的作用

劉宣慧

（沈陽航空航天大學(xué)，遼寧 沈陽110000）

1 UI設(shè)計概念

1.1 UI設(shè)計概念的出現(xiàn)

UI(User Interface)設(shè)計主要是指對軟件的人機交互、操作界面的整體設(shè)計。在人機系統(tǒng)模型中，人與機之間存在一個相互作用的“面”，稱為人——機界面，在人機界面上,人與機之間產(chǎn)生信息交流和控制活動。機器的各種顯示都“作用”于人，實現(xiàn)機——人信息傳遞；人通過視覺和聽覺等感官接受來自機器的信息，經(jīng)過腦的加工和決策之后對機施以動作，這時人——機實現(xiàn)信息傳遞。

1.2 UI設(shè)計的組成

UI設(shè)計包括用戶研究、交互設(shè)計、界面設(shè)計三個部分。用戶研究是通過調(diào)查了解用戶對產(chǎn)品的使用要求、使用過程、使用環(huán)境、使用習(xí)慣，站在用戶的角度去發(fā)現(xiàn)產(chǎn)品的功能需要，為界面設(shè)計提供研究方向。交互設(shè)計是人與機之間的交互工程，一般由軟件程序員來承擔，設(shè)計軟件的操作流程與操作規(guī)范，在于加強軟件的易用、易學(xué)、易理解。界面設(shè)計是屏幕產(chǎn)品的重要組成部分，是一個復(fù)雜的由不同學(xué)科參與的工程，認知心理學(xué)、設(shè)計學(xué)、語言學(xué)等，界面設(shè)計工作者實際上不是單純意義上的對界面進行美化，而是在進行用戶調(diào)查，對于界面層級交互的深入研究之后再對界面進行設(shè)計。

2 編程中產(chǎn)生的認知摩擦

2.1 認知摩擦概念

Cooper指出認知摩擦是“當人類智力遭遇隨問題變化而變化的復(fù)雜系統(tǒng)規(guī)則時遇到的阻力”。即認知摩擦是由于產(chǎn)品設(shè)計者根據(jù)既有的設(shè)計思維、設(shè)計習(xí)慣定勢對產(chǎn)品進行設(shè)計而使使用者不得不去適應(yīng)設(shè)計者而產(chǎn)生的?！案呖萍籍a(chǎn)品”由于新興的設(shè)計理念以及人類文化學(xué)、符號學(xué)、認知心理學(xué)等在產(chǎn)品形態(tài)中的契入，常常會令消費者一時無從下手。

2.2 認知摩擦產(chǎn)生原因

產(chǎn)品設(shè)計與使用是“編碼”與“解碼”的關(guān)系，由于設(shè)計者和使用者不同則在產(chǎn)品認知層面必然會有差別。認知摩擦產(chǎn)生因素一方面來自于企業(yè)的認識誤區(qū)，缺少調(diào)整正確的設(shè)計流程以及工程師、程序員和交互設(shè)計師的關(guān)系；另一方面來自于技術(shù)因素，技術(shù)以及操作復(fù)雜度疊加也是產(chǎn)生認知摩擦的重要原因。

3 通過UI設(shè)計消除使用中的認知摩擦

UI設(shè)計的提出就是希望可以更好的解決認知摩擦，由于認知摩擦主要是圍繞人的認知心理和物的表現(xiàn)形態(tài)等因素而產(chǎn)生的，UI設(shè)計的概念引導(dǎo)了設(shè)計重心的轉(zhuǎn)移，從關(guān)注設(shè)計程序的本身轉(zhuǎn)移到關(guān)注人、關(guān)注人與設(shè)計物的關(guān)聯(lián)上。正確處理設(shè)計師、產(chǎn)品和用戶這三者關(guān)系的設(shè)計方法都可以成為規(guī)避認知摩擦的手段。

3.1 用戶研究消除認知摩擦的重要作用

隨著產(chǎn)品功能的多樣化和復(fù)雜程度的增加，界面設(shè)計的好壞成為是否具有競爭優(yōu)勢的重要條件。所以在設(shè)計界面時，對用戶的研究及其重要。如果一個產(chǎn)品的界面引起了用戶的注意，界面自身就對使用者起到了一定的引導(dǎo)作用，避免使用過程中產(chǎn)生錯誤。

在界面設(shè)計過程中，界面的組件、布局、風(fēng)格很重要，設(shè)計的好壞決定著是否能支撐有效的交互。當計算機系統(tǒng)的用戶越來越由普通大眾組成的時候，對交互體驗的關(guān)注也越來越迫切，這時設(shè)計中對于認知摩擦的消除就會是一種習(xí)慣，界面的設(shè)計就會向著越來越人性化的方向發(fā)展。交互設(shè)計是一種致力于了解目標用戶和他們的期望的技術(shù)并，了解用戶在同產(chǎn)品交互時彼此的行為，了解“人”本身的心理和行為特點，還涉及到多個學(xué)科以及和多領(lǐng)域多背景的人員的溝通。

3.2 UI界面外觀設(shè)計如何提高可用性

在界面設(shè)計中，形式應(yīng)當符合功能。無論是人類的思維還是人工智能的思維，都是由原本簡單的設(shè)計元素相連而成，這些元素又會成為一個復(fù)雜的整體，即思想和感情的東西，這些思想和感情可以轉(zhuǎn)化為人類的體驗，在體驗中產(chǎn)生的認知摩擦可以通過界面形態(tài)、色彩和風(fēng)格的設(shè)計來消除。

3.2.1 界面形態(tài)

界面形態(tài)的一個重要方面,是與使用者進行交流的最直接最重要的信息載體。設(shè)計師通常利用特有的設(shè)計語言(如點、線、形的合理運用,尺度、形狀、比例及其相互之間的構(gòu)成關(guān)系操控,形體的分割與組合等)進行形態(tài)設(shè)計,提高可用性，并且傳遞設(shè)計師的理念與思想。

3.2.2 色彩

色彩在產(chǎn)品設(shè)計中處于非常重要的地位,承擔著十分重要的產(chǎn)品信息傳達任務(wù),是塑造產(chǎn)品形象的關(guān)鍵。從色彩的視覺心理角度分析,色彩相對于形和質(zhì)來說更感性,它的象征作用和對使用者情感的影響力遠大于形和質(zhì)。色彩是最抽象化的語言,作為首要的視覺審美要素,色彩深刻地影響著人們的視覺感受和心理情緒。人類對色彩的感覺最強烈、最直接,印象也最深刻。色彩對界面意境的形成有很重要的作用,在設(shè)計中色彩與具體的形、質(zhì)、功能結(jié)合,才能使認知更加明確。

3.2.3 風(fēng)格

在軟件系統(tǒng)的設(shè)計時要注重UI設(shè)計風(fēng)格整體性和外觀統(tǒng)一性以風(fēng)格和界面設(shè)計為主線，并貫穿于軟件系統(tǒng)設(shè)計的始終。UI設(shè)計師要用最簡潔、最漂亮的界面表現(xiàn)軟件產(chǎn)品，同時更要制定整個軟件的風(fēng)格，塑造軟件的形象，并且具體的描述每一個界面中的元素和布局、文字字體等信息。在設(shè)計過程中設(shè)計師一定要做出每種結(jié)構(gòu)每一個步驟的效果圖，最終確定軟件界面的呈現(xiàn)形式。

4 總結(jié)

在負責軟件系統(tǒng)設(shè)計高級程序員考慮如何將整個設(shè)計用代碼實現(xiàn)、怎么才能更有效的復(fù)用以前已有的模塊，而不是軟件是什么模樣會有什么樣風(fēng)格。UI的美術(shù)設(shè)計師必須主動和他們交流以保證UI設(shè)計各種想法能夠完整的實現(xiàn)，保證功能模塊風(fēng)格的整體性和軟件系統(tǒng)形象的統(tǒng)一性，如果有技術(shù)實現(xiàn)的問題還要及時做出修改。UI的美術(shù)設(shè)計師還需要根據(jù)客戶或者產(chǎn)品的特定需求做一些延伸性的設(shè)計，如軟件的安裝導(dǎo)航界面、產(chǎn)品的演示宣傳動畫、附帶桌面壁紙或者屏幕保護、代表軟件的卡通吉祥物、軟件的logo和廣告 banner等等，但這些在設(shè)計中都不能是僅僅的一個附屬，而是要對使用功能產(chǎn)生引導(dǎo)作用。

［1］庫帕.讓高科技回歸人性——交互設(shè)計之路[M].電子工業(yè)出版社,2006.

［2］楊響亮,楊君順,崔延琳.UI設(shè)計在塑造產(chǎn)品形象中的應(yīng)用研究[J].包裝工程,2007(09).

［3］賀傳熙.產(chǎn)品設(shè)計及使用過程中的認知摩擦分析[J].包裝工程,2010(04).

［4］陳瑋.用戶界面設(shè)計的現(xiàn)狀及對策[J].今日南國,2010(06).

［5］屠秀洞.淺談UI設(shè)計[J].電腦知識與技術(shù),2010(03).