UI人機界面設(shè)計學習課程

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

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

3、是純粹的科學性的藝術(shù)設(shè)計。 一個通用消費類軟件界面的設(shè)計大體可分為五個步驟： 1.1.需求階段 2.2.分析設(shè)計階段 3.3.調(diào)研驗證階段 4.4.方案改進階段 5.5.用戶驗證反饋階段 第3頁/共19頁第三頁，編輯于星期日：二點 十八分。 UI的分類 Graphics User Interface 圖形用戶界面有時也稱為WIMP=Window/Icon/Menu/Pointing Device 窗口、圖標、菜單、指點設(shè)備 HUIHandset User Interface 手持設(shè)備用戶界面 WUI Web User Interface 網(wǎng)頁風格用戶界面 第4頁/共19頁第四頁，編輯于星期日：

4、二點 十八分。 GUI 定義 GUI-Graphical User Interface即人機交互圖形化用戶界面設(shè)計。準確來說GUI就是屏幕產(chǎn)品的視覺體驗和互動操作部分。GUI 應(yīng)用領(lǐng)域 手機通訊移動產(chǎn)品 第5頁/共19頁第五頁，編輯于星期日：二點 十八分。第6頁/共19頁第六頁，編輯于星期日：二點 十八分。GUI 準則減少用戶的認知負擔 第7頁/共19頁第七頁，編輯于星期日：二點 十八分。保持界面的一致性 第8頁/共19頁第八頁，編輯于星期日：二點 十八分。第9頁/共19頁第九頁，編輯于星期日：二點 十八分。第10頁/共19頁第十頁，編輯于星期日：二點 十八分。 滿足不同目標用戶的創(chuàng)意需求 第

5、11頁/共19頁第十一頁，編輯于星期日：二點 十八分。 用戶界面友好性 第12頁/共19頁第十二頁，編輯于星期日：二點 十八分。 圖標識別平衡性 第13頁/共19頁第十三頁，編輯于星期日：二點 十八分。 圖標功能的一致性 第14頁/共19頁第十四頁，編輯于星期日：二點 十八分。 建立界面與用戶的互動交流第15頁/共19頁第十五頁，編輯于星期日：二點 十八分。 日本手機非常注重信息的傳達。優(yōu)質(zhì)的手機屏幕就是傳達這些信息的載體。日本手機市場另一個主要的特征是消費者的使用習慣。 相較于其他國家, 日本手機使用者中利用手機傳送電子郵件、上網(wǎng)的比例相當?shù)馗?。所?點2英寸左右，320 x240分辨率的lcd，使得用戶看后有種賞心悅目的感覺。主菜單常運用剪影式的圖標處理手法，借以優(yōu)質(zhì)的屏幕，畫面簡潔大方，卻又不乏精致細膩。第16頁/共19頁第十六頁，編輯于星期日：二點 十八分。手機的主要功能和設(shè)置，分成了四個類別，對應(yīng)四個方向鍵。從9個、12個主菜單縮減到4個類別主菜單，大大簡化了用戶記憶菜單和操作點擊菜單的過程，手指的操作路徑也大大縮短。第17