人機(jī)交互界面設(shè)計(jì)的三個工作流程

在人和機(jī)器的互動過程（HumanMachineInteraction）中，有一個層面，即我們所說的界面（interface）。從心理學(xué)意義來分，界面可分為感覺（視覺、觸覺、聽覺等）和情感兩個層次。用戶界面設(shè)計(jì)是屏幕產(chǎn)品的重要組成部分。界面設(shè)計(jì)是一個復(fù)雜的有不同學(xué)科參與的工程，認(rèn)知心理學(xué)、設(shè)計(jì)學(xué)、語言學(xué)等在此都扮演著重要的角色。

用戶界面設(shè)計(jì)的三大原則是：置界面于用戶的控制之下；減少用戶的記憶負(fù)擔(dān)；保持界面的一致性。

用戶界面設(shè)計(jì)在工作流程上分為結(jié)構(gòu)設(shè)計(jì)、交互設(shè)計(jì)、視覺設(shè)計(jì)三個部分。

結(jié)構(gòu)設(shè)計(jì)StructureDesign

結(jié)構(gòu)設(shè)計(jì)也成概念設(shè)計(jì)（ConceptualDesign），是界面設(shè)計(jì)的骨架。通過對用戶研究和任務(wù)分析，制定出產(chǎn)品的整體架構(gòu)�；�于紙質(zhì)的的低保真原型（PaperPrototype）可提供用戶測試并進(jìn)行完善。在結(jié)構(gòu)設(shè)計(jì)中，目錄體系的邏輯分類和語詞定義是用戶易于理解和操作的重要前提。如西門子手機(jī)的設(shè)置鬧鐘的詞條是“重要記事”，讓用戶很難找到。

交互設(shè)計(jì)InteractiveDesign

交互設(shè)計(jì)的目的是使產(chǎn)品讓用戶能簡單使用。任何產(chǎn)品功能的實(shí)現(xiàn)都是通過人和機(jī)器的交互來完成的。因此，人的因素應(yīng)作為設(shè)計(jì)的核心被體現(xiàn)出來。交互設(shè)計(jì)的原則如下：

1)有清楚的錯誤提示。誤操作后，系統(tǒng)提供有針對性的提示。2)讓用戶控制界面�！跋乱徊健�、“完成”，面對不同層次提供多種選擇，給不同層次的用戶提供多種可能性。

3)允許兼用鼠標(biāo)和鍵盤。同一種功能，同時可以用鼠標(biāo)和鍵盤。提供多種可能性。4)允許工作中斷。例如用手機(jī)寫新短信的時候，收到短信或電話，完成后回來仍能夠找到剛才正寫的新短信。

5)使用用戶的語言，而非技術(shù)的語言。

6)提供快速反饋。給用戶心理上的暗示，避免用戶焦急。

7)方便退出。如手機(jī)的退出，是按一個鍵完全退出，還是一層一層的退出。提供兩種可能性。

8）導(dǎo)航功能。隨時轉(zhuǎn)移功能，很容易從一個功能跳到另外一個功能。9）讓用戶知道自己當(dāng)前的位置，使其做出下一步行動的決定。

視覺設(shè)計(jì)VisualDesign在結(jié)構(gòu)設(shè)計(jì)的基礎(chǔ)上，參照目標(biāo)群體的心理模型和任務(wù)達(dá)成進(jìn)行視覺設(shè)計(jì)。包括色彩、字體、頁面等。視覺設(shè)計(jì)要達(dá)到用戶愉悅使用的目的。視覺設(shè)計(jì)的原則如下：

1）界面清晰明了。允許用戶定制界面。

2）減少短期記憶的負(fù)擔(dān)。讓計(jì)算機(jī)幫助記憶，例：UserName,、Password、IE進(jìn)入界面地址可以讓機(jī)器記住。

3）依賴認(rèn)知而非記憶。如打印圖標(biāo)的記憶、下拉菜單列表中的選擇4）提供視覺線索。圖形符號的視覺的刺激；GUI（圖形界面設(shè)計(jì)）：Where,What,NextStep

