第一篇：UI設(shè)計(jì)概念以及發(fā)展前景

UI設(shè)計(jì)基礎(chǔ)入門(mén) 一，UI設(shè)計(jì)的介紹

1.UI設(shè)計(jì)的簡(jiǎn)介： a.UI即User Interface(用戶(hù)界面)的簡(jiǎn)稱(chēng)。UI設(shè)計(jì)是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀(guān)的整體設(shè)計(jì)。好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品位，還要讓軟件的操作變得舒適簡(jiǎn)單、自由，充分體現(xiàn)軟件的定位和特點(diǎn)。

b.軟件設(shè)計(jì)可分為兩個(gè)部分：編碼設(shè)計(jì)與UI設(shè)計(jì)。UI的本意是用戶(hù)界面，是英文User和 Interface的縮寫(xiě)。從字面上看是用戶(hù)與界面2個(gè)部分組成，但實(shí)際上還包括用戶(hù)與界面之間的交互關(guān)系。

c.在飛速發(fā)展的電子產(chǎn)品中，界面設(shè)計(jì)工作一點(diǎn)點(diǎn)的被重視起來(lái)。做界面設(shè)計(jì)的“美工”也隨之被稱(chēng)之為“UI設(shè)計(jì)師”或“UI工程師”。其實(shí)軟件界面設(shè)計(jì)就像工業(yè)產(chǎn)品中的工業(yè)造型設(shè)計(jì)一樣，是產(chǎn)品的重要賣(mài)點(diǎn)。一個(gè)電子產(chǎn)品擁有美觀(guān)的界面會(huì)給人帶來(lái)舒適的視覺(jué)享受，拉近人與商品的距離，是建立在科學(xué)性之上的藝術(shù)設(shè)計(jì)。檢驗(yàn)一個(gè)界面的標(biāo)準(zhǔn)既不是某個(gè)項(xiàng)目開(kāi)發(fā)組領(lǐng)導(dǎo)的意見(jiàn)也不是項(xiàng)目成員投票的結(jié)果，而是終端用戶(hù)的感受。

2.UI設(shè)計(jì)職能：

a.圖形設(shè)計(jì)： 國(guó)內(nèi)大部分UI工作者都是從事這個(gè)行業(yè)。也有人稱(chēng)之為美工，但實(shí)際上不是單純意義上的美術(shù)工人，而是了解軟件產(chǎn)品、致力于提高軟件用戶(hù)體驗(yàn)的產(chǎn)品外形設(shè)計(jì)師。隨著時(shí)間的推移，美工這個(gè)詞將漸漸淡出。

這些設(shè)計(jì)師大多是美術(shù)院校畢業(yè)的，其中大部分是有美術(shù)設(shè)計(jì)教育背景，例如工業(yè)外形設(shè)計(jì)，裝潢設(shè)計(jì)，信息多媒體設(shè)計(jì)等。

b.交互設(shè)計(jì)： 在圖形界面產(chǎn)生之前，長(zhǎng)期以來(lái)UI設(shè)計(jì)師就是指交互設(shè)計(jì)師。交互設(shè)計(jì)師的工作內(nèi)容就是設(shè)計(jì)軟件的操作流程，樹(shù)狀結(jié)構(gòu)，軟件的結(jié)構(gòu)與操作規(guī)范（spec）等。一個(gè)軟件產(chǎn)品在編碼之前需要作的就是交互設(shè)計(jì)，并且確立交互模型，交互規(guī)范。

交互設(shè)計(jì)師一般都是軟件工程師背景居多，也有視覺(jué)設(shè)計(jì)師轉(zhuǎn)行進(jìn)入的。c.用戶(hù)測(cè)試/研究： 任何的產(chǎn)品為了保證質(zhì)量都需要測(cè)試，軟件的編碼需要測(cè)試，自然UI設(shè)計(jì)也需要被測(cè)試。這個(gè)測(cè)試和編碼沒(méi)有任何關(guān)系，主要是測(cè)試交互設(shè)計(jì)的合理性以及圖形設(shè)計(jì)的美觀(guān)性。測(cè)試方法一般都是采用焦點(diǎn)小組，用目標(biāo)用戶(hù)問(wèn)卷的形式來(lái)衡量UI設(shè)計(jì)的合理性。這個(gè)職位很重要，如果沒(méi)有這個(gè)職位，UI設(shè)計(jì)的好壞只能憑借設(shè)計(jì)師的經(jīng)驗(yàn)或者領(lǐng)導(dǎo)的審美來(lái)評(píng)判，這樣就會(huì)給企業(yè)帶來(lái)嚴(yán)重的風(fēng)險(xiǎn)性。

用戶(hù)研究工程師一般是心理學(xué)人文學(xué)背景比較合適。2.UI設(shè)計(jì)原則： 1.簡(jiǎn)易性

界面的簡(jiǎn)潔是要讓用戶(hù)便于使用、便于了解產(chǎn)品，并能減少用戶(hù)發(fā)生錯(cuò)誤選擇的可能性。

2.用戶(hù)語(yǔ)言

界面中要使用能反映用戶(hù)本身的語(yǔ)言，而不是游戲設(shè)計(jì)者的語(yǔ)言。3.記憶負(fù)擔(dān)最小化

人腦不是電腦，在設(shè)計(jì)界面時(shí)必須要考慮人類(lèi)大腦處理信息的限度。人類(lèi)的短期記憶有限且極不穩(wěn)定，24小時(shí)內(nèi)存在約25%的遺忘率。所以對(duì)用戶(hù)來(lái)說(shuō)，瀏覽信息要比記憶更容易。

4.一致性

它是每一個(gè)優(yōu)秀界面都具備的特點(diǎn)。界面的結(jié)構(gòu)必須清晰且一致，風(fēng)格必須與產(chǎn)品內(nèi)容相一致。

5.清楚

在視覺(jué)效果上便于理解和使用。6.用戶(hù)的熟悉程度

用戶(hù)可通過(guò)已掌握的知識(shí)來(lái)使用界面，但不應(yīng)超出一般常識(shí)。7.從用戶(hù)習(xí)慣考慮

想用戶(hù)所想，做用戶(hù)所做。用戶(hù)總是按照他們自己的方法理解和使用。

通過(guò)比較兩個(gè)不同世界(真實(shí)與虛擬)的事物，完成更好的設(shè)計(jì)。如：書(shū)籍對(duì)比竹簡(jiǎn)。8.排列

一個(gè)有序的界面[1] 能讓用戶(hù)輕松的使用。

9.安全性

用戶(hù)能自由的作出選擇，且所有選擇都是可逆的。在用戶(hù)作出危險(xiǎn)的選擇時(shí)有信息介入系統(tǒng)的提示。

10.靈活性

簡(jiǎn)單來(lái)說(shuō)就是要讓用戶(hù)方便的使用，但不同于上述。即互動(dòng)多重性，不局限于單一的工具(包括鼠標(biāo)、鍵盤(pán)或手柄、界面)。

11.人性化

高效率和用戶(hù)滿(mǎn)意度是人性化的體現(xiàn)。應(yīng)具備專(zhuān)家級(jí)和初級(jí)玩家系統(tǒng)，即用戶(hù)可依據(jù)自己的習(xí)慣定制界面，并能保存設(shè)置。

UI常見(jiàn)的手機(jī)UI

二，UI設(shè)計(jì)的前景

