在生活中，有一些規(guī)則是你絕對(duì)不能打破的，如果你打破了，將會(huì)付出慘痛的代價(jià)。在用戶界面設(shè)計(jì)中，也有一些必須遵守的規(guī)則。它們被稱為“啟發(fā)式”或提高用戶界面可用性的一般原則。這些是經(jīng)過了長時(shí)間測(cè)試的可重復(fù)的模式，可以幫助用戶更好地瀏覽界面。一個(gè)良好的設(shè)計(jì)一定會(huì)考慮到以下原則，一個(gè)不那么好的設(shè)計(jì)總是會(huì)缺少其中的一個(gè)或多個(gè)原則，那么作為一個(gè)UI設(shè)計(jì)師，為什么要忽略這些原則讓你的用戶如此頭疼呢？

1.系統(tǒng)狀態(tài)的可見性

該系統(tǒng)應(yīng)在合理的時(shí)間內(nèi)通過適當(dāng)?shù)姆答伿褂脩袅私庹诎l(fā)生的事情。

你要不斷地給你的用戶展示適當(dāng)?shù)男畔?、提示和背景，使他們?cè)谌魏螘r(shí)候都知道他們?cè)谙到y(tǒng)中的位置。這可以讓用戶感覺自己處于控制之中，知道下一步該做什么。這個(gè)項(xiàng)目被添加到購物車了嗎？編輯的內(nèi)容被保存了嗎？這個(gè)過程需要多長時(shí)間？我的訂單的狀態(tài)是什么？現(xiàn)在正在發(fā)生什么？不斷地為用戶回答這樣的問題，不要讓他們猜測(cè)或蒙在鼓里。

2.將系統(tǒng)與現(xiàn)實(shí)世界相匹配

你設(shè)計(jì)的系統(tǒng)應(yīng)該使用用戶熟悉的語言，使用用戶熟悉的單詞、短語和概念，而不是使用專業(yè)地術(shù)語。你要遵循現(xiàn)實(shí)世界的慣例，使信息以自然和邏輯的順序出現(xiàn)。

使用熟悉的詞語和語言，不要讓措辭過于復(fù)雜。屏幕上的單詞或圖標(biāo)的含義應(yīng)該對(duì)目標(biāo)受眾清晰易懂。人們還帶有心理模型和經(jīng)驗(yàn)，可以讓他們解釋圖標(biāo)。

技術(shù)的最大進(jìn)步之一是圖形用戶界面的出現(xiàn)。在圖形用戶界面之前，計(jì)算機(jī)屏幕上只有晦澀難懂的文字命令，每當(dāng)你想執(zhí)行一個(gè)動(dòng)作時(shí)都要記住并重復(fù)。然后，一切都改變了。屏幕上顯示的是文件夾和文件的小圖像以及一個(gè)手形光標(biāo)。這些都是人們能夠立即理解的視覺符號(hào)。不需要解釋，因?yàn)樗昧爽F(xiàn)實(shí)世界的心理模型。

3.一致性和標(biāo)準(zhǔn)

用戶不應(yīng)懷疑不同的詞語、情況或行動(dòng)是否意味著同樣的事情。

有兩種類型的一致性：內(nèi)部和外部。內(nèi)部一致性是指你的網(wǎng)站或應(yīng)用程序中的模式要一致。這很簡(jiǎn)單，比如在所有的頁面上保持相同顏色的鏈接，或者在每個(gè)屏幕上對(duì)相同的概念使用相同的圖標(biāo)，比如HOME。外部一致性是指大多數(shù)人使用的其他軟件和系統(tǒng)中的慣例，如購物車。大多數(shù)人都熟悉購物車的使用方式。你不需要重新發(fā)明什么東西。如果你這樣做，你可能會(huì)讓你的用戶更難學(xué)會(huì)你的購物車如何工作。保持一致，為用戶節(jié)省不必要的混亂。

4.用戶控制&自由

用戶經(jīng)常會(huì)錯(cuò)誤地選擇系統(tǒng)功能，并且需要一個(gè)明確的“緊急出口”提示才能離開不需要的狀態(tài)，并且無需通過擴(kuò)展對(duì)話就能支持撤銷和重做。

始終為用戶提供一條出路。不要強(qiáng)迫用戶執(zhí)行他們不需要的功能，或者把他們引向死胡同。例如，如果你正在設(shè)計(jì)一個(gè)結(jié)賬流程，如果用戶愿意，就讓他們繼續(xù)購物。如果他們?cè)噲D在一個(gè)應(yīng)用程序上執(zhí)行一個(gè)動(dòng)作，當(dāng)他們?cè)谧詈笠豢滩淮_定是否要繼續(xù)時(shí)，就讓用戶取消。

5.錯(cuò)誤預(yù)防

比起錯(cuò)誤提示信息更好的是一個(gè)精心的設(shè)計(jì)，它可以從一開始就防止問題的發(fā)生。要么消除容易出錯(cuò)的條件，要么檢查這些條件，并在用戶承諾行動(dòng)之前向他們提供一個(gè)確認(rèn)選項(xiàng)。

當(dāng)系統(tǒng)操作到很關(guān)鍵的一步時(shí)，如刪除文件或向1000個(gè)收件人發(fā)送電子郵件，要確保用戶知道他們將做一些重大的事情。向他們展示確認(rèn)對(duì)話或提供額外的信息，清楚地定義在行動(dòng)之后將發(fā)生什么。這將防止他們?cè)诓淮_定自己的行動(dòng)時(shí)進(jìn)一步行動(dòng)。這也將為他們省去大量的遺憾。