5）提供默認(rèn)（default）、撤銷（undo）、恢復(fù)（redo）的功能6）提供界面的快捷方式

7）盡量使用真實(shí)世界的比喻。如：電話、打印機(jī)的圖標(biāo)設(shè)計(jì)，尊重用戶以往的使用經(jīng)驗(yàn)。

8）完善視覺的清晰度。條理清晰；圖片、文字的布局和隱喻不要讓用戶去猜。9）界面的協(xié)調(diào)一致。如手機(jī)界面按鈕排放，左鍵肯定；右鍵否定；或按內(nèi)容擺放。10）同樣功能用同樣的圖形。

11）色彩與內(nèi)容。整體軟件不超過5個色系，盡量少用紅色、綠色。近似的顏色表示近似的意思。

用戶界面設(shè)計(jì)構(gòu)筑了產(chǎn)品設(shè)計(jì)的基礎(chǔ)。如只有首先確定了手機(jī)菜單的交互形式，才能在造型設(shè)計(jì)上決定是采用五項(xiàng)鍵或上下鍵。

在國外，用戶界面設(shè)計(jì)人員有了一個新的稱謂：InformationArchitecture,信息建筑師。它不僅僅是指美工，而是具有心理學(xué)、軟件工程學(xué)、設(shè)計(jì)學(xué)等綜合知識的人]

擴(kuò)展閱讀：人機(jī)交互界面設(shè)計(jì)的三個工作流程

人機(jī)交互界面設(shè)計(jì)的三個工作流程.txt我們用一只眼睛看見現(xiàn)實(shí)的灰墻，卻用另一只眼睛勇敢飛翔，接近夢想。男人喜歡聽話的女人，但男人若是喜歡一個女人，就會不知不覺聽她的話。在人和機(jī)器的互動過程（HumanMachineInteraction）中，有一個層面，即我們所說的界面（interface）。從心理學(xué)意義來分，界面可分為感覺（視覺、觸覺、聽覺等）和情感兩個層次。用戶界面設(shè)計(jì)是屏幕產(chǎn)品的重要組成部分。界面設(shè)計(jì)是一個復(fù)雜的有不同學(xué)科參與的工程，認(rèn)知心理學(xué)、設(shè)計(jì)學(xué)、語言學(xué)等在此都扮演著重要的角色。

用戶界面設(shè)計(jì)的三大原則是：置界面于用戶的控制之下；減少用戶的記憶負(fù)擔(dān)；保持界面的一致性。

用戶界面設(shè)計(jì)在工作流程上分為結(jié)構(gòu)設(shè)計(jì)、交互設(shè)計(jì)、視覺設(shè)計(jì)三個部分。

結(jié)構(gòu)設(shè)計(jì)StructureDesign

結(jié)構(gòu)設(shè)計(jì)也成概念設(shè)計(jì)（ConceptualDesign），是界面設(shè)計(jì)的骨架。通過對用戶研究和任務(wù)分析，制定出產(chǎn)品的整體架構(gòu)�；�于紙質(zhì)的的低保真原型（PaperPrototype）可提供用戶測試并進(jìn)行完善。在結(jié)構(gòu)設(shè)計(jì)中，目錄體系的邏輯分類和語詞定義是用戶易于理解和操作的重要前提。如西門子手機(jī)的設(shè)置鬧鐘的詞條是“重要記事”，讓用戶很難找到。

交互設(shè)計(jì)InteractiveDesign

交互設(shè)計(jì)的目的是使產(chǎn)品讓用戶能簡單使用。任何產(chǎn)品功能的實(shí)現(xiàn)都是通過人和機(jī)器的交互來完成的。因此，人的因素應(yīng)作為設(shè)計(jì)的核心被體現(xiàn)出來。交互設(shè)計(jì)的原則如下：

1)有清楚的錯誤提示。誤操作后，系統(tǒng)提供有針對性的提示。

2)讓用戶控制界面�！跋乱徊健�、“完成”，面對不同層次提供多種選擇，給不同層次的用戶提供多種可能性。