1，UI即用戶(hù)界面設(shè)計(jì)行業(yè)剛剛在全球軟件業(yè)興起，屬于高新技術(shù)設(shè)計(jì)產(chǎn)業(yè)，與國(guó)外在同步發(fā)展水平。其次國(guó)內(nèi)外眾多大型IT企業(yè)(例如：百度、騰訊、Yahoo、中國(guó)移動(dòng)、Nokia、聯(lián)想、網(wǎng)易、微軟、盛大、淘寶等眾多企業(yè))均已成立專(zhuān)業(yè)的UI設(shè)計(jì)部門(mén)，但專(zhuān)業(yè)人才稀缺，人才資源爭(zhēng)奪激烈。就業(yè)市場(chǎng)供不應(yīng)求。

2，華信智原UI設(shè)計(jì)工作的年薪基本保持在10到15萬(wàn)，經(jīng)驗(yàn)豐富者可以達(dá)到20萬(wàn)，資深的UI設(shè)計(jì)人員年薪可以更高。

3，UI設(shè)計(jì)師不單純從事美術(shù)繪畫(huà)，更需要對(duì)軟件使用者、使用環(huán)境、使用方式進(jìn)行定位，并終為軟件用戶(hù)服務(wù)。UI設(shè)計(jì)師進(jìn)行的是集科學(xué)性與藝術(shù)性于一身的設(shè)計(jì)，他們需要完成的，簡(jiǎn)單說(shuō)來(lái)，正是一個(gè)不斷為用戶(hù)設(shè)計(jì)視覺(jué)效果使之滿(mǎn)意的過(guò)程。

4，設(shè)計(jì)從工作內(nèi)容上來(lái)說(shuō)分為3大類(lèi)別，即研究工具，研究人與界面的關(guān)系，研究人。與之相應(yīng)，UI設(shè)計(jì)師的職能大體包括三方面：一是圖形設(shè)計(jì)，即傳統(tǒng)意義上的“美工”。當(dāng)然，實(shí)際上他們承擔(dān)的不是單純意義上美術(shù)工人的工作，而是軟件產(chǎn)品的產(chǎn)品“外形”設(shè)計(jì)。二是交互設(shè)計(jì)，主要在于設(shè)計(jì)軟件的操作流程、樹(shù)狀結(jié)構(gòu)、操作規(guī)范等。一個(gè)軟件產(chǎn)品在編碼之前需要做的就是交互設(shè)計(jì)，并且確立交互模型，交互規(guī)范。三是用戶(hù)測(cè)試/研究，這里所謂的“測(cè)試”，其目標(biāo)恰在于測(cè)試交互設(shè)計(jì)的合理性及圖形設(shè)計(jì)的美觀(guān)性，主要通過(guò)以目標(biāo)用戶(hù)問(wèn)卷的形式衡量UI設(shè)計(jì)的合理性。如果沒(méi)有這方面的測(cè)試研究，UI設(shè)計(jì)的好壞只能憑借設(shè)計(jì)師的經(jīng)驗(yàn)或者領(lǐng)導(dǎo)的審美來(lái)評(píng)判，這樣就會(huì)給企業(yè)帶來(lái)極大的風(fēng)險(xiǎn)。

5，UI設(shè)計(jì)從工作內(nèi)容上來(lái)說(shuō)分為3大類(lèi)別，即研究工具，研究人與界面的關(guān)系，研究人。與之相應(yīng)，UI設(shè)計(jì)師的職能大體包括三方面：一是圖形設(shè)計(jì)，即傳統(tǒng)意義上的“美工”。當(dāng)然，實(shí)際上他們承擔(dān)的不是單純意義上美術(shù)工人的工作，而是軟件產(chǎn)品的產(chǎn)品“外形”設(shè)計(jì)。二是交互設(shè)計(jì)，主要在于設(shè)計(jì)軟件的操作流程、樹(shù)狀結(jié)構(gòu)、操作規(guī)范等。一個(gè)軟件產(chǎn)品在編碼之前需要做的就是交互設(shè)計(jì)，并且確立交互模型，交互規(guī)范。三是用戶(hù)測(cè)試/研究，這里所謂的“測(cè)試”，其目標(biāo)恰在于測(cè)試交互設(shè)計(jì)的合理性及圖形設(shè)計(jì)的美觀(guān)性，主要通過(guò)以目標(biāo)用戶(hù)問(wèn)卷的形式衡量UI設(shè)計(jì)的合理性。如果沒(méi)有這方面的測(cè)試研究，UI設(shè)計(jì)的好壞只能憑借設(shè)計(jì)師的經(jīng)驗(yàn)或者領(lǐng)導(dǎo)的審美來(lái)評(píng)判，這樣就會(huì)給企業(yè)帶來(lái)極大的風(fēng)險(xiǎn)。

6，市場(chǎng)經(jīng)濟(jì)需要競(jìng)爭(zhēng)，競(jìng)爭(zhēng)就會(huì)需要設(shè)計(jì)來(lái)提高產(chǎn)品競(jìng)爭(zhēng)力。2000年以前國(guó)內(nèi)的UI設(shè)計(jì)剛開(kāi)始萌芽，但當(dāng)時(shí)做UI等于做平面設(shè)計(jì)，基本也體現(xiàn)在網(wǎng)頁(yè)設(shè)計(jì)上，后來(lái)隨著flash的流行，一部分美術(shù)設(shè)計(jì)師開(kāi)始去思考互動(dòng)性。到了2002年一些企業(yè)開(kāi)始重視到UI設(shè)計(jì)的重要性，紛紛把 UI部門(mén)從軟件編碼團(tuán)隊(duì)里提出來(lái)，開(kāi)始有了專(zhuān)門(mén)針對(duì)軟件產(chǎn)品的圖形設(shè)計(jì)師和交互設(shè)計(jì)師。2004年以后隨著手機(jī)，電腦附加軟件，MP3等大量產(chǎn)品上市，ID設(shè)計(jì)就和UI設(shè)計(jì)越來(lái)越緊密了，UI設(shè)計(jì)也開(kāi)始被提升到一個(gè)新的高度和重視程度。2005年國(guó)內(nèi)的UI設(shè)計(jì)已經(jīng)相對(duì)成熟了，有了專(zhuān)門(mén)的職業(yè)分工也出現(xiàn)了很多不錯(cuò)的UI一線(xiàn)設(shè)計(jì)師與UI設(shè)計(jì)交流組織。

7，軟件UI 設(shè)計(jì)應(yīng)該屬于ID(工業(yè)產(chǎn)品設(shè)計(jì))的一個(gè)特殊形式，只是針對(duì)的材質(zhì)有所不同。但隨著智能化電子產(chǎn)品的普及，帶有液晶屏顯示的產(chǎn)品將越來(lái)越多。也就意味著越來(lái)越多的產(chǎn)品設(shè)計(jì)需要軟件UI設(shè)計(jì)。

8，隨著科技的發(fā)展，不久的將來(lái)所有的產(chǎn)品會(huì)組成一體，變成一個(gè)無(wú)處不在的電腦，這個(gè)電腦控制著用戶(hù)的所有家用產(chǎn)品和資料。用戶(hù)只要有自己的一個(gè)賬號(hào)，就可以通過(guò)任何一個(gè)產(chǎn)品來(lái)控制所有其它產(chǎn)品，而所有的產(chǎn)品都具有終端的功能。而這個(gè)終端操作的基本形式就是軟件的UI設(shè)計(jì)。

9，產(chǎn)品設(shè)計(jì)由物質(zhì)設(shè)計(jì)向非物質(zhì)設(shè)計(jì)轉(zhuǎn)變已經(jīng)開(kāi)始了，而且必將成為未來(lái)產(chǎn)品設(shè)計(jì)的主流，一個(gè)UI大時(shí)代即將到來(lái)。

