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

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

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

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

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