分析怎樣進行是用戶界面設(shè)計

2023-05-11    分類: 網(wǎng)站建設(shè)

在人和機器的互動過程(Human Machine Interaction)中,有一個層面,即我們所說的界面(interface)。從心理學意義來分,界面可分為感覺(視覺、觸覺、聽覺等)和情感兩個層次。用戶界面設(shè)計是屏幕產(chǎn)品的重要組成部分。界面設(shè)計是一個復雜的有不同學科參與的工程,認知心理學、設(shè)計學、語言學等在此都扮演著重要的角色。用戶界面設(shè)計的三大原則是:置界面于用戶的控制之下;減少用戶的記憶負擔;保持界面的一致性。

用戶界面設(shè)計在工作流程上分為結(jié)構(gòu)設(shè)計、交互設(shè)計、視覺設(shè)計三個部分。
結(jié)構(gòu)設(shè)計 Structure Design
結(jié)構(gòu)設(shè)計也成概念設(shè)計 (Conceptual Design),是界面設(shè)計的骨架。通過對用戶研究和任務(wù)分析,制定出產(chǎn)品的整體架構(gòu)?;诩堎|(zhì)的的低保真原型(Paper Prototype)可提供用戶測試并進行完善。在結(jié)構(gòu)設(shè)計中,目錄體系的邏輯分類和語詞定義是用戶易于理解和操作的重要前提。如西門子手機的設(shè)置鬧鐘的詞條是“重要記事”,讓用戶很難找到。
交互設(shè)計 Interactive Design
交互設(shè)計的目的是使產(chǎn)品讓用戶能簡單使用。 任何產(chǎn)品功能的實現(xiàn)都是通過人和機器的交互來完成的。因此,人的因素應(yīng)作為設(shè)計的核心被體現(xiàn)出來。交互設(shè)計的原則如下:
1)有清楚的錯誤提示。誤操作后,系統(tǒng)提供有針對性的提示。
2)讓用戶控制界面。“下一步”、“完成”,面對不同層次提供多種選擇,給不同層次的用戶提供多種可能性。
3)允許兼用鼠標和鍵盤。同一種功能,同時可以用鼠標和鍵盤。提供多種可能性。
4)允許工作中斷。例如用手機寫新短信的時候,收到短信或電話,完成后回來仍能夠找到剛才正寫的新短信。
5)使用用戶的語言,而非技術(shù)的語言。
6)提供快速反饋。給用戶心理上的暗示,避免用戶焦急。
7)方便退出,如手機的退出,是按一個鍵完全退出,還是一層一層的退出。提供兩種可能性。
8)導航功能。隨時轉(zhuǎn)移功能,很容易從一個功能跳到另外一個功能。
視覺設(shè)計Visual Design
在結(jié)構(gòu)設(shè)計的基礎(chǔ)上,參照目標群體的心理模型和任務(wù)達成進行視覺設(shè)計。包括色彩、字體、頁面等。視覺設(shè)計要達到用戶愉悅使用的目的。視覺設(shè)計的原則如下:。
1)界面清晰明了。允許用戶定制界面。
2)減少短期記憶的負擔。讓計算機幫助記憶,例:User Name,、Password、IE進入界面地址可以讓機器記住。
3) 依賴認知而非記憶。如打印圖標的記憶、下拉菜單列表中的選擇。
4)提供視覺線索。圖形符號的視覺的刺激;GUI(圖形界面設(shè)計):Where, What, Next Step。
5)提供默認(default)、撤銷(undo)、恢復(redo)的功能
6)提供界面的快捷方式。
7)盡量使用真實世界的比喻。如:電話、打印機的圖標設(shè)計,尊重用戶以往的使用經(jīng)驗。
8)完善視覺的清晰度。條理清晰;圖片、文字的布局和隱喻不要讓用戶去猜。
9)界面的協(xié)調(diào)一致。如手機界面按鈕排放,左鍵肯定;右鍵否定;或按內(nèi)容擺放。
10)同樣功能用同樣的圖形。
11)色彩與內(nèi)容。整體軟件不超過5個色系,盡量少用紅色、綠色。近似的顏色表示近似的意思。

當前標題:分析怎樣進行是用戶界面設(shè)計
當前路徑:http://www.bm7419.com/news28/258928.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站制作、建站公司、靜態(tài)網(wǎng)站、網(wǎng)站策劃、微信公眾號、微信小程序

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站網(wǎng)頁設(shè)計