10，從發(fā)展歷程上看，世紀(jì)之交，國(guó)內(nèi)的UI設(shè)計(jì)剛剛開(kāi)始萌芽，當(dāng)時(shí)做UI等于做平面設(shè)計(jì),基本體現(xiàn)在網(wǎng)頁(yè)設(shè)計(jì)上;而今，隨著技術(shù)領(lǐng)域的逐步拓展，產(chǎn)品生產(chǎn)的人性化意識(shí)日趨增強(qiáng)，越來(lái)越多的企業(yè)開(kāi)始注重交互設(shè)計(jì)、用戶(hù)測(cè)試方面的投入，UI設(shè)計(jì)領(lǐng)域“三足鼎立”的局面將越來(lái)越成為大勢(shì)所趨。這也就意味著兼具美術(shù)設(shè)計(jì)、程序編碼、市場(chǎng)調(diào)查、心理學(xué)分析等諸多方面綜合能力的UI設(shè)計(jì)師將擁有更為廣闊的發(fā)展前景。

11，UI設(shè)計(jì)中的交互設(shè)計(jì)方面已經(jīng)走過(guò)了基于字符方式的命令語(yǔ)言式界面的階段，目前正處于圖形用戶(hù)界面時(shí)代。但是，人們?nèi)圆粷M(mǎn)足于現(xiàn)狀，在積極探索新型風(fēng)格的人機(jī)交互技術(shù)。當(dāng)前語(yǔ)音識(shí)別技術(shù)和計(jì)算機(jī)聯(lián)機(jī)手寫(xiě)識(shí)別技術(shù)的商業(yè)成功讓人們看到了自然人機(jī)交互的曙光。虛擬現(xiàn)實(shí)和多通道用戶(hù)界面的迅速發(fā)展也顯示出未來(lái)人機(jī)交互技術(shù)的發(fā)展趨勢(shì)——“人機(jī)和諧”的多維信息空間。這些新技術(shù)理念的出現(xiàn)對(duì)UI設(shè)計(jì)師來(lái)說(shuō)既是機(jī)遇又是挑戰(zhàn)。

12，如今，國(guó)內(nèi)的UI設(shè)計(jì)日益發(fā)展，有了專(zhuān)門(mén)的職業(yè)分工也開(kāi)始出現(xiàn)一些較高水準(zhǔn)的一線(xiàn)設(shè)計(jì)師與UI設(shè)計(jì)交流組織。但總的來(lái)說(shuō)，在這一領(lǐng)域，我們與西方發(fā)達(dá)國(guó)家間的差距仍是顯而易見(jiàn)的。軟件領(lǐng)域不像物質(zhì)產(chǎn)品那樣，存在工藝、材料上的限制，其核心問(wèn)題恰在于人。因此，提高軟件UI設(shè)計(jì)師的個(gè)人能力，真正提升軟件產(chǎn)品的人性化程度，已成為中國(guó)UI發(fā)展的重中之重。

第二篇：UI設(shè)計(jì)師的發(fā)展前景

UI設(shè)計(jì)師的發(fā)展前景

UI設(shè)計(jì)，想必許多人也沒(méi)聽(tīng)說(shuō)過(guò)這一行業(yè)，即使是從事互聯(lián)網(wǎng)工作的人們。那么，對(duì)于從事ui設(shè)計(jì)工作的設(shè)計(jì)師們，你們讀ui設(shè)計(jì)的初衷又是什么呢？就業(yè)前景在哪里？廣州最好的設(shè)計(jì)公司就帶著大家一起來(lái)看看ui設(shè)計(jì)的酒業(yè)前景。

UI即用戶(hù)界面設(shè)計(jì)行業(yè)剛剛在全球軟件業(yè)興起，屬于高新技術(shù)設(shè)計(jì)產(chǎn)業(yè)，與國(guó)外在同步發(fā)展水平。其次國(guó)內(nèi)外眾多大型IT企業(yè)(例如：百度、騰訊、Yahoo、中國(guó)移動(dòng)、Nokia、聯(lián)想、網(wǎng)易、微軟、盛大、淘寶等眾多企業(yè))均已成立專(zhuān)業(yè)的UI設(shè)計(jì)部門(mén)，但專(zhuān)業(yè)人才稀缺，人才資源爭(zhēng)奪激烈。但全國(guó)UI設(shè)計(jì)專(zhuān)業(yè)的系統(tǒng)教學(xué)極其稀少。UI設(shè)計(jì)學(xué)院作為首家UI設(shè)計(jì)師的培訓(xùn)基地為國(guó)內(nèi)外知名品牌企業(yè)提供優(yōu)秀的專(zhuān)業(yè)設(shè)計(jì)人才。就業(yè)市場(chǎng)供不應(yīng)求。

UI設(shè)計(jì)工作的年薪基本保持在10到15萬(wàn)，少有經(jīng)驗(yàn)者可以達(dá)到20萬(wàn)，資深的UI設(shè)計(jì)人員年薪可以更高。

第三篇：《UI設(shè)計(jì)》課程標(biāo)準(zhǔn)

《UI設(shè)計(jì)》學(xué)習(xí)領(lǐng)域課程標(biāo)準(zhǔn)

執(zhí)筆：甄珍

審核：

時(shí)間： 2013-5-

5一、學(xué)習(xí)領(lǐng)域定位

“UI”熱是近幾年來(lái)興起的潮流，近幾年國(guó)內(nèi)很多從事手機(jī)，軟件，網(wǎng)站，增值服務(wù)等企業(yè)和公司都設(shè)立了這個(gè)部門(mén)。還有很多專(zhuān)門(mén)從事UI設(shè)計(jì)的公司也應(yīng)運(yùn)而生。

正是鑒于目前UI行業(yè)的發(fā)展?fàn)顩r，本專(zhuān)業(yè)第一次開(kāi)設(shè)計(jì)《UI設(shè)計(jì)》課程。

《UI設(shè)計(jì)》是所有與網(wǎng)絡(luò)通信軟件相關(guān)專(zhuān)業(yè)課程，該課程既可以鞏固前期所學(xué)的設(shè)計(jì)基礎(chǔ)理論知識(shí)和設(shè)計(jì)軟件應(yīng)用知識(shí)，還重在給學(xué)生開(kāi)拓新的專(zhuān)業(yè)知識(shí)面，認(rèn)知一個(gè)新的設(shè)計(jì)領(lǐng)域，從而拓展職業(yè)能力和就業(yè)選擇面。

二、職業(yè)分析

目前UI即用戶(hù)界面設(shè)計(jì)行業(yè)剛剛在全球軟件業(yè)興起，屬于高新技術(shù)設(shè)計(jì)產(chǎn)業(yè)，與國(guó)外在同步發(fā)展水平。其次國(guó)內(nèi)外眾多大型IT企業(yè)(例如：百度、騰訊、Yahoo、中國(guó)移動(dòng)、Nokia、聯(lián)想、網(wǎng)易、微軟、盛大、淘寶等眾多企業(yè))均已成立專(zhuān)業(yè)的UI設(shè)計(jì)部門(mén)，但專(zhuān)業(yè)人才稀缺，人才資源爭(zhēng)奪激烈。但目前全國(guó)UI設(shè)計(jì)專(zhuān)業(yè)的系統(tǒng)教學(xué)極其稀少。UI設(shè)計(jì)師的待遇和地位也逐漸上升。

