• 
• 
• 
• 
• 
• 
• 

知識(shí)普及 ? 人機(jī)交互界面設(shè)計(jì)的三個(gè)工作流程

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

奈薇網(wǎng)頁(yè)設(shè)計(jì) 于2020-07-13 10:37發(fā)表 閱讀次數(shù) 2359次

在人和機(jī)器的互動(dòng)過程（HumanMachineInteraction）中，有一個(gè)層面，即我們所說的界面（interface）。從心理學(xué)意義來分，界面可分為感覺（視覺、觸覺、聽覺等）和情感兩個(gè)層次。用戶界面設(shè)計(jì)是屏幕產(chǎn)品的重要組成部分。界面設(shè)計(jì)是一個(gè)復(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ì)三個(gè)部分。 　　·結(jié)構(gòu)設(shè)計(jì)StructureDesign 　　結(jié)構(gòu)設(shè)計(jì)也成概念設(shè)計(jì)（ConceptualDesign），是界面設(shè)計(jì)的骨架。通過對(duì)用戶研究和任務(wù)分析，制定出產(chǎn)品的整體架構(gòu)?；诩堎|(zhì)的的低保真原型（PaperPrototype）可提供用戶測(cè)試并進(jìn)行完善。在結(jié)構(gòu)設(shè)計(jì)中，目錄體系的邏輯分類和語詞定義是用戶易于理解和操作的重要前提。如西門子手機(jī)的設(shè)置鬧鐘的詞條是“重要記事”，讓用戶很難找到。 　　·交互設(shè)計(jì)InteractiveDesign 　　交互設(shè)計(jì)的目的是使產(chǎn)品讓用戶能簡(jiǎn)單使用。任何產(chǎn)品功能的實(shí)現(xiàn)都是通過人和機(jī)器的交互來完成的。因此，人的因素應(yīng)作為設(shè)計(jì)的核心被體現(xiàn)出來。交互設(shè)計(jì)的原則如下： 　　1)有清楚的錯(cuò)誤提示。誤操作后，系統(tǒng)提供有針對(duì)性的提示。 　　2)讓用戶控制界面?！跋乱徊健薄ⅰ巴瓿伞?，面對(duì)不同層次提供多種選擇，給不同層次的用戶提供多種可能性。 　　3)允許兼用鼠標(biāo)和鍵盤。同一種功能，同時(shí)可以用鼠標(biāo)和鍵盤。提供多種可能性。 　　4)允許工作中斷。例如用手機(jī)寫新短信的時(shí)候，收到短信或電話，完成后回來仍能夠找到剛才正寫的新短信。 　　5)使用用戶的語言，而非技術(shù)的語言。 　　6)提供快速反饋。給用戶心理上的暗示，避免用戶焦急。 　　7)方便退出。如手機(jī)的退出，是按一個(gè)鍵完全退出，還是一層一層的退出。提供兩種可能性。 　　8）導(dǎo)航功能。隨時(shí)轉(zhuǎn)移功能，很容易從一個(gè)功能跳到另外一個(gè)功能。 　　9）讓用戶知道自己當(dāng)前的位置，使其做出下一步行動(dòng)的決定。 　　·視覺設(shè)計(jì)VisualDesign 　　在結(jié)構(gòu)設(shè)計(jì)的基礎(chǔ)上，參照目標(biāo)群體的心理模型和任務(wù)達(dá)成進(jìn)行視覺設(shè)計(jì)。包括色彩、字體、頁(yè)面等。視覺設(shè)計(jì)要達(dá)到用戶愉悅使用的目的。視覺設(shè)計(jì)的原則如下： 　　1）界面清晰明了。允許用戶定制界面。 　　2）減少短期記憶的負(fù)擔(dān)。讓計(jì)算機(jī)幫助記憶，例：UserName,、Password、IE進(jìn)入界面地址可以讓機(jī)器記住。 　　3）依賴認(rèn)知而非記憶。如打印圖標(biāo)的記憶、下拉菜單列表中的選擇 　　4）提供視覺線索。圖形符號(hào)的視覺的刺激；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個(gè)色系，盡量少用紅色、綠色。近似的顏色表示近似的意思。 　　用戶界面設(shè)計(jì)構(gòu)筑了產(chǎn)品設(shè)計(jì)的基礎(chǔ)。如只有首先確定了手機(jī)菜單的交互形式，才能在造型設(shè)計(jì)上決定是采用五項(xiàng)鍵或上下鍵。 　　在國(guó)外，用戶界面設(shè)計(jì)人員有了一個(gè)新的稱謂：InformationArchitecture,信息建筑師。它不僅僅是指美工，而是具有心理學(xué)、軟件工程學(xué)、設(shè)計(jì)學(xué)等綜合知識(shí)的人。

