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

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

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

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

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

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

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

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

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

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

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

4.用戶控制&自由

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

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

5.錯誤預(yù)防

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

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

6.利用識別而減少回憶

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

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

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

7.使用的靈活性和效率

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

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

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

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

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

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

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

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

10.幫助&文件

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

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

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

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

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

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

藍(lán)藍(lán)設(shè)計(jì)( m.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ù)