三、學(xué)習(xí)目標(biāo)

知識(shí)目標(biāo)：使學(xué)生能熟悉UI設(shè)計(jì)的流程和設(shè)計(jì)方法，并能使用制作有創(chuàng)意的，充滿(mǎn)視覺(jué)沖擊力的UI設(shè)計(jì)作品。

技能目標(biāo)：使學(xué)生學(xué)會(huì)系統(tǒng)規(guī)劃和全局思維，能夠完成一整套UI系統(tǒng)的設(shè)計(jì)。

素養(yǎng)目標(biāo)：使學(xué)生具備能從事UI系統(tǒng)的開(kāi)發(fā)與設(shè)計(jì)能力，培養(yǎng)學(xué)生團(tuán)隊(duì)合作、及獨(dú)立思考能力。

四、學(xué)習(xí)內(nèi)容

四、學(xué)習(xí)領(lǐng)域課程設(shè)計(jì)思路

（一）設(shè)計(jì)理念

五、考核方式

學(xué)生成績(jī)的評(píng)定，以學(xué)生平時(shí)表現(xiàn)和任務(wù)完成情況及最終考核來(lái)核定。評(píng)分細(xì)則如下表：

其中，平時(shí)成績(jī)包括平時(shí)上課的表現(xiàn)和各任務(wù)的完成情況，占總成績(jī)的30％；最終考核成績(jī)所用考核方式為機(jī)試，占總成績(jī)的70％。

第四篇：UI設(shè)計(jì)流程

UI設(shè)計(jì)流程

階段一：分析

1用戶(hù)需求分析 2用戶(hù)交互場(chǎng)景分析 3競(jìng)爭(zhēng)產(chǎn)品分析

這兩者可以說(shuō)是相輔相成的。對(duì)于一個(gè)較為正規(guī)的項(xiàng)目而言，必然有對(duì)用戶(hù)需求的分析內(nèi)容。Tanjurd瑭錦資深UI設(shè)計(jì)師表示其中用戶(hù)UI需求是重要的組成部分。如果說(shuō)UI設(shè)計(jì)原則是所有UI設(shè)計(jì)的出發(fā)點(diǎn)的話(huà)，那么用戶(hù)UI需求就是本次設(shè)計(jì)的出發(fā)是好的UI設(shè)計(jì)建立在對(duì)用戶(hù)深刻了解之上。因此用戶(hù)交互場(chǎng)景分析就很重要。對(duì)于大部分項(xiàng)目組來(lái)說(shuō)也許沒(méi)有時(shí)間和精力去實(shí)際勘查用戶(hù)的現(xiàn)有交互、制作完善的交互模型考察，但是UI設(shè)計(jì)人員在分析的時(shí)候一定要站在用戶(hù)角度思考：如果我是用戶(hù)，這里我會(huì)需要什么。競(jìng)爭(zhēng)產(chǎn)品能夠上市并且被UI設(shè)計(jì)者知道，必然有其長(zhǎng)處。這就是所謂三人行必有我?guī)煹囊馑?。每個(gè)設(shè)計(jì)者的思維都有局限性，看到別人的設(shè)計(jì)會(huì)有觸類(lèi)旁通的好處。當(dāng)然有的時(shí)候可以參考的并不一定是競(jìng)爭(zhēng)產(chǎn)品。

階段二 設(shè)計(jì)需求：（葉面設(shè)計(jì)前需提給UI頁(yè)面組）

1.系統(tǒng)設(shè)計(jì)需求文檔。2.系統(tǒng)結(jié)構(gòu)文檔（例如欄目劃分，目錄結(jié)構(gòu)，導(dǎo)航方式等）。3.較復(fù)雜頁(yè)面表現(xiàn)形式草圖（手繪或相關(guān)軟件繪制）。4.較復(fù)雜業(yè)務(wù)流程文檔。5.如有可能提供參考和示例站點(diǎn)。6.與程序員溝通部分頁(yè)面實(shí)現(xiàn)方法。

段三：頁(yè)面制作：

1.經(jīng)過(guò)確認(rèn)的美術(shù)設(shè)計(jì)的方案圖7.系統(tǒng)設(shè)計(jì)需求文檔等，較復(fù)雜務(wù)流程文檔。2.所需頁(yè)面腳本需求，與程序員溝通部分頁(yè)面實(shí)現(xiàn)方法。3提交給程序

用戶(hù)交互case圖（說(shuō)明用戶(hù)和系統(tǒng)之間的聯(lián)系）用戶(hù)交互流程圖（說(shuō)明交互和事件之間的聯(lián)系）交互功能設(shè)計(jì)圖（說(shuō)明功能和交互的對(duì)應(yīng)關(guān)系）最終得到UI的設(shè)計(jì)產(chǎn)品。

階段四：驗(yàn)證

界面測(cè)試：（頁(yè)面組提交給測(cè)試組包括：1.經(jīng)確認(rèn)的設(shè)計(jì)方案圖。2.靜態(tài)模板頁(yè)面。以上二項(xiàng)均為便于查看嵌入程序后的葉面情況。3.常出現(xiàn)的界面錯(cuò)誤：圖片錯(cuò)誤，頁(yè)面不美觀(guān)，布局不合理，與原先設(shè)計(jì)不符，文字 錯(cuò)誤HTML代碼錯(cuò)誤，頁(yè)面程序錯(cuò)誤。4.界面bug測(cè)試報(bào)告：

正如Tanjurd瑭錦國(guó)際UI交互設(shè)計(jì)原則文中提到的，對(duì)于UI產(chǎn)品的驗(yàn)證主要從下面幾個(gè)方面入手：

1、功能性對(duì)照UI設(shè)計(jì)的再好，和需求不一致也不可以。

2、實(shí)用性?xún)?nèi)部測(cè)試UI設(shè)計(jì)的最重要點(diǎn)就是實(shí)用性。

3、用戶(hù)焦點(diǎn)小組UI設(shè)計(jì)是否優(yōu)秀的重要衡量依據(jù)。最后，瑭錦Tanjurd說(shuō)一點(diǎn)其他的問(wèn)題。現(xiàn)在往往認(rèn)為交互式設(shè)計(jì)和最終的UI效果設(shè)計(jì)可以截然分開(kāi)。這就好比說(shuō)需求可以和設(shè)計(jì)截然分開(kāi)，是不可能的。

總結(jié)：

1.產(chǎn)品定位與市場(chǎng)分析這一類(lèi)工作大多都是由新產(chǎn)品研發(fā)部門(mén)以及市場(chǎng)需求完成的，但UI設(shè)計(jì)師應(yīng)了解產(chǎn)品的市場(chǎng)定位、產(chǎn)品定義、客戶(hù)群體、運(yùn)營(yíng)方式等。

2.用戶(hù)研究與分析這個(gè)過(guò)程是非常重要的，設(shè)計(jì)師應(yīng)該找到合適的方法來(lái)完成此環(huán)節(jié)。你可以搜集相關(guān)資料分析目標(biāo)用戶(hù)的使用特征、情感、習(xí)慣、心里、需求等，提出用戶(hù)研究報(bào)告和可用性設(shè)計(jì)建議。這部分工作也可和團(tuán)隊(duì)配合完成。時(shí)間與項(xiàng)目需求允許的情況下，更可以制定實(shí)景用戶(hù)分析。

3.架構(gòu)設(shè)計(jì)這里涉及到比較多的界面交互與流程的設(shè)計(jì)，根據(jù)可用性分析結(jié)果制定交互方式、操作與跳轉(zhuǎn)流程、結(jié)構(gòu)、布局、信息和其他元素。

