《 使用者介面設計 》

2021-04-01 02:55:59 字數 1942 閱讀 1226

在人和機器的互動過程(human machine interaction)中,有乙個層面,即我們所說的介面(inte***ce)。從心理學意義來分,介面可分為感覺(視覺、觸覺、聽覺等)和情感兩個層次。使用者介面設計是螢幕產品的重要組成部分。介面設計是乙個複雜的有不同學科參與的工程,認知心理學、設計學、語言學等在此都扮演著重要的角色。使用者介面設計的三大原則是:置介面於使用者的控制之下;減少使用者的記憶負擔;保持介面的一致性。

使用者介面設計在工作流程上分為結構設計、互動設計、視覺設計三個部分。

結構設計 structure design

結構設計也成概念設計 (conceptual design),是介面設計的骨架。通過對使用者研究和任務分析,制定出產品的整體架構。基於紙質的的低保真原型(***** prototype)可提供使用者測試並進行完善。在結構設計中,目錄體系的邏輯分類和語詞定義是使用者易於理解和操作的重要前提。如西門子手機的設定鬧鐘的詞條是「重要記事」,讓使用者很難找到。

互動設計 interactive design

互動設計 interactive design

互動設計的目的是使產品讓使用者能簡單使用。 任何產品功能的實現都是通過人和機器的互動來完成的。因此,人的因素應作為設計的核心被體現出來。互動設計的原則如下:

1)有清楚的錯誤提示。誤操作後,系統提供有針對性的提示。

2)讓使用者控制介面。「下一步」、「完成」,面對不同層次提供多種選擇,給不同層次的使用者提供多種可能性。

3)允許兼用滑鼠和鍵盤。同一種功能,同時可以用滑鼠和鍵盤。提供多種可能性。

4)允許工作中斷。例如用手機寫新簡訊的時候,收到簡訊或**,完成後回來仍能夠找到剛才正寫的新簡訊。

5)使用使用者的語言,而非技術的語言。

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

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

8)導航功能。隨時轉移功能,很容易從乙個功能跳到另外乙個功能。

視覺設計visual design

在結構設計的基礎上,參照目標群體的心理模型和任務達成進行視覺設計。包括色彩、字型、頁面等。視覺設計要達到使用者愉悅使用的目的。視覺設計的原則如下:。

1)介面清晰明了。允許使用者定製介面。

2)減少短期記憶的負擔。讓計算機幫助記憶,例:user name,、password、ie進入介面位址可以讓機器記住。

3) 依賴認知而非記憶。如列印圖示的記憶、下拉列表列表中的選擇。

4)提供視覺線索。圖形符號的視覺的刺激;gui(圖形介面設計):where, what, next step

5)提供預設(default)、撤銷(undo)、恢復(redo)的功能

6)提供介面的快捷方式。

7)盡量使用真實世界的比喻。如:**、印表機的圖示設計,尊重使用者以往的使用經驗。

8)完善視覺的清晰度。條理清晰;、文字的布局和隱喻不要讓使用者去猜。

9)介面的協調一致。如手機介面按鈕排放,左鍵肯定;右鍵否定;或按內容擺放。

10)同樣功能用同樣的圖形。

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

使用者介面設計構築了產品設計的基礎。如只有首先確定了手機選單的互動

形式,才能在造型設計上決定是採用五項鍵或上下鍵。

在國外,使用者介面設計人員有了乙個新的稱謂:information architecture,資訊建築師。它不僅僅是指美工,而是具有心理學、軟體工程學、設計學等綜合知識的人。

軟體使用者介面設計

1.手滑的三種錯誤 捕獲錯誤 前驅動作一致,後繼動作不一致,由此導致的錯誤 描述錯誤 兩者長得太像了,由此導致的錯誤 模式錯誤 動作一致,不同的模式含義不同,由此導致的錯誤 2.預防錯誤的方法 捕獲錯誤 不要讓他們出現一致的前驅序列 讓他們離遠點 模式錯誤 消除多餘的模式 3.確認對話方塊不好!是反...

使用者介面設計的原則

很多人對 ui設計都嗤之以鼻,認為那是比較低階的活,比起搞演算法搞架構來,ui設計簡直不在乙個檔次。其實,我認為,這是乙個誤區,嚴重的誤區。我們總是強調 customer oriented 而ui 是產品和使用者之間的橋梁,使用者的任何操作都必須通過這個橋梁,如果這個橋梁設計得不合理,不管你的產品內...

使用者介面設計風格說明

1引言 1.1設計說明 本文件是對系統介面設計風格進行描述,和使用者互動的最終介面在 詳細設計說明書 中設計和解釋。1.2概念和定義 使用者介面 又稱人機介面,實現使用者與計算機之間得通訊,以控制計算機或進行使用者和計算機之間得資料傳送得系統部件。gui 即圖形使用者介面,一種視覺化得使用者介面,它...