UI人機(jī)界面設(shè)計(jì)PPT課件

1、 UI的本意是用戶界面，是英文User和interface的縮寫。從字面上看是用戶與界面2個(gè)組成部分，但實(shí)際上還包括用戶與界面之間的交互關(guān)系，所以這樣可分為3個(gè)方向，他們分別是：第1頁/共19頁 用戶研究包含兩個(gè)方面： 一是 可用性工程學(xué)（usability Engineering），研究如何提高產(chǎn)品的可用性，使得系統(tǒng)的設(shè)計(jì)更容易被人使用、學(xué)習(xí)和記憶； 二是 通過可用性工程學(xué)的研究，發(fā)掘用戶的潛在需求，為技術(shù)創(chuàng)新提供另外一條思路和方法（consumer insight）。用戶研究是一個(gè)跨學(xué)科的專業(yè)，涉及可用性工程學(xué)、人類功效學(xué)、心理學(xué)、市場研究學(xué)、教育學(xué)、設(shè)計(jì)學(xué)等等學(xué)科。用戶研究技術(shù)是站在人文

2、學(xué)科的角度來研究產(chǎn)品，站在用戶的角度介入到產(chǎn)品的開發(fā)和設(shè)計(jì)中。 用戶研究通過對于用戶的工作環(huán)境、產(chǎn)品的使用習(xí)慣等研究，使得在產(chǎn)品開發(fā)的前期能夠把用戶對于產(chǎn)品功能的期望、對設(shè)計(jì)和外觀方面的要求融入到產(chǎn)品的開發(fā)過程中去，從而幫助企業(yè)完善產(chǎn)品設(shè)計(jì)或者探索一個(gè)新產(chǎn)品概念。 第2頁/共19頁 2 2 交互設(shè)計(jì)交互設(shè)計(jì) 這部分指人與機(jī)之間的交互工程，在過去交互設(shè)計(jì)也由程序員來做，其實(shí)程序員擅長編碼，而不善于與最終用戶交互。 3 3 界面設(shè)計(jì)界面設(shè)計(jì) 界面設(shè)計(jì)不是單純的美術(shù)繪畫，他需要定位使用者、使用環(huán)境、使用方式并且為最終用戶而設(shè)計(jì)，是純粹的科學(xué)性的藝術(shù)設(shè)計(jì)。 一個(gè)通用消費(fèi)類軟件界面的設(shè)計(jì)大體可分為五個(gè)步

3、驟： 1.1.需求階段 2.2.分析設(shè)計(jì)階段 3.3.調(diào)研驗(yàn)證階段 4.4.方案改進(jìn)階段 5.5.用戶驗(yàn)證反饋階段 第3頁/共19頁 UI的分類 Graphics User Interface 圖形用戶界面有時(shí)也稱為WIMP=Window/Icon/Menu/Pointing Device 窗口、圖標(biāo)、菜單、指點(diǎn)設(shè)備 HUIHandset User Interface 手持設(shè)備用戶界面 WUI Web User Interface 網(wǎng)頁風(fēng)格用戶界面 第4頁/共19頁 GUI 定義 GUI-Graphical User Interface即人機(jī)交互圖形化用戶界面設(shè)計(jì)。準(zhǔn)確來說GUI就是屏幕產(chǎn)品的

4、視覺體驗(yàn)和互動操作部分。GUI 應(yīng)用領(lǐng)域 手機(jī)通訊移動產(chǎn)品 第5頁/共19頁第6頁/共19頁GUI 準(zhǔn)則減少用戶的認(rèn)知負(fù)擔(dān) 第7頁/共19頁保持界面的一致性 第8頁/共19頁第9頁/共19頁第10頁/共19頁 滿足不同目標(biāo)用戶的創(chuàng)意需求 第11頁/共19頁 用戶界面友好性 第12頁/共19頁 圖標(biāo)識別平衡性 第13頁/共19頁 圖標(biāo)功能的一致性 第14頁/共19頁 建立界面與用戶的互動交流第15頁/共19頁 日本手機(jī)非常注重信息的傳達(dá)。優(yōu)質(zhì)的手機(jī)屏幕就是傳達(dá)這些信息的載體。日本手機(jī)市場另一個(gè)主要的特征是消費(fèi)者的使用習(xí)慣。 相較于其他國家, 日本手機(jī)使用者中利用手機(jī)傳送電子郵件、上網(wǎng)的比例相當(dāng)?shù)馗摺Ｋ?點(diǎn)2英寸左右，320 x240分辨率的lcd，使得用戶看后有種賞心悅目的感覺。主菜單常運(yùn)用剪影式的圖標(biāo)處理手法，借以優(yōu)質(zhì)的屏幕，畫面簡潔大方，卻又不乏精致細(xì)膩。第16頁/共19頁手機(jī)的主要功能和設(shè)置，分成了四個(gè)類別，對應(yīng)四個(gè)方向鍵。從9個(gè)、12個(gè)主菜單縮減到4個(gè)類別主菜單