用戶界面設(shè)計(jì)原則

用戶界面設(shè)計(jì)原則第一頁(yè)，共三十三頁(yè)，2022年，8月28日內(nèi)容概要設(shè)計(jì)的總則界面設(shè)計(jì)的3大原則界面設(shè)計(jì)的基本原則界面設(shè)計(jì)的一般詳則桌面應(yīng)用界面設(shè)計(jì)的原則Web應(yīng)用界面設(shè)計(jì)的原則第二頁(yè)，共三十三頁(yè)，2022年，8月28日4.1設(shè)計(jì)的總體原則功能原則計(jì)算機(jī)不能破壞用戶的工作，也不能因其懈怠而使用戶的工作受到破壞用戶原則計(jì)算機(jī)不應(yīng)該浪費(fèi)用戶的時(shí)間，或者要求用戶做與實(shí)現(xiàn)目的無(wú)關(guān)的其他事情第三頁(yè)，共三十三頁(yè)，2022年，8月28日4.1.1信息架構(gòu)原則一個(gè)界面一個(gè)主題個(gè)人信息&公共信息兩種基本內(nèi)容：列表和表單越少的信息越好

用戶生成的內(nèi)容有兩個(gè)狀態(tài)：瀏覽狀態(tài)&編輯狀態(tài)結(jié)構(gòu)樹(shù)盡量窄而淺，并保持平衡與現(xiàn)實(shí)經(jīng)驗(yàn)一致固定的位置并列的樣式……第四頁(yè)，共三十三頁(yè)，2022年，8月28日4.1.2界面表達(dá)原則越少的信息量越好結(jié)構(gòu)化更易于理解信息的表達(dá)應(yīng)該清楚、明確、直接操作可識(shí)別操作前，結(jié)果可預(yù)知操作時(shí)，操作有反饋操作后，操作可撤銷讓用戶知道身處何地避免內(nèi)容看上去象廣告不提供多余的功能相同的功能，在不同的頁(yè)面中應(yīng)保持一致性措辭統(tǒng)一第五頁(yè)，共三十三頁(yè)，2022年，8月28日4.1.3視覺(jué)表現(xiàn)原則滾動(dòng)條看上去像滾動(dòng)條表單統(tǒng)一的對(duì)齊方式重要的內(nèi)容放在第一屏導(dǎo)航在第一屏的上半部避免使用裝飾性的圖標(biāo)避免內(nèi)容看上去像廣告醒目的光標(biāo)樣式紅色表示警告，綠色表示正常，黃色表示提醒灰色表示“暫不可用”第六頁(yè)，共三十三頁(yè)，2022年，8月28日4.2界面設(shè)計(jì)的三大原則以用戶為中心將界面置于用戶的控制之下減輕用戶的記憶負(fù)擔(dān)良好的直覺(jué)特性保持界面的一致性第七頁(yè)，共三十三頁(yè)，2022年，8月28日4.2.1用戶中心用戶應(yīng)該總是感覺(jué)在控制軟件而不是感覺(jué)被軟件所控制用戶--而不是計(jì)算機(jī)或軟件--開(kāi)始動(dòng)作采取交互式和易感應(yīng)的窗口從用戶的視角出發(fā)，使用用戶的語(yǔ)言后臺(tái)運(yùn)行長(zhǎng)進(jìn)程時(shí)，保持前臺(tái)的交互性容忍用戶探索中出錯(cuò)提供用戶自定義設(shè)置第八頁(yè)，共三十三頁(yè)，2022年，8月28日4.2.2記憶負(fù)擔(dān)用熟悉的隱喻為用戶的任務(wù)提供直接而直觀的界面喚醒用戶的知識(shí)和經(jīng)驗(yàn)支持用戶認(rèn)知而不是記憶與常見(jiàn)軟件保持一致第九頁(yè)，共三十三頁(yè)，2022年，8月28日4.2.3一致性一致性為用戶提供熟悉可預(yù)測(cè)的環(huán)境用戶能夠?qū)⒁延械闹R(shí)應(yīng)用到新的任務(wù)中，從而更快地接受新事物統(tǒng)一的命令術(shù)語(yǔ)一致的操作環(huán)境一致的功能和響應(yīng)一致的隱喻第十頁(yè)，共三十三頁(yè)，2022年，8月28日4.3界面設(shè)計(jì)的基本原則界面簡(jiǎn)潔方便較快的響應(yīng)速度整體的美感視覺(jué)沖擊力和吸引力標(biāo)準(zhǔn)化IBM1993/Microsoft1995工業(yè)標(biāo)準(zhǔn)人性化定制界面升級(jí)是常態(tài)多媒體第十一頁(yè)，共三十三頁(yè)，2022年，8月28日4.4界面設(shè)計(jì)的一般詳則交互布局色彩圖標(biāo)聯(lián)機(jī)幫助錯(cuò)誤處理第十二頁(yè)，共三十三頁(yè)，2022年，8月28日4.4.1交互的設(shè)計(jì)原則盡量提供對(duì)所有功能的鍵盤訪問(wèn)盡量提供對(duì)所有功能的鼠標(biāo)訪問(wèn)不可逆的操作要求用戶確認(rèn)耗時(shí)的操作給出反饋可視的狀態(tài)轉(zhuǎn)換反饋鼠標(biāo)右鍵僅用于快捷菜單快捷鍵的習(xí)慣一致性避免水平滾動(dòng)條第十三頁(yè)，共三十三頁(yè)，2022年，8月28日4.4.2版式布局的設(shè)計(jì)原則平衡原則整齊有序、整體平衡協(xié)調(diào)原則劃分一致的功能區(qū)對(duì)比原則預(yù)期原則屏幕上所有對(duì)象的動(dòng)作可預(yù)期順序原則根據(jù)需要排列對(duì)象顯示的順序第十四頁(yè)，共三十三頁(yè)，2022年，8月28日第十五頁(yè)，共三十三頁(yè)，2022年，8月28日4.4.3色彩的設(shè)計(jì)原則合理利用顏色，實(shí)現(xiàn)內(nèi)容與形式的協(xié)調(diào)采用柔和中性的顏色，支持用戶定制顏色設(shè)計(jì)一致盡量用單色一屏的色彩種類少于7種對(duì)象顏色的選取符合習(xí)慣（如果有的話）重要對(duì)象選取醒目顏色為區(qū)分對(duì)象，首先按亮度、其次按顏色背景色選取淺色調(diào)暖色調(diào)接近觀眾，冷色調(diào)遠(yuǎn)離觀眾第十六頁(yè)，共三十三頁(yè)，2022年，8月28日4.4.4圖標(biāo)的設(shè)計(jì)原則圖標(biāo)表示的映射關(guān)系盡可能的直觀簡(jiǎn)單圖標(biāo)表示的映射關(guān)系是唯一的一個(gè)圖標(biāo)系列中的映射模式相同附以簡(jiǎn)短的文字作為圖標(biāo)的冗余信息第十七頁(yè)，共三十三頁(yè)，2022年，8月28日第十八頁(yè)，共三十三頁(yè)，2022年，8月28日4.4.5聯(lián)機(jī)幫助的設(shè)計(jì)原則對(duì)用戶的操作隨時(shí)給出必要的幫助提供幫助信息而不是數(shù)據(jù)幫助信息的內(nèi)容簡(jiǎn)潔易懂幫助信息的形式包括圖表、動(dòng)畫和聲音等幫助信息有統(tǒng)一的風(fēng)格為不同類型的用戶提供不同的幫助功能幫助不能影響用戶的工作任務(wù)，聯(lián)機(jī)幫助結(jié)束后應(yīng)該返回用戶的工作任務(wù)第十九頁(yè)，共三十三頁(yè)，2022年，8月28日4.4.6錯(cuò)誤處理的設(shè)計(jì)原則檢測(cè)用戶的錯(cuò)誤，并提供簡(jiǎn)明的錯(cuò)誤處理手段報(bào)錯(cuò)信息以可視化的形式出現(xiàn)報(bào)錯(cuò)信息語(yǔ)氣友善報(bào)錯(cuò)信息盡可能準(zhǔn)確報(bào)錯(cuò)信息簡(jiǎn)潔明了、通俗易懂報(bào)錯(cuò)信息風(fēng)格一致提供保護(hù)功能和恢復(fù)(Undo)功能第二十頁(yè)，共三十三頁(yè)，2022年，8月28日4.5桌面應(yīng)用界面設(shè)計(jì)原則易用性規(guī)范性合理性協(xié)調(diào)性獨(dú)特性安全性多窗口菜單位置快捷方式聯(lián)機(jī)幫助第二十一頁(yè)，共三十三頁(yè)，2022年，8月28日4.6Web界面設(shè)計(jì)原則強(qiáng)調(diào)整體，形式與內(nèi)容的統(tǒng)一3C（Concise/Consistent/Contrast）減少瀏覽的層次，最少垂直滾動(dòng)避免/隱藏右鍵操作頁(yè)面體積最小屏幕尺寸、屏幕分辨率、瀏覽器的兼容第二十二頁(yè)，共三十三頁(yè)，2022年，8月28日第二十三頁(yè)，共三十三頁(yè)，2022年，8月28日第二十四頁(yè)，共三十三頁(yè)，2022年，8月28日第二十五頁(yè)，共三十三頁(yè)，2022年，8月28日第二十六頁(yè)，共三十三頁(yè)，2022年，8月28日第二十七頁(yè)，共三十三頁(yè)，2022年，8月28日第二十八頁(yè)，共三十三