3)允許兼用鼠標(biāo)和鍵盤。同一種功能，同時可以用鼠標(biāo)和鍵盤。提供多種可能性。4)允許工作中斷。例如用手機(jī)寫新短信的時候，收到短信或電話，完成后回來仍能夠找到剛才正寫的新短信。

5)使用用戶的語言，而非技術(shù)的語言。

6)提供快速反饋。給用戶心理上的暗示，避免用戶焦急。

7)方便退出。如手機(jī)的退出，是按一個鍵完全退出，還是一層一層的退出。提供兩種可能性。

8）導(dǎo)航功能。隨時轉(zhuǎn)移功能，很容易從一個功能跳到另外一個功能。9）讓用戶知道自己當(dāng)前的位置，使其做出下一步行動的決定。

視覺設(shè)計(jì)VisualDesign

在結(jié)構(gòu)設(shè)計(jì)的基礎(chǔ)上，參照目標(biāo)群體的心理模型和任務(wù)達(dá)成進(jìn)行視覺設(shè)計(jì)。包括色彩、字體、頁面等。視覺設(shè)計(jì)要達(dá)到用戶愉悅使用的目的。視覺設(shè)計(jì)的原則如下：

1）界面清晰明了。允許用戶定制界面。

2）減少短期記憶的負(fù)擔(dān)。讓計(jì)算機(jī)幫助記憶，例：UserName,、Password、IE進(jìn)入界面地址可以讓機(jī)器記住。

3）依賴認(rèn)知而非記憶。如打印圖標(biāo)的記憶、下拉菜單列表中的選擇

4）提供視覺線索。圖形符號的視覺的刺激；GUI（圖形界面設(shè)計(jì)）：Where,What,NextStep

5）提供默認(rèn)（default）、撤銷（undo）、恢復(fù)（redo）的功能

6）提供界面的快捷方式

7）盡量使用真實(shí)世界的比喻。如：電話、打印機(jī)的圖標(biāo)設(shè)計(jì)，尊重用戶以往的使用經(jīng)驗(yàn)。

8）完善視覺的清晰度。條理清晰；圖片、文字的布局和隱喻不要讓用戶去猜。9）界面的協(xié)調(diào)一致。如手機(jī)界面按鈕排放，左鍵肯定；右鍵否定；或按內(nèi)容擺放。10）同樣功能用同樣的圖形。

11）色彩與內(nèi)容。整體軟件不超過5個色系，盡量少用紅色、綠色。近似的顏色表示近似的意思。

用戶界面設(shè)計(jì)構(gòu)筑了產(chǎn)品設(shè)計(jì)的基礎(chǔ)。如只有首先確定了手機(jī)菜單的交互形式，才能在造型設(shè)計(jì)上決定是采用五項(xiàng)鍵或上下鍵。

在國外，用戶界面設(shè)計(jì)人員有了一個新的稱謂：InformationArchitecture,信息建筑師。它不僅僅是指美工，而是具有心理學(xué)、軟件工程學(xué)、設(shè)計(jì)學(xué)等綜合知識的人]

友情提示：本文中關(guān)于《人機(jī)交互界面設(shè)計(jì)的三個工作流程》給出的范例僅供您參考拓展思維使用，人機(jī)交互界面設(shè)計(jì)的三個工作流程：該篇文章建議您自主創(chuàng)作。

來源：網(wǎng)絡(luò)整理 免責(zé)聲明：本文僅限學(xué)習(xí)分享，如產(chǎn)生版權(quán)問題，請聯(lián)系我們及時刪除。

《人機(jī)交互界面設(shè)計(jì)的三個工作流程》由互聯(lián)網(wǎng)用戶整理提供,轉(zhuǎn)載分享請保留原作者信息,謝謝!
鏈接地址：http://www.seogis.com/gongwen/650778.html

• 上一篇：交互設(shè)計(jì)師Web交互設(shè)計(jì)師的定義-baidubaike
• 下一篇：藝術(shù)生申請留學(xué)需避免哪些誤區(qū)