6.利用識(shí)別而減少回憶

通過使對(duì)象、行動(dòng)和選項(xiàng)可見，盡量減少用戶的記憶負(fù)荷。用戶不應(yīng)該記住從對(duì)話的一個(gè)部分到另一個(gè)部分的信息。在適當(dāng)?shù)臅r(shí)候，系統(tǒng)的使用說明應(yīng)該是可見的或容易檢索的。

作為UI設(shè)計(jì)師，我們的目標(biāo)之一是減少用戶的認(rèn)知負(fù)荷。記憶以兩種方式工作：識(shí)別和回憶。識(shí)別是指你立即熟悉的東西。比如一個(gè)人的臉。你看著一個(gè)朋友的臉，你馬上就知道你以前見過他們?；貞浀淖饔脛t不同。它是你必須從記憶中檢索出來的東西，比如一個(gè)人的名字?；貞浲ǔＰ枰嗟臅r(shí)間和工作，因?yàn)槟愕拇竽X必須處理更多的信息來破譯它所看到的東西。

另一方面，識(shí)別是即時(shí)的。我們希望在我們的用戶界面上具有更多的識(shí)別，而減少回憶。實(shí)踐這個(gè)原則的一個(gè)很好的例子是使用普遍可識(shí)別的按鈕和圖標(biāo)來表示功能，例如用房子表示 "家"，用鉛筆表示 "編輯"。如果你必須為你的用戶界面設(shè)計(jì)新的圖標(biāo)，而大多數(shù)人以前從未見過這些圖標(biāo)，那么請(qǐng)使用文本描述符來澄清并減少認(rèn)知的負(fù)擔(dān)。

7.使用的靈活性和效率

新手用戶看不到的加速器通?？梢约铀偕疃扔脩舻慕换?，這樣系統(tǒng)就可以同時(shí)滿足沒有經(jīng)驗(yàn)和有經(jīng)驗(yàn)的用戶的需求。允許用戶定制頻繁的操作。

當(dāng)某些任務(wù)在你的應(yīng)用或系統(tǒng)中反復(fù)出現(xiàn)時(shí)，你可能想讓用戶更有效地進(jìn)行互動(dòng)。例如，使用滑動(dòng)手勢(shì)來保存或刪除移動(dòng)應(yīng)用程序上列表中的項(xiàng)目。刪除一個(gè)項(xiàng)目的正常方式是打開一個(gè)項(xiàng)目，然后按下刪除按鈕。專業(yè)的方式（也是更有效的方式）是通過簡(jiǎn)單的滑動(dòng)并立即從列表中刪除項(xiàng)目。

8.極簡(jiǎn)主義的設(shè)計(jì)和審美

對(duì)話不應(yīng)包含不相關(guān)或很少需要的信息。對(duì)話中每一個(gè)額外的信息單元都會(huì)與相關(guān)的信息單元競(jìng)爭(zhēng)，并降低它們的相對(duì)可見度。

當(dāng)為藝術(shù)而設(shè)計(jì)時(shí)，如果我們走巴洛克風(fēng)格，可以用人工制品、紋理和圖像填滿屏幕。但是當(dāng)為交互而設(shè)計(jì)時(shí)，我們的目標(biāo)是降低信噪比。這樣做會(huì)使我們的界面對(duì)用戶來說更容易理解。你可以應(yīng)用這個(gè)原則，把屏幕上顯示的內(nèi)容減少到最低限度，不管是圖像還是文字，這樣用戶就可以專注于手頭的工作而不會(huì)分心。

9.幫助用戶識(shí)別、診斷和恢復(fù)錯(cuò)誤

錯(cuò)誤信息應(yīng)該用簡(jiǎn)單的語言表達(dá)，精確地指出問題，并建設(shè)性地提出解決方案。

錯(cuò)誤會(huì)發(fā)生，那是不可避免的。用戶遇到錯(cuò)誤后發(fā)生什么是UI設(shè)計(jì)師的責(zé)任。因此，我們應(yīng)設(shè)計(jì)可以理解的錯(cuò)誤頁面和提醒來幫助用戶，并提供解決問題的選項(xiàng)或方案。例如，讓我們來看看無處不在的404頁面。作為設(shè)計(jì)者，我們知道錯(cuò)誤的404頁面意味著什么，但用戶一般都不知道。為了幫助用戶，我們必須把404翻譯成簡(jiǎn)單的語言，加入一些文案，使其清楚地知道剛剛發(fā)生了什么，比如 "對(duì)不起，我們找不到你要找的頁面。這里有一些具有類似內(nèi)容的頁面建議......"。

10.幫助&文件

盡管系統(tǒng)不需要說明就能使用的話會(huì)更好，但可能還是有必要提供幫助和說明。任何這樣的信息都應(yīng)該易于搜索，集中在用戶的任務(wù)上，列出要執(zhí)行的具體步驟，而且不要太多。

始終讓人們能便捷地獲得幫助，把幫助放在頂欄或主導(dǎo)航區(qū)的顯要位置。當(dāng)用戶遇到問題而不能輕易找到解決方案時(shí)，他們必須被引導(dǎo)到一個(gè)可以解決問題的地方。這可以采取FAQ頁面的形式，用一個(gè)搜索框提供可能的建議和答案。在沒有答案的情況下，系統(tǒng)必須有一個(gè)選項(xiàng)，可以通過支持在線詢問或電子郵件或電話，直接與支持部門聯(lián)系以獲得額外的幫助。

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請(qǐng)掃碼ben_lanlan，報(bào)下信息，會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

文章來源：站酷   作者：磨刀modao

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)