劉宣慧

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

1 UI設(shè)計(jì)概念

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

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

1.2 UI設(shè)計(jì)的組成

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

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

2.1 認(rèn)知摩擦概念

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

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

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

3 通過(guò)UI設(shè)計(jì)消除使用中的認(rèn)知摩擦

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

3.1 用戶研究消除認(rèn)知摩擦的重要作用

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

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

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

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

3.2.1 界面形態(tài)

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

3.2.2 色彩

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

3.2.3 風(fēng)格

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

4 總結(jié)

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

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

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

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

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

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