4.原型設(shè)計(jì)我覺(jué)得這里應(yīng)該是一個(gè)小的階段標(biāo)志，要對(duì)前面所有工作加以設(shè)計(jì)方面的實(shí)施，根據(jù)進(jìn)度與成本，可以把原型控制在“手繪－圖形－FLASH-視頻”幾個(gè)質(zhì)量范圍。原型的本質(zhì)更傾向與一個(gè)DEMO，它不需要有全部的功能，但要體現(xiàn)出設(shè)計(jì)對(duì)象的基本特性。

5.界面設(shè)計(jì)如果很傾向于圖形界面設(shè)計(jì)，這兒是你最喜歡的部分。但一定要結(jié)合循環(huán)討論過(guò)的分析結(jié)果做設(shè)計(jì)，否則你的作品很難被人信服。色調(diào)、風(fēng)格、界面、窗口、圖標(biāo)、皮膚的表現(xiàn)是本環(huán)節(jié)的關(guān)鍵。

6.界面輸出作為設(shè)計(jì)師，在這一部分的工作就是配合好開(kāi)發(fā)人員完成相關(guān)的界面結(jié)合。7.完善工作這個(gè)環(huán)節(jié)是很多部門(mén)共同參與的，包括可用性的循環(huán)研究、用戶(hù)體驗(yàn)回饋、測(cè)試回饋。同時(shí)，UI人員也應(yīng)該把一些可行性建議進(jìn)行完善。Tanjurd瑭錦表示很多設(shè)計(jì)師做了東西不喜歡改，這是一個(gè)大忌。

如上的流程，可能會(huì)有很多部門(mén)共同參與完成，UI設(shè)計(jì)師如何與團(tuán)隊(duì)配合并發(fā)揮自己應(yīng)有的作用非常重要。一名合格的UI設(shè)計(jì)師，應(yīng)該能貫穿整個(gè)UI流程進(jìn)行工作，而并非是單純的圖形界面設(shè)計(jì)。

第五篇：UI設(shè)計(jì)流程

UI設(shè)計(jì)流程

分析、設(shè)計(jì)、配合、驗(yàn)證

確認(rèn)目標(biāo)用戶(hù)

在軟件設(shè)計(jì)過(guò)程中，需求設(shè)計(jì)角色會(huì)確定軟件的目標(biāo)用戶(hù)，獲取最終用戶(hù)和直接用戶(hù)的需求。

用戶(hù)交互要考慮到目標(biāo)用戶(hù)的不同引起的交互設(shè)計(jì)重點(diǎn)的不同。

例如：對(duì)于科學(xué)用戶(hù)和對(duì)于電腦入門(mén)用戶(hù)的設(shè)計(jì)重點(diǎn)就不同。

采集目標(biāo)用戶(hù)的習(xí)慣交互方式

不同類(lèi)型的目標(biāo)用戶(hù)有不同的交互習(xí)慣。這種習(xí)慣的交互方式往往來(lái)源于其原有的針對(duì)現(xiàn)實(shí)的交互流程、已有軟件工具的交互流程。

當(dāng)然還要在此基礎(chǔ)上通過(guò)調(diào)研分析找到用戶(hù)希望達(dá)到的交互效果，并且以流程確認(rèn)下來(lái)。

提示和引導(dǎo)用戶(hù)

軟件是用戶(hù)的工具。因此應(yīng)該由用戶(hù)來(lái)操作和控制軟件。軟件響應(yīng)用戶(hù)的動(dòng)作和設(shè)定的規(guī)則。

對(duì)于用戶(hù)交互的結(jié)果和反饋，提示用戶(hù)結(jié)果和反饋信息，引導(dǎo)用戶(hù)進(jìn)行用戶(hù)需要的下一步操作。

一致性原則

設(shè)計(jì)目標(biāo)一致

軟件中往往存在多個(gè)組成部分（組件、元素）。不同組成部分之間的交互設(shè)計(jì)目標(biāo)需要一致。

例如：如果以電腦操作初級(jí)用戶(hù)作為目標(biāo)用戶(hù)，以簡(jiǎn)化界面邏輯為設(shè)計(jì)目標(biāo)，那么該目標(biāo)需要貫徹軟件（軟件包）整體，而不是局部。

元素外觀(guān)一致

交互元素的外觀(guān)往往影響用戶(hù)的交互效果。同一個(gè)（類(lèi)）軟件采用一致風(fēng)格的外觀(guān)，對(duì)于保持用戶(hù)焦點(diǎn)，改進(jìn)交互效果有很大幫助。遺憾的是如何確認(rèn)元素外觀(guān)一致沒(méi)有特別統(tǒng)一的衡量方法。因此需要對(duì)目標(biāo)用戶(hù)進(jìn)行調(diào)查取得反饋。

交互行為一致

在交互模型中，不同類(lèi)型的元素用戶(hù)觸發(fā)其對(duì)應(yīng)的行為事件后，其交互行為需要一致。

例如：所有需要用戶(hù)確認(rèn)操作的對(duì)話(huà)框都至少包含確認(rèn)和放棄兩個(gè)按鈕。

對(duì)于交互行為一致性原則比較極端的理念是相同類(lèi)型的交互元素所引起的行為事件相同。但是我們可以看到這個(gè)理念雖然在大部分情況下正確，但是的確有相反的例子證明不按照這個(gè)理念設(shè)計(jì)，會(huì)更加簡(jiǎn)化用戶(hù)操作流程。

可用性原則

可理解

軟件要為用戶(hù)使用，用戶(hù)必須可以理解軟件各元素對(duì)應(yīng)的功能。

如果不能為用戶(hù)理解，那么需要提供一種非破壞性的途徑，使得用戶(hù)可以通過(guò)對(duì)該元素的操作，理解其對(duì)應(yīng)的功能。

例如：刪除操作元素。用戶(hù)可以點(diǎn)擊刪除操作按鈕，提示用戶(hù)如何刪除操作或者是否確認(rèn)刪除操作，用戶(hù)可以更加詳細(xì)的理解該元素對(duì)應(yīng)的功能，同時(shí)可以取消該操作。

可達(dá)到

用戶(hù)是交互的中心，交互元素對(duì)應(yīng)用戶(hù)需要的功能。因此交互元素必須可以被用戶(hù)控制。

用戶(hù)可以用諸如鍵盤(pán)、鼠標(biāo)之類(lèi)的交互設(shè)備通過(guò)移動(dòng)和觸發(fā)已有的交互元素達(dá)到其它在此之前不可見(jiàn)或者不可交互的交互元素。

要注意的是交互的次數(shù)會(huì)影響可達(dá)到的效果。當(dāng)一個(gè)功能被深深隱藏（一般來(lái)說(shuō)超過(guò)4層）那么用戶(hù)達(dá)到該元素的幾率就大大降低了。

可達(dá)到的效果也同界面設(shè)計(jì)有關(guān)。過(guò)于復(fù)雜的界面會(huì)影響可達(dá)到的效果。（參考簡(jiǎn)單導(dǎo)向原則）

可控制

軟件的交互流程，用戶(hù)可以控制。

功能的執(zhí)行流程，用戶(hù)可以控制。

如果確實(shí)無(wú)法提供控制，則用能為目標(biāo)用戶(hù)理解的方式提示用戶(hù)

1、分析階段

需求分析、用戶(hù)場(chǎng)景模擬、競(jìng)品分析（聆聽(tīng)用戶(hù)心聲）。

