提交需求
賽事與廣告咨詢合作,請(qǐng)?zhí)顚懶枨蟊韱?,我們?huì)在第一時(shí)間與您聯(lián)系!
生活中,有某些規(guī)則是你不能違背的。同樣,在用戶界面設(shè)計(jì)中,也存在一些規(guī)則,它們被稱為原則。
它們是經(jīng)過反復(fù)測(cè)試的可重復(fù)模式,可幫助用戶導(dǎo)航界面。設(shè)計(jì)師精心設(shè)計(jì)的界面將始終考慮以下原則,而設(shè)計(jì)不當(dāng)?shù)慕缑婵隙〞?huì)缺少這些原則中的一項(xiàng)或多項(xiàng)。如果你是UI設(shè)計(jì)師,違反這些規(guī)則之一,將會(huì)讓用戶感到頭疼。接下來,讓我們來看看有哪些原則:
1.系統(tǒng)狀態(tài)的可見性
系統(tǒng)應(yīng)始終在合理的時(shí)間內(nèi)通過適當(dāng)?shù)姆答伿褂脩袅私獍l(fā)生的情況。
始終為您的用戶提供適當(dāng)?shù)男畔?,提示和上下文,以便他們始終知道他們?cè)谙到y(tǒng)中的位置。這使用戶可以掌控一切,并知道下一步該怎么做。該商品是否已添加到購(gòu)物車?修改是否保存?此過程需要多長(zhǎng)時(shí)間?我的訂單狀態(tài)如何?現(xiàn)在發(fā)生了什么?始終為用戶回答此類問題,切勿讓他們猜測(cè)或在黑暗中。
2.系統(tǒng)與現(xiàn)實(shí)世界之間的匹配
系統(tǒng)應(yīng)該使用用戶熟悉的單詞,短語和概念來講用戶的語言,而不是面向系統(tǒng)的術(shù)語。遵循現(xiàn)實(shí)世界的慣例,使信息以自然和邏輯的順序出現(xiàn)。
使用熟悉的單詞和語言。不要使用戶的用語過于復(fù)雜。屏幕上的單詞或圖標(biāo)的含義應(yīng)清晰易懂,便于目標(biāo)受眾理解。人們還帶有心理模型和經(jīng)驗(yàn),使他們能夠解釋模式。
當(dāng)引入圖形用戶界面時(shí),技術(shù)上的最大進(jìn)步之一就出現(xiàn)了。在GUI之前,計(jì)算機(jī)屏幕僅限于模糊的文本命令以記住并在每次想要執(zhí)行操作時(shí)重復(fù),屏幕上幾乎沒有顯示文件夾和文件以及手形光標(biāo)的圖像這些讓人們立即理解的視覺符號(hào)。這些讓用戶在使用時(shí)對(duì)操作的理解需要耗費(fèi)大量精力。
3.一致性和標(biāo)準(zhǔn)
用戶不必懷疑不同的詞語,情況或動(dòng)作是否意味著同一件事。
有兩種類型的一致性:內(nèi)部和外部。
內(nèi)部一致性是指網(wǎng)站或應(yīng)用內(nèi)的模式。這可以很簡(jiǎn)單,例如在所有頁面上使鏈接保持相同的顏色,或?qū)ν桓拍钍褂孟嗤膱D標(biāo)表示相同的概念,例如HOME。
外部一致性是指大多數(shù)人使用的其他軟件和系統(tǒng)中使用的約定,例如購(gòu)物車。大多數(shù)人都熟悉購(gòu)物車的工作方式。你無需重新發(fā)明輪子。如果這樣做,可能會(huì)使用戶更難了解購(gòu)物車的工作方式。保持一致并避免用戶不必要的混亂。
4.用戶控制與自由
用戶通常會(huì)錯(cuò)誤地選擇系統(tǒng)功能,并且需要明確標(biāo)記的“緊急出口”以離開不需要的狀態(tài),而無需進(jìn)行長(zhǎng)時(shí)間的對(duì)話才能支持撤消和重做。
始終提供出路,切勿強(qiáng)迫用戶執(zhí)行不需要的功能或使他們陷入困境。例如,如果你正在設(shè)計(jì)結(jié)帳流程,請(qǐng)讓用戶根據(jù)需要繼續(xù)購(gòu)物。如果他們嘗試在應(yīng)用上執(zhí)行操作,請(qǐng)讓不確定的用戶取消操作,直到最后一分鐘。
5.錯(cuò)誤預(yù)防
消除容易出錯(cuò)的條件,或者檢查條件,并在用戶執(zhí)行操作之前向其提供確認(rèn)選項(xiàng)。
當(dāng)系統(tǒng)操作很關(guān)鍵時(shí),例如刪除文件或向1,000個(gè)收件人發(fā)送電子郵件活動(dòng),請(qǐng)確保用戶知道他們將做一些重要的事情。向他們顯示確認(rèn)對(duì)話或提供其他信息,以明確定義在執(zhí)行該操作之前將要發(fā)生的情況。如果不確定自己的行動(dòng),這將阻止他們走得更遠(yuǎn)。
6.識(shí)別而非回憶
用戶不必記住從對(duì)話的一部分到另一部分的信息。在適當(dāng)?shù)那闆r下,系統(tǒng)使用說明應(yīng)清晰可見或易于檢索。
作為UI設(shè)計(jì)師,我們的目標(biāo)之一是減少用戶的認(rèn)知負(fù)擔(dān)。心理記憶是一項(xiàng)巨大的資源消耗。記憶以兩種方式起作用:識(shí)別和記憶。
識(shí)別是你立即熟悉的。像一個(gè)人的臉。你看著朋友的臉,就知道自己曾經(jīng)見過他們。而回憶的方式則有所不同,你必須從記憶中檢索的東西,例如一個(gè)人的名字?;貞浲ǔ?huì)花費(fèi)更多的時(shí)間和工作,因?yàn)槟拇竽X必須處理更多的信息才能解讀其內(nèi)容。另一方面,識(shí)別是即時(shí)的,我們希望在用戶界面中獲得更多認(rèn)可,并減少回憶。
一個(gè)很好的UI例子就是使用該功能的通用按鈕和圖標(biāo),例如用于編輯的鉛筆。而且,如果你必須設(shè)計(jì)大多數(shù)人以前從未見過的新圖標(biāo),請(qǐng)使用文本描述符來闡明和減輕認(rèn)知負(fù)擔(dān)。
7.靈活性和使用效率
在你的應(yīng)用程序或系統(tǒng)中一遍又一遍地重復(fù)某些任務(wù)時(shí),你可能希望使用戶的交互更加有效。例如,使用滑動(dòng)手勢(shì)在移動(dòng)應(yīng)用程序上的列表中保存或刪除項(xiàng)目。刪除項(xiàng)目的通常方法是打開一個(gè)項(xiàng)目,然后按Delete鍵。專家方式(更高效的方式)是只需滑動(dòng)并立即從列表中刪除和項(xiàng)目。
8.極簡(jiǎn)設(shè)計(jì)與美學(xué)
對(duì)話中不應(yīng)包含無關(guān)緊要或很少需要的信息。對(duì)話中每增加一個(gè)信息單元都會(huì)與相關(guān)信息單元競(jìng)爭(zhēng),從而降低其相對(duì)可見度。
為藝術(shù)而設(shè)計(jì)時(shí),我們是否要在屏幕上填充紋理和圖像都沒關(guān)系。但是在設(shè)計(jì)交互時(shí),我們的目標(biāo)是降低信噪比。這樣做使我們的界面更易于用戶理解。您可以通過簡(jiǎn)單地將顯示在屏幕上的內(nèi)容(圖像或文本)減少到最低限度來應(yīng)用此原理,從而使用戶可以專注于手頭的任務(wù)而不會(huì)分散注意力。
9.幫助用戶識(shí)別,診斷和從錯(cuò)誤中恢復(fù)
錯(cuò)誤消息應(yīng)使用簡(jiǎn)單的語言(無代碼)表示,準(zhǔn)確指示問題并建設(shè)性地提出解決方案。
錯(cuò)誤會(huì)發(fā)生。那是不可避免的。用戶遇到錯(cuò)誤后發(fā)生的事情是UI設(shè)計(jì)者的責(zé)任,因此,通過設(shè)計(jì)易于理解的錯(cuò)誤頁面和警報(bào)并為問題提供選項(xiàng)或解決方案,可以幫助用戶。例如,讓我們檢查無處不在的404頁面。作為設(shè)計(jì)人員,我們知道404錯(cuò)誤頁面的含義,但用戶通常不會(huì)。為了幫助用戶,我們必須通過添加一些副本來將404轉(zhuǎn)換為簡(jiǎn)單的英語,以便清楚地說明發(fā)生了什么,例如“對(duì)不起,但我們找不到您要查找的頁面,這是內(nèi)容相似的網(wǎng)頁的一些建議……”。
10.幫助和文檔
即使可以在沒有文檔的情況下使用系統(tǒng)會(huì)更好,但可能仍需要提供幫助和文檔。任何此類信息都應(yīng)該易于搜索,著眼于用戶的任務(wù),列出要執(zhí)行的具體步驟,并且不要太大。
始終明確獲得幫助,并將其放在頂部欄或主導(dǎo)航區(qū)域中,當(dāng)用戶遇到問題并且無法輕松找到解決方案時(shí),必須將他們定向到可以找到的部分。這可以采用常見問題解答頁面的形式,帶有一個(gè)提供可能建議和答案的搜索框。如果沒有可用答案,則系統(tǒng)必須可以選擇通過支持票務(wù)系統(tǒng)或直接電子郵件或電話直接與支持人員聯(lián)系以獲得更多幫助。
文章已得到原作者Cristian Bosch翻譯授權(quán),如果你閱讀后有所收獲則感謝原作者的分享,如果翻譯的不好僅僅是我個(gè)人的能力有限,與原文章無關(guān)。
看完點(diǎn)個(gè)贊鴨~
Powered by Froala Editor
微信公眾號(hào):設(shè)計(jì)文
密碼登錄
大牛,別默默的看了,快登錄幫我點(diǎn)評(píng)一下吧!:)
登錄 立即注冊(cè)