人機(jī)交互界面設(shè)計(jì)的三個(gè)工作流程相關(guān)標(biāo)簽：企業(yè)建站，網(wǎng)站制作方案，設(shè)計(jì)網(wǎng)頁(yè)，網(wǎng)站開發(fā)

相關(guān)熱點(diǎn)推薦

人機(jī)交互界面設(shè)計(jì)的三個(gè) 系統(tǒng)化學(xué)習(xí)SEO技術(shù)的 用戶體驗(yàn)中溝通的技巧 迭代的設(shè)計(jì) 網(wǎng)站中視覺元素的設(shè)計(jì) 網(wǎng)站設(shè)計(jì)的前期溝通之重 在青島，企業(yè)網(wǎng)站建設(shè)對(duì) 手機(jī)建站時(shí)容易進(jìn)入哪些 如何有效的提高網(wǎng)站關(guān)鍵 淺談品牌的視覺識(shí)別 怎樣充分利用你的網(wǎng)站設(shè) TDK是什么？有什么作 微信為什么這么人在用 網(wǎng)站排名第三頁(yè)不到首頁(yè) 青島網(wǎng)站設(shè)計(jì)中關(guān)于al 好設(shè)計(jì)應(yīng)該是平凡的設(shè)計(jì) 網(wǎng)站LOGO簡(jiǎn)論 網(wǎng)頁(yè)布局設(shè)計(jì)基礎(chǔ) 優(yōu)秀網(wǎng)站的五大特點(diǎn) 新站快速推廣經(jīng)驗(yàn)，百度 為中文而設(shè)計(jì)的文本框 關(guān)于網(wǎng)站優(yōu)化五大技巧 如何進(jìn)行網(wǎng)站首頁(yè)改版 web設(shè)計(jì)師可以走得更 專業(yè)設(shè)計(jì)網(wǎng)站的公司哪里 青島網(wǎng)站設(shè)計(jì)的幾點(diǎn)知識(shí) 青島網(wǎng)站制作哪家強(qiáng) 交互設(shè)計(jì)的8項(xiàng)黃金法則 設(shè)計(jì)良好網(wǎng)頁(yè)的4項(xiàng)原則 公司網(wǎng)站制作需要注意的 如何讓你的網(wǎng)站更有吸引 泛泛而談界面中的斑馬紋 網(wǎng)絡(luò)營(yíng)銷的五個(gè)階段 青島網(wǎng)站設(shè)計(jì)成功要素 小型企業(yè)網(wǎng)站維護(hù) 奈薇建站網(wǎng)科技2016 國(guó)內(nèi)網(wǎng)頁(yè)設(shè)計(jì)經(jīng)驗(yàn)談 微信營(yíng)銷推廣的特性-奈 什么是自助建站？

奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司，專業(yè)提供"氣質(zhì)"型網(wǎng)站建設(shè)及精美網(wǎng)站制作服務(wù)，同時(shí)歡迎各地網(wǎng)站建設(shè)公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點(diǎn)地區(qū)：青島網(wǎng)站建設(shè)價(jià)格 青島即墨網(wǎng)站制作公司 開發(fā)區(qū)信息港 山東在線門戶