需求分析：對(duì)于一個(gè)產(chǎn)品來(lái)說(shuō)，必然有對(duì)用戶(hù)需求的分析內(nèi)容，更多的是從MRD與PRD獲得，或者從產(chǎn)品需求評(píng)審會(huì)議上得到需求分析的內(nèi)容，當(dāng)然可以直接與產(chǎn)品經(jīng)理交流獲得相關(guān)產(chǎn)品需求。如果說(shuō)設(shè)計(jì)原則是所有設(shè)計(jì)的出發(fā)點(diǎn)的話(huà)，那么用戶(hù)需求就是本次設(shè)計(jì)的出發(fā)點(diǎn)。用戶(hù)場(chǎng)景模擬：好的設(shè)計(jì)建立在對(duì)用戶(hù)深刻了解之上。因此用戶(hù)使用場(chǎng)景分析就很重要，了解產(chǎn)品的現(xiàn)有交互以及用戶(hù)使用產(chǎn)品習(xí)慣等，但是設(shè)計(jì)人員在分析的時(shí)候一定要站在用戶(hù)角度思考：如果我是用戶(hù)，這里我會(huì)需要什么。

競(jìng)品分析（聆聽(tīng)用戶(hù)心聲）：競(jìng)爭(zhēng)產(chǎn)品能夠上市并且被UI設(shè)計(jì)者知道，必然有其長(zhǎng)處。這就是所謂三人行必有我?guī)煹囊馑肌Ｃ總€(gè)設(shè)計(jì)者的思維都有局限性，看到別人的設(shè)計(jì)會(huì)有觸類(lèi)旁通的好處。當(dāng)市場(chǎng)上存在競(jìng)品時(shí)，去聽(tīng)聽(tīng)用戶(hù)的評(píng)論，哪怕是罵聲都好，別沉迷于自己的設(shè)計(jì)中，讓真正的用戶(hù)說(shuō)話(huà)。

輸入物：MRD、PRD、市場(chǎng)需求文檔、市場(chǎng)調(diào)查報(bào)告、競(jìng)品分析文檔（或其一或全部）

輸出物：設(shè)計(jì)初稿（或許只是幾個(gè)簡(jiǎn)單的界面）

2、設(shè)計(jì)階段

設(shè)計(jì)方法采用面向場(chǎng)景、面向事件驅(qū)動(dòng)和面向?qū)ο蟮脑O(shè)計(jì)方法。面向場(chǎng)景是針對(duì)該產(chǎn)品使用場(chǎng)所等模擬，模擬用戶(hù)在多種情況下產(chǎn)品使用的模擬。面向事件驅(qū)動(dòng)則是對(duì)產(chǎn)品響應(yīng)與觸發(fā)事件的設(shè)計(jì)，一個(gè)提示框，一個(gè)提交按鈕……這類(lèi)都是對(duì)事件驅(qū)動(dòng)的設(shè)計(jì)。面向?qū)ο?，產(chǎn)品面向的用戶(hù)不同對(duì)于產(chǎn)品的設(shè)計(jì)要求不同，不同年齡層的用戶(hù)對(duì)于產(chǎn)品的要求不同，產(chǎn)品的用戶(hù)定位將對(duì)UI設(shè)計(jì)師影響因素。輸入物：交互文檔（高保真原型）輸出物：設(shè)計(jì)終稿（所有的設(shè)計(jì)稿）

3、配合

UI設(shè)計(jì)師交出產(chǎn)品設(shè)計(jì)圖時(shí)，更多的配合開(kāi)發(fā)人員、測(cè)試人員進(jìn)行截圖配合。配合開(kāi)發(fā)人員對(duì)于PSD格式的圖片切圖操作，對(duì)于不同的開(kāi)發(fā)人員的要求，切圖方式也有不同，UI設(shè)計(jì)師需配合相關(guān)的開(kāi)發(fā)人員進(jìn)行最適合的切圖配合。輸入物：設(shè)計(jì)終稿

輸出物：設(shè)計(jì)修改稿（設(shè)計(jì)稿切片）

4、驗(yàn)證

產(chǎn)品出來(lái)后，UI設(shè)計(jì)師需對(duì)產(chǎn)品的效果進(jìn)行驗(yàn)證，與當(dāng)初設(shè)計(jì)產(chǎn)品時(shí)的想法是否一致，是否可用，用戶(hù)是否接受，以及與需求是否一致。都需要UI設(shè)計(jì)師驗(yàn)證，UI設(shè)計(jì)師是將產(chǎn)品需求用圖片展現(xiàn)給用戶(hù)最直接的經(jīng)手人，對(duì)于產(chǎn)品的理解會(huì)更加深刻。輸入物：產(chǎn)品

輸出物：產(chǎn)品（面向用戶(hù)最終版本）

產(chǎn)品UI設(shè)計(jì)中夾雜著許多設(shè)計(jì)原則要求，統(tǒng)一公司UI設(shè)計(jì)流程，使UI設(shè)計(jì)師參與到產(chǎn)品設(shè)計(jì)整個(gè)環(huán)節(jié)中來(lái)，對(duì)產(chǎn)品的易用性進(jìn)行全流程負(fù)責(zé)，使UI設(shè)計(jì)的流程規(guī)范化，保證UI設(shè)計(jì)流程的可操作性。UI設(shè)計(jì)師應(yīng)該分析公司產(chǎn)品的特點(diǎn)，制定符合產(chǎn)品生命周期的UI設(shè)計(jì)流程。每個(gè)產(chǎn)品的生命周期中，UI設(shè)計(jì)師應(yīng)該嚴(yán)格按照流程，完成每個(gè)環(huán)節(jié)的職責(zé)，確保流程準(zhǔn)確有效的得到執(zhí)行，從而提高產(chǎn)品的可用性，提升產(chǎn)品質(zhì)量。GUI設(shè)計(jì)詳細(xì)流程定義：

1.項(xiàng)目開(kāi)始GUI設(shè)計(jì)時(shí)間點(diǎn)之前，明確客戶(hù)的GUI需求,了解機(jī)器外形硬件和軟件的特性。

2.概念設(shè)計(jì)【提供GUI設(shè)計(jì)方案幾套，參考產(chǎn)品組人員和領(lǐng)導(dǎo)層的建議，但最多3套，精心設(shè)計(jì)各套方案；項(xiàng)目組和產(chǎn)品組共同進(jìn)行方案評(píng)審會(huì)，決策方案；并且需要項(xiàng)目組提供真機(jī)，展開(kāi)界面的真機(jī)效果和環(huán)境測(cè)評(píng)，優(yōu)化界面顏色、亮度等細(xì)節(jié)）】； 3.詳細(xì)設(shè)計(jì)【需要明確界面研發(fā)的細(xì)節(jié)；建議項(xiàng)目提出強(qiáng)烈建議優(yōu)化的幾項(xiàng)產(chǎn)品設(shè)計(jì)點(diǎn)（用戶(hù)調(diào)查）】；對(duì)界面有變化的界面進(jìn)行統(tǒng)計(jì)，整理出文檔提交給UI層面技術(shù)工程師，做好相關(guān)的界面準(zhǔn)備工作。4.原型設(shè)計(jì)時(shí)間【目前國(guó)內(nèi)研發(fā)軟件的現(xiàn)狀通常此環(huán)節(jié)被忽略，但時(shí)間充足，建議按計(jì)劃進(jìn)行】 5.與UI層面的技術(shù)工程師共同展開(kāi)界面實(shí)現(xiàn)（界面實(shí)現(xiàn)和界面優(yōu)化的時(shí)間點(diǎn)控制在項(xiàng)目時(shí)間的百分之幾點(diǎn)，需要明確）

