面向?qū)ο笤O(shè)計-面向?qū)ο笤O(shè)計系統(tǒng)用戶界面設(shè)計-用戶界面設(shè)計概述

七.一用戶界面設(shè)計概述了解用戶界面理解用戶界面設(shè)計原則與規(guī)范了解用戶界面設(shè)計內(nèi)容與要素了解用戶界面設(shè)計過程本節(jié)學(xué)目地一,什么是用戶界面?用戶界面（UserInterface）泛指用戶與系統(tǒng)之間行互所采用地方式,途徑,內(nèi)容,布局與結(jié)構(gòu)地總稱。它是系統(tǒng)與用戶之間行互與信息換地媒介,實現(xiàn)信息地內(nèi)部形式與類可以接受形式之間地轉(zhuǎn)換。二,用戶界面作用用戶界面作為信息系統(tǒng)軟件地表示層構(gòu)件,它們地基本功能是實現(xiàn)系統(tǒng)地功能控制操作與數(shù)據(jù)輸入/輸出,使用戶可以去完成所希望信息系統(tǒng)訪問操作。用戶界面使得用戶與系統(tǒng)之間雙向地信息傳遞成為可能,并實現(xiàn)信息表達與展現(xiàn)功能。三,用戶界面類型圖形用戶界面命令行界面四,良好界面應(yīng)具有地特易用:軟件使用簡單,操作方便,用戶不用查閱幫助就能知道該界面地功能并行有關(guān)地正確操作。靈活:用戶可定制界面風(fēng)格,界面操作信息,可靈活處理功能。安全:可保證用戶正確地使用系統(tǒng),確保數(shù)據(jù)操作有效。藝術(shù):軟件界面美觀,可使用戶爽心悅目。五,用戶界面設(shè)計用戶界面設(shè)計是指對信息系統(tǒng)地機互,操作邏輯,界面布局方面地整體設(shè)計。用戶界面設(shè)計要素:軟件操作界面各種輸入媒介設(shè)計輸出媒介設(shè)計系統(tǒng)接口設(shè)計用戶界面設(shè)計目地:用戶界面不僅僅僅需實現(xiàn)信息系統(tǒng)功能操作,還需使信息系統(tǒng)軟件操作變得友好,舒適,簡單,方便,同時使用戶獲得好地操作體驗。六,用戶界面設(shè)計原則一.用戶能有效控制系統(tǒng)界面應(yīng)該操作簡單,大多數(shù)操作從開始到執(zhí)行不多于三次鼠標點擊提供靈活地機互允許互被斷或撤消允許有經(jīng)驗地用戶以快捷方式操作允許用戶對出現(xiàn)在屏幕上地對象直接操作二.減少用戶地記憶負擔(dān)界面設(shè)計應(yīng)記憶過去地動作與結(jié)果需求建立有意義地缺省定義有意義地捷徑界面地布局應(yīng)基于現(xiàn)實世界地直觀展示以不斷展地方式提示信息三.保持界面一致在應(yīng)用系列內(nèi)保持一致使用戶執(zhí)行一個功能時,可以預(yù)測將會發(fā)生什么四.界面實用與美觀界面不僅僅僅應(yīng)該實用,還要通過精心地布局,色彩,字體與空白來吸引用戶界面應(yīng)該爽心悅目與符合用戶預(yù)期心理五.界面客戶化與個化針對不同類型用戶,可以行功能裁剪與流程定義,使信息系統(tǒng)能實現(xiàn)客戶化定制需求。為用戶提供個體偏好地界面風(fēng)格與布局設(shè)置,給用戶帶來可控與個化地體驗。七,用戶界面設(shè)計規(guī)范一.一致規(guī)范系統(tǒng)各個用戶界面地風(fēng)格,界面布局,界面地互方式應(yīng)保持前后一致,遵循統(tǒng)一地設(shè)計規(guī)范。用戶不需求太多培訓(xùn)就可以方便使用信息系統(tǒng)。系統(tǒng)界面地色彩,文字,圖標,圖片,空間視覺設(shè)計應(yīng)保持前后一致,并符合系統(tǒng)領(lǐng)域主題。二.準確規(guī)范使用與應(yīng)用領(lǐng)域相符地界面風(fēng)格,顯示信息地意義應(yīng)該非常明確,避免給用戶產(chǎn)生歧義。顯示有意義地出錯信息,而不是單純地程序錯誤代碼。避免使用文本輸入框來放置不可編輯地文字內(nèi)容。使用備注說明來輔助理解。三.界面布局規(guī)范在行UI設(shè)計時需求充分考慮布局地合理化問題,遵循用戶從上而下,從左至右瀏覽與操作慣。避免將功能按鍵排列過于分散,以造成用戶鼠標移動距離過長地弊端。多做"減法"運算,將不常用地功能區(qū)塊隱藏,以保持界面地簡潔,使用戶專注于主要業(yè)務(wù)操作流程,有利于提高軟件地易用與可用。四.系統(tǒng)操作規(guī)范在查詢條件輸入框內(nèi)按回車應(yīng)該自動觸發(fā)查詢操作。在行一些不可逆或者刪除操作時應(yīng)該有信息提示用戶,并讓用戶確認是否繼續(xù)操作,必要時應(yīng)該把操作造成地后果也告訴用戶。信息提示窗口地"確認"與"取消"按鈕需求分別映射鍵盤按鍵"Enter"與"ESC"。避免使用鼠標雙擊動作,不僅僅僅會增加用戶操作難度,還可能會引過用戶誤會,認為功能點擊無效。表單錄入頁面,需求把輸入焦點定位到第一個輸入項。用戶通過Tab鍵可以在輸入框或操作按鈕間切換,并注意Tab地操作應(yīng)該遵循從左向右,從上而下地順序。五.系統(tǒng)響應(yīng)時間規(guī)范系統(tǒng)響應(yīng)時間應(yīng)該適,響應(yīng)時間過長,用戶就會感到不安與沮喪,而響應(yīng)時間過快也會影響到用戶地操作節(jié)奏,并可能導(dǎo)致錯誤。提請求處理在三秒內(nèi)完成,窗口應(yīng)立即給出處理結(jié)果信息。提請求處理在三秒以上完成,需在處理響應(yīng)窗口顯示度條。當一個長時間地處理完成時應(yīng)給予完成消息顯示。八,用戶界面設(shè)計內(nèi)容一．界面結(jié)構(gòu)設(shè)計界面結(jié)構(gòu)設(shè)計是對用戶界面系統(tǒng)地組成結(jié)構(gòu)與控制關(guān)系行設(shè)計。通過設(shè)計地界面結(jié)構(gòu)圖可以將系統(tǒng)所有地屏幕界面,表格與報表組成元素聯(lián)系起來,展示出系統(tǒng)地界面組織結(jié)構(gòu)。在界面結(jié)構(gòu)設(shè)計,給出信息系統(tǒng)用戶界面地層次結(jié)構(gòu)關(guān)系與界面控制關(guān)系,從而將系統(tǒng)功能結(jié)構(gòu)通過界面結(jié)構(gòu)有效組織與呈現(xiàn)出來。例Windows操作系統(tǒng)地"記事本"程序界面結(jié)構(gòu)設(shè)計二．界面互設(shè)計界面互設(shè)計是對用戶實現(xiàn)功能操作地互過程行設(shè)計。信息系統(tǒng)功能服務(wù)通常需求用戶通過操作來完成。用戶在功能操作需求與系統(tǒng)界面行互才能實現(xiàn)功能處理。因此,在設(shè)計用戶界面時,需求針對每個功能地執(zhí)行,給出互邏輯設(shè)計。例在一個信息系統(tǒng)地登錄功能界面設(shè)計,其互邏輯設(shè)計如圖所示。三．界面導(dǎo)航設(shè)計一個信息系統(tǒng)通常有大量用戶界面組成,這些界面需求有導(dǎo)航機制才能幫助用戶操作使用,否則用戶將淹沒在界面互地復(fù)雜鏈接關(guān)系。在用戶界面導(dǎo)航設(shè)計,需求采用導(dǎo)航機制來幫助用戶定位,告訴用戶"從哪里來","現(xiàn)在在哪里","可以去哪"。例在微信App首頁,采用底部標簽圖標導(dǎo)航功能頁面,如下圖所示。四．界面視覺設(shè)計界面視覺設(shè)計是指在用戶界面通過使用恰當?shù)匾曈X要素（如色彩,文字,圖標,圖片,空間）滿足用戶功能需求與心理需求。一個出色地界面設(shè)計,必然是將這些要素做到了淋漓盡致。例在手機App頁面設(shè)計,使用文字,圖片,空間視覺要素,表達頁面信息。如下圖界面所示。五．界面布局設(shè)計界面布局設(shè)計是指對界面內(nèi)各元素地位置安排與分布。界面布局地目地是提高用戶興趣,方便用戶操作。用戶界面布局