建站常識
人機交互界面設計的三個工作流程
2008-01-28 17:53:00
在人和機器的互動過程(Human Machine Interaction)中,有一個層面,即我們所說的界面(interface)。從心理學意義來分,界面可分為感覺(視覺、觸覺、聽覺等)和情感兩個層次。用戶界面設計是屏幕產(chǎn)品的重要組成部分。界面設計是一個復雜的有不同學科參與的工程,認知心理學、設計學、語言學等在此都扮演著重要的角色。用戶界面設計的三大原則是:置界面于用戶的控制之下;減少用戶的記憶負擔;保持界面的一致性。
用戶界面設計在工作流程上分為結構設計、交互設計、視覺設計三個部分。
· 結構設計 Structure Design
結構設計也成概念設計 (Conceptual Design),是界面設計的骨架。通過對用戶研究和任務分析,制定出產(chǎn)品的整體架構?;诩堎|的的低保真原型(Paper Prototype)可提供用戶測試并進行完善。在結構設計中,目錄體系的邏輯分類和語詞定義是用戶易于理解和操作的重要前提。如西門子手機的設置鬧鐘的詞條是“重要記事”,讓用戶很難找到。
· 交互設計 Interactive Design
交互設計的目的是使產(chǎn)品讓用戶能簡單使用。 任何產(chǎn)品功能的實現(xiàn)都是通過人和機器的交互來完成的。因此,人的因素應作為設計的核心被體現(xiàn)出來。交互設計的原則如下:
1) 有清楚的錯誤提示。誤操作后,系統(tǒng)提供有針對性的提示。
2) 讓用戶控制界面。“下一步”、“完成”,面對不同層次提供多種選擇,給不同層次的用戶提供多種可能性。
3) 允許兼用鼠標和鍵盤。同一種功能,同時可以用鼠標和鍵盤。提供多種可能性。
4) 允許工作中斷。例如用手機寫新短信的時候,收到短信或電話,完成后回來仍能夠找到剛才正寫的新短信。
5) 使用用戶的語言,而非技術的語言。
6) 提供快速反饋。給用戶心理上的暗示,避免用戶焦急。
7) 方便退出。如手機的退出,是按一個鍵完全退出,還是一層一層的退出。提供兩種可能性。
8)導航功能。隨時轉移功能,很容易從一個功能跳到另外一個功能。
9)讓用戶知道自己當前的位置,使其做出下一步行動的決定。
· 視覺設計 Visual Design
在結構設計的基礎上,參照目標群體的心理模型和任務達成進行視覺設計。包括色彩、字體、頁面等。視覺設計要達到用戶愉悅使用的目的。視覺設計的原則如下:
1)界面清晰明了。允許用戶定制界面。
2) 減少短期記憶的負擔。讓計算機幫助記憶,例:User Name,、Password、IE進入界面地址可以讓機器記住。
3) 依賴認知而非記憶。如打印圖標的記憶、下拉菜單列表中的選擇
4) 提供視覺線索。圖形符號的視覺的刺激;GUI(圖形界面設計):Where, What, Next Step
5) 提供默認(default)、撤銷(undo)、恢復(redo)的功能
6) 提供界面的快捷方式
7) 盡量使用真實世界的比喻。如:電話、打印機的圖標設計,尊重用戶以往的使用經(jīng)驗。
8) 完善視覺的清晰度。條理清晰;圖片、文字的布局和隱喻不要讓用戶去猜。
9)界面的協(xié)調一致。如手機界面按鈕排放,左鍵肯定;右鍵否定;或按內容擺放。
10) 同樣功能用同樣的圖形。
11)色彩與內容。整體軟件不超過5個色系,盡量少用紅色、綠色。近似的顏色表示近似的意思。
用戶界面設計構筑了產(chǎn)品設計的基礎。如只有首先確定了手機菜單的交互形式,才能在造型設計上決定是采用五項鍵或上下鍵。
在國外,用戶界面設計人員有了一個新的稱謂:Information Architecture,信息建筑師。它不僅僅是指美工,而是具有心理學、軟件工程學、設計學等綜合知識的人。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設計的五大特點
- [2023-04-27 14:05:55] Html 5 響應式網(wǎng)站設計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設計應該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應該有哪些板塊內容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設為什么要設置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應該如何選擇一家水平高的網(wǎng)站建設公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設計都有哪些新的趨勢?
延伸閱讀
- [2009-07-13 07:48:00] 良好的用戶界面設計
- [2007-01-15 16:18:00] 網(wǎng)頁界面設計教程七:動畫設計
- [2007-05-18 12:10:00] 網(wǎng)絡界面設計中的批判性思維
- [2006-07-24 11:40:00] 小型軟件的通用界面設計制作指南
- [2009-09-15 22:23:00] 用戶界面設計10原則
- [2010-08-25 08:02:00] 互聯(lián)網(wǎng)界面設計模式
- [2006-02-24 20:25:00] 好萊塢電影網(wǎng)站界面設計師談電影網(wǎng)站設計
- [2007-01-04 09:19:00] 自然界的色彩搭配與界面設計
- [2006-12-19 10:41:00] 自然選擇:自然界的顏色與界面設計
- [2007-01-15 16:17:00] 網(wǎng)頁界面設計教程六:版式的構成與設計
- [2007-01-15 16:11:00] 網(wǎng)頁界面設計教程一:基礎理論
- [2007-01-15 16:12:00] 網(wǎng)頁界面設計教程二:與視覺傳達的設計
解決方案
輪胎行業(yè)網(wǎng)站設計解決方案 機械行業(yè)網(wǎng)站設計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設計解決方案 科技企業(yè)網(wǎng)站設計解決方案 電子家電網(wǎng)站設計解決方案 食品行業(yè)網(wǎng)站設計解決方案 集團公司網(wǎng)站設計解決方案 企事業(yè)單位網(wǎng)站設計解決方案 外貿行業(yè)網(wǎng)站設計解決方案 健身運動網(wǎng)站設計解決方案 美容與化妝品網(wǎng)站設計解決方案 建筑設計行業(yè)網(wǎng)站設計解決方案 物流行業(yè)網(wǎng)站設計解決方案
TAGS關鍵字
企業(yè)網(wǎng)站設計 程序開發(fā) 青島做網(wǎng)站多少錢 青島高端網(wǎng)站建設 手機網(wǎng)站建設 robots 高端網(wǎng)站設計 網(wǎng)站SEO 網(wǎng)站策劃 css 手機端的網(wǎng)站 營銷型網(wǎng)站 php程序 青島網(wǎng)站優(yōu)化 GOOGLE 青島輪胎網(wǎng)站設計 青島開發(fā)區(qū)建站公司 網(wǎng)站推廣 青島網(wǎng)站建設 H5定制設計 網(wǎng)站設計資訊 SEO 網(wǎng)站動畫 青島抖音小程序開發(fā) H5專題頁面 HTML5 輪胎網(wǎng)站設計 外貿網(wǎng)站設計 微官網(wǎng)帶來的好處 青島海洋投資集團