6.界面工程師制作好Demo，提交給項(xiàng)目負(fù)責(zé)人、決策人和UI用戶(hù)界面測(cè)試工程師（需要指定負(fù)責(zé)人），展開(kāi)用戶(hù)體驗(yàn)反饋建議匯總，提出用戶(hù)界面體驗(yàn)的反饋意見(jiàn)表（需要項(xiàng)目負(fù)責(zé)人支持）。

7.測(cè)試評(píng)估，盡早發(fā)現(xiàn)存在的交互設(shè)計(jì)和視覺(jué)設(shè)計(jì)的不足之處，進(jìn)行軟件界面的改善設(shè)計(jì)。

UI設(shè)計(jì)流程以及設(shè)計(jì)師參與的環(huán)節(jié)

最近的工作中總結(jié)出一條結(jié)論：擁有一個(gè)完善規(guī)范的流程，是決定著一個(gè)項(xiàng)目走向成功或失敗的關(guān)鍵。

對(duì)于UI設(shè)計(jì)的工作流程，我覺(jué)得可以根據(jù)“市場(chǎng)分析－用戶(hù)分析－架構(gòu)－原型－界面－輸出－完善”這條主線(xiàn)制定，每個(gè)環(huán)節(jié)UI設(shè)計(jì)師都應(yīng)參與其中。

1.產(chǎn)品定位與市場(chǎng)分析

這一類(lèi)工作大多都是由新產(chǎn)品研發(fā)部門(mén)以及市場(chǎng)需求完成的，但UI設(shè)計(jì)師應(yīng)了解產(chǎn)品的市場(chǎng)定位、產(chǎn)品定義、客戶(hù)群體、運(yùn)營(yíng)方式等。

2.用戶(hù)研究與分析

這個(gè)過(guò)程是非常重要的，設(shè)計(jì)師應(yīng)該找到合適的方法來(lái)完成此環(huán)節(jié)。你可以搜集相關(guān)資料分析目標(biāo)用戶(hù)的使用特征、情感、習(xí)慣、心里、需求等，提出用戶(hù)研究報(bào)告和可用性設(shè)計(jì)建議。這部分工作也可和團(tuán)隊(duì)配合完成。時(shí)間與項(xiàng)目需求允許的情況下，更可以制定實(shí)景用戶(hù)分析。

3.架構(gòu)設(shè)計(jì)

這里涉及到比較多的界面交互與流程的設(shè)計(jì)，根據(jù)可用性分析結(jié)果制定交互方式、操作與跳轉(zhuǎn)流程、結(jié)構(gòu)、布局、信息和其他元素。

4.原型設(shè)計(jì)

我覺(jué)得這里應(yīng)該是一個(gè)小的階段標(biāo)志，要對(duì)前面所有工作加以設(shè)計(jì)方面的實(shí)施，根據(jù)進(jìn)度與成本，可以把原型控制在“手繪－圖形－FLASH-視頻”幾個(gè)質(zhì)量范圍。原型的本質(zhì)更傾向與一個(gè)DEMO，它不需要有全部的功能，但要體現(xiàn)出設(shè)計(jì)對(duì)象的基本特性。

5.界面設(shè)計(jì)

如果很傾向于圖形界面設(shè)計(jì)，這兒是你最喜歡的部分。但一定要結(jié)合循環(huán)討論過(guò)的分析結(jié)果做設(shè)計(jì)，否則你的作品很難被人信服。色調(diào)、風(fēng)格、界面、窗口、圖標(biāo)、皮膚的表現(xiàn)是本環(huán)節(jié)的關(guān)鍵。

6.界面輸出

作為設(shè)計(jì)師，在這一部分的工作就是配合好開(kāi)發(fā)人員完成相關(guān)的界面結(jié)合。

7.完善工作

這個(gè)環(huán)節(jié)是很多部門(mén)共同參與的，包括可用性的循環(huán)研究、用戶(hù)體驗(yàn)回饋、測(cè)試回饋。同時(shí)，UI人員也應(yīng)該把一些可行性建議進(jìn)行完善。很多設(shè)計(jì)師做了東西不喜歡改，這是一個(gè)大忌。

如上的流程，可能會(huì)有很多部門(mén)共同參與完成，UI設(shè)計(jì)師如何與團(tuán)隊(duì)配合并發(fā)揮自己應(yīng)有的作用非常重要。一名合格的UI設(shè)計(jì)師，應(yīng)該能貫穿整個(gè)UI流程進(jìn)行工作，而并非是單純的圖形界面設(shè)計(jì)。

確認(rèn)目標(biāo)用戶(hù)

在軟件設(shè)計(jì)過(guò)程中，需求設(shè)計(jì)角色會(huì)確定軟件的目標(biāo)用戶(hù)，獲取最終用戶(hù)和直接用戶(hù)的需求。

用戶(hù)交互要考慮到目標(biāo)用戶(hù)的不同引起的交互設(shè)計(jì)重點(diǎn)的不同。

例如：對(duì)于科學(xué)用戶(hù)和對(duì)于電腦入門(mén)用戶(hù)的設(shè)計(jì)重點(diǎn)就不同。采集目標(biāo)用戶(hù)的習(xí)慣交互方式

不同類(lèi)型的目標(biāo)用戶(hù)有不同的交互習(xí)慣。這種習(xí)慣的交互方式往往來(lái)源于其原有的針對(duì)現(xiàn)實(shí)的交互流程、已有軟件工具的交互流程。

當(dāng)然還要在此基礎(chǔ)上通過(guò)調(diào)研分析找到用戶(hù)希望達(dá)到的交互效果，并且以流程確認(rèn)下來(lái)。

提示和引導(dǎo)用戶(hù)

軟件是用戶(hù)的工具。因此應(yīng)該由用戶(hù)來(lái)操作和控制軟件。軟件響應(yīng)用戶(hù)的動(dòng)作和設(shè)定的規(guī)則。

對(duì)于用戶(hù)交互的結(jié)果和反饋，提示用戶(hù)結(jié)果和反饋信息，引導(dǎo)用戶(hù)進(jìn)行用戶(hù)需要的下一步操作。一致性原則

設(shè)計(jì)目標(biāo)一致

軟件中往往存在多個(gè)組成部分（組件、元素）。不同組成部分之間的交互設(shè)計(jì)目標(biāo)需要一致。

例如：如果以電腦操作初級(jí)用戶(hù)作為目標(biāo)用戶(hù)，以簡(jiǎn)化界面邏輯為設(shè)計(jì)目標(biāo)，那么該目標(biāo)需要貫徹軟件（軟件包）整體，而不是局部。

元素外觀(guān)一致

交互元素的外觀(guān)往往影響用戶(hù)的交互效果。同一個(gè)（類(lèi)）軟件采用一致風(fēng)格的外觀(guān)，對(duì)于保持用戶(hù)焦點(diǎn)，改進(jìn)交互效果有很大幫助。遺憾的是如何確認(rèn)元素外觀(guān)一致沒(méi)有特別統(tǒng)一的衡量方法。因此需要對(duì)目標(biāo)用戶(hù)進(jìn)行調(diào)查取得反饋。

交互行為一致

在交互模型中，不同類(lèi)型的元素用戶(hù)觸發(fā)其對(duì)應(yīng)的行為事件后，其交互行為需要一致。

例如：所有需要用戶(hù)確認(rèn)操作的對(duì)話(huà)框都至少包含確認(rèn)和放棄兩個(gè)按鈕。

