2021-8-25 ui設計分享達人
在生活中,有一些規(guī)則是你絕對不能打破的,如果你打破了,將會付出慘痛的代價。在用戶界面設計中,也有一些必須遵守的規(guī)則。它們被稱為“啟發(fā)式”或提高用戶界面可用性的一般原則。這些是經(jīng)過了長時間測試的可重復的模式,可以幫助用戶更好地瀏覽界面。一個良好的設計一定會考慮到以下原則,一個不那么好的設計總是會缺少其中的一個或多個原則,那么作為一個UI設計師,為什么要忽略這些原則讓你的用戶如此頭疼呢?
該系統(tǒng)應在合理的時間內通過適當?shù)姆答伿褂脩袅私庹诎l(fā)生的事情。
你要不斷地給你的用戶展示適當?shù)男畔ⅰ⑻崾竞捅尘?,使他們在任何時候都知道他們在系統(tǒng)中的位置。這可以讓用戶感覺自己處于控制之中,知道下一步該做什么。這個項目被添加到購物車了嗎?編輯的內容被保存了嗎?這個過程需要多長時間?我的訂單的狀態(tài)是什么?現(xiàn)在正在發(fā)生什么?不斷地為用戶回答這樣的問題,不要讓他們猜測或蒙在鼓里。
2.將系統(tǒng)與現(xiàn)實世界相匹配
你設計的系統(tǒng)應該使用用戶熟悉的語言,使用用戶熟悉的單詞、短語和概念,而不是使用專業(yè)地術語。你要遵循現(xiàn)實世界的慣例,使信息以自然和邏輯的順序出現(xiàn)。
使用熟悉的詞語和語言,不要讓措辭過于復雜。屏幕上的單詞或圖標的含義應該對目標受眾清晰易懂。人們還帶有心理模型和經(jīng)驗,可以讓他們解釋圖標。
技術的最大進步之一是圖形用戶界面的出現(xiàn)。在圖形用戶界面之前,計算機屏幕上只有晦澀難懂的文字命令,每當你想執(zhí)行一個動作時都要記住并重復。然后,一切都改變了。屏幕上顯示的是文件夾和文件的小圖像以及一個手形光標。這些都是人們能夠立即理解的視覺符號。不需要解釋,因為它引用了現(xiàn)實世界的心理模型。
3.一致性和標準
用戶不應懷疑不同的詞語、情況或行動是否意味著同樣的事情。
有兩種類型的一致性:內部和外部。內部一致性是指你的網(wǎng)站或應用程序中的模式要一致。這很簡單,比如在所有的頁面上保持相同顏色的鏈接,或者在每個屏幕上對相同的概念使用相同的圖標,比如HOME。外部一致性是指大多數(shù)人使用的其他軟件和系統(tǒng)中的慣例,如購物車。大多數(shù)人都熟悉購物車的使用方式。你不需要重新發(fā)明什么東西。如果你這樣做,你可能會讓你的用戶更難學會你的購物車如何工作。保持一致,為用戶節(jié)省不必要的混亂。
4.用戶控制&自由
用戶經(jīng)常會錯誤地選擇系統(tǒng)功能,并且需要一個明確的“緊急出口”提示才能離開不需要的狀態(tài),并且無需通過擴展對話就能支持撤銷和重做。
始終為用戶提供一條出路。不要強迫用戶執(zhí)行他們不需要的功能,或者把他們引向死胡同。例如,如果你正在設計一個結賬流程,如果用戶愿意,就讓他們繼續(xù)購物。如果他們試圖在一個應用程序上執(zhí)行一個動作,當他們在最后一刻不確定是否要繼續(xù)時,就讓用戶取消。
5.錯誤預防
比起錯誤提示信息更好的是一個精心的設計,它可以從一開始就防止問題的發(fā)生。要么消除容易出錯的條件,要么檢查這些條件,并在用戶承諾行動之前向他們提供一個確認選項。
當系統(tǒng)操作到很關鍵的一步時,如刪除文件或向1000個收件人發(fā)送電子郵件,要確保用戶知道他們將做一些重大的事情。向他們展示確認對話或提供額外的信息,清楚地定義在行動之后將發(fā)生什么。這將防止他們在不確定自己的行動時進一步行動。這也將為他們省去大量的遺憾。
6.利用識別而減少回憶
通過使對象、行動和選項可見,盡量減少用戶的記憶負荷。用戶不應該記住從對話的一個部分到另一個部分的信息。在適當?shù)臅r候,系統(tǒng)的使用說明應該是可見的或容易檢索的。
作為UI設計師,我們的目標之一是減少用戶的認知負荷。記憶以兩種方式工作:識別和回憶。識別是指你立即熟悉的東西。比如一個人的臉。你看著一個朋友的臉,你馬上就知道你以前見過他們?;貞浀淖饔脛t不同。它是你必須從記憶中檢索出來的東西,比如一個人的名字?;貞浲ǔP枰嗟臅r間和工作,因為你的大腦必須處理更多的信息來破譯它所看到的東西。
另一方面,識別是即時的。我們希望在我們的用戶界面上具有更多的識別,而減少回憶。實踐這個原則的一個很好的例子是使用普遍可識別的按鈕和圖標來表示功能,例如用房子表示 "家",用鉛筆表示 "編輯"。如果你必須為你的用戶界面設計新的圖標,而大多數(shù)人以前從未見過這些圖標,那么請使用文本描述符來澄清并減少認知的負擔。
7.使用的靈活性和效率
新手用戶看不到的加速器通??梢约铀偕疃扔脩舻慕换ィ@樣系統(tǒng)就可以同時滿足沒有經(jīng)驗和有經(jīng)驗的用戶的需求。允許用戶定制頻繁的操作。
當某些任務在你的應用或系統(tǒng)中反復出現(xiàn)時,你可能想讓用戶更有效地進行互動。例如,使用滑動手勢來保存或刪除移動應用程序上列表中的項目。刪除一個項目的正常方式是打開一個項目,然后按下刪除按鈕。專業(yè)的方式(也是更有效的方式)是通過簡單的滑動并立即從列表中刪除項目。
8.極簡主義的設計和審美
對話不應包含不相關或很少需要的信息。對話中每一個額外的信息單元都會與相關的信息單元競爭,并降低它們的相對可見度。
當為藝術而設計時,如果我們走巴洛克風格,可以用人工制品、紋理和圖像填滿屏幕。但是當為交互而設計時,我們的目標是降低信噪比。這樣做會使我們的界面對用戶來說更容易理解。你可以應用這個原則,把屏幕上顯示的內容減少到最低限度,不管是圖像還是文字,這樣用戶就可以專注于手頭的工作而不會分心。
9.幫助用戶識別、診斷和恢復錯誤
錯誤信息應該用簡單的語言表達,精確地指出問題,并建設性地提出解決方案。
錯誤會發(fā)生,那是不可避免的。用戶遇到錯誤后發(fā)生什么是UI設計師的責任。因此,我們應設計可以理解的錯誤頁面和提醒來幫助用戶,并提供解決問題的選項或方案。例如,讓我們來看看無處不在的404頁面。作為設計者,我們知道錯誤的404頁面意味著什么,但用戶一般都不知道。為了幫助用戶,我們必須把404翻譯成簡單的語言,加入一些文案,使其清楚地知道剛剛發(fā)生了什么,比如 "對不起,我們找不到你要找的頁面。這里有一些具有類似內容的頁面建議......"。
10.幫助&文件
盡管系統(tǒng)不需要說明就能使用的話會更好,但可能還是有必要提供幫助和說明。任何這樣的信息都應該易于搜索,集中在用戶的任務上,列出要執(zhí)行的具體步驟,而且不要太多。
始終讓人們能便捷地獲得幫助,把幫助放在頂欄或主導航區(qū)的顯要位置。當用戶遇到問題而不能輕易找到解決方案時,他們必須被引導到一個可以解決問題的地方。這可以采取FAQ頁面的形式,用一個搜索框提供可能的建議和答案。在沒有答案的情況下,系統(tǒng)必須有一個選項,可以通過支持在線詢問或電子郵件或電話,直接與支持部門聯(lián)系以獲得額外的幫助。
藍藍設計建立了UI設計分享群,每天會分享國內外的一些優(yōu)秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼ben_lanlan,報下信息,會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯(lián)系。
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯(lián)系,我們立即更正或刪除。
藍藍設計( www.yvirxh.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務