對(duì)于交互行為一致性原則比較極端的理念是相同類(lèi)型的交互元素所引起的行為事件相同。但是我們可以看到這個(gè)理念雖然在大部分情況下正確，但是的確有相反的例子證明不按照這個(gè)理念設(shè)計(jì)，會(huì)更加簡(jiǎn)化用戶(hù)操作流程?？捎眯栽瓌t

可理解

軟件要為用戶(hù)使用，用戶(hù)必須可以理解軟件各元素對(duì)應(yīng)的功能。

如果不能為用戶(hù)理解，那么需要提供一種非破壞性的途徑，使得用戶(hù)可以通過(guò)對(duì)該元素的操作，理解其對(duì)應(yīng)的功能。

例如：刪除操作元素。用戶(hù)可以點(diǎn)擊刪除操作按鈕，提示用戶(hù)如何刪除操作或者是否確認(rèn)刪除操作，用戶(hù)可以更加詳細(xì)的理解該元素對(duì)應(yīng)的功能，同時(shí)可以取消該操作。

可達(dá)到

用戶(hù)是交互的中心，交互元素對(duì)應(yīng)用戶(hù)需要的功能。因此交互元素必須可以被用戶(hù)控制。

用戶(hù)可以用諸如鍵盤(pán)、鼠標(biāo)之類(lèi)的交互設(shè)備通過(guò)移動(dòng)和觸發(fā)已有的交互元素達(dá)到其它在此之前不可見(jiàn)或者不可交互的交互元素。

要注意的是交互的次數(shù)會(huì)影響可達(dá)到的效果。當(dāng)一個(gè)功能被深深隱藏（一般來(lái)說(shuō)超過(guò)4層）那么用戶(hù)達(dá)到該元素的幾率就大大降低了。

可達(dá)到的效果也同界面設(shè)計(jì)有關(guān)。過(guò)于復(fù)雜的界面會(huì)影響可達(dá)到的效果。（參考簡(jiǎn)單導(dǎo)向原則）可控制

軟件的交互流程，用戶(hù)可以控制。

功能的執(zhí)行流程，用戶(hù)可以控制。

如果確實(shí)無(wú)法提供控制，則用能為目標(biāo)用戶(hù)理解的方式提示用戶(hù)。

上面的文章提到了UI設(shè)計(jì)的原則，并且對(duì)此做出了一些所謂的定義。大家要明白，本人對(duì)UI設(shè)計(jì)的研究時(shí)間不長(zhǎng)，這些原則只是個(gè)人體會(huì)。

因此就有人提出問(wèn)題：有了原則固然好，那么如何付諸實(shí)施呢？個(gè)人理解達(dá)到目標(biāo)是需要方法的，因此在UI設(shè)計(jì)原則里面東西拷貝了一些方法和模式。而能夠讓方法持續(xù)實(shí)施，達(dá)到目標(biāo)就需要流程-或者說(shuō)過(guò)程來(lái)保證。

所以這里就對(duì)流程進(jìn)行一下總結(jié)和探討。以付茶資吧！

我們把UI設(shè)計(jì)的流程分為一個(gè)出發(fā)點(diǎn)，4個(gè)階段。

[出發(fā)點(diǎn)]

1、了解UI設(shè)計(jì)的原則。

沒(méi)有原則，就喪失了設(shè)計(jì)的立足點(diǎn)。

2、了解UI交互模式

正如同編程不了解模式就會(huì)事半功倍一樣，UI設(shè)計(jì)不了解模式就會(huì)對(duì)設(shè)計(jì)原則的實(shí)施造成困惑。

3、了解UI交互元素及其功能

如果對(duì)于UI的基本交互元素和功能都不了解，如何設(shè)計(jì)UI呢？ [階段一：分析]

1、用戶(hù)需求分析

2、用戶(hù)交互場(chǎng)景分析

3、競(jìng)爭(zhēng)產(chǎn)品分析

這兩者可以說(shuō)是相輔相成的。對(duì)于一個(gè)較為正規(guī)的項(xiàng)目而言，必然有對(duì)用戶(hù)需求的分析內(nèi)容。其中用戶(hù)UI需求是重要的組成部分。如果說(shuō)UI設(shè)計(jì)原則是所有UI設(shè)計(jì)的出發(fā)點(diǎn)的話(huà)，那么用戶(hù)UI需求就是本次設(shè)計(jì)的出發(fā)點(diǎn)。

好的UI設(shè)計(jì)建立在對(duì)用戶(hù)深刻了解之上。因此用戶(hù)交互場(chǎng)景分析就很重要。對(duì)于大部分項(xiàng)目組來(lái)說(shuō)也許沒(méi)有時(shí)間和精力去實(shí)際勘查用戶(hù)的現(xiàn)有交互、制作完善的交互模型考察，但是UI設(shè)計(jì)人員在分析的時(shí)候一定要站在用戶(hù)角度思考：如果我是用戶(hù)，這里我會(huì)需要什么。

競(jìng)爭(zhēng)產(chǎn)品能夠上市并且被UI設(shè)計(jì)者知道，必然有其長(zhǎng)處。這就是所謂三人行必有我?guī)煹囊馑?。每個(gè)設(shè)計(jì)者的思維都有局限性，看到別人的設(shè)計(jì)會(huì)有觸類(lèi)旁通的好處。

當(dāng)然有的時(shí)候可以參考的并不一定是競(jìng)爭(zhēng)產(chǎn)品。[階段二：設(shè)計(jì)]

采用面向場(chǎng)景、面向事件驅(qū)動(dòng)和面向?qū)ο蟮脑O(shè)計(jì)方法。

UI設(shè)計(jì)著重于交互，因此必然要對(duì)最終用戶(hù)的交互場(chǎng)景進(jìn)行設(shè)計(jì)。

軟件是交互產(chǎn)品，用戶(hù)所作的就是對(duì)軟件事件的響應(yīng)以及觸發(fā)軟件內(nèi)置的事件。因此要面向事件設(shè)計(jì)。

現(xiàn)在的程序開(kāi)發(fā)主流采用的是面向?qū)ο笤O(shè)計(jì)。面向?qū)ο笤O(shè)計(jì)可以有效的體現(xiàn)面向場(chǎng)景和面向事件的特點(diǎn)。

設(shè)計(jì)的四個(gè)要素： 交互對(duì)象 數(shù)據(jù)對(duì)象

事件（交互事件和異常）動(dòng)作

[階段三：開(kāi)發(fā)] 通過(guò)：

用戶(hù)交互case圖（說(shuō)明用戶(hù)和系統(tǒng)之間的聯(lián)系）用戶(hù)交互流程圖（說(shuō)明交互和事件之間的聯(lián)系）交互功能設(shè)計(jì)圖（說(shuō)明功能和交互的對(duì)應(yīng)關(guān)系）最終得到UI的設(shè)計(jì)產(chǎn)品。[階段四：驗(yàn)證]

正如UI交互設(shè)計(jì)原則探討文中提到的，對(duì)于UI產(chǎn)品的驗(yàn)證主要從下面幾個(gè)方面入手：

1、功能性對(duì)照

UI設(shè)計(jì)的再好，和需求不一致也不可以。

2、實(shí)用性?xún)?nèi)部測(cè)試

UI設(shè)計(jì)的最重要點(diǎn)就是實(shí)用性。

3、用戶(hù)焦點(diǎn)小組

UI設(shè)計(jì)是否優(yōu)秀的重要衡量依據(jù)。