學習最重要的UI 設計原則,這些原則將幫助您創建無縫的用戶體驗。大多數用戶只有在出現問題時才會注意到應用程序或軟件的vi設計。出于這個原因,我們可以說好的vi設計幾乎是隱形的,讓用戶可以不受干擾地開始工作。盡管vi設計項目可以多種多樣,但所有好的vi設計示例都傾向于遵循相同的基本黃金法則。
在本文中,價格適中的上海工業vi設計公司將探討最重要的vi設計原則,以實現完全無縫且幾乎難以察覺的用戶體驗。
10 條基本的vi設計原則
有效的用戶界面設計是要從用戶體驗中消除盡可能多的障礙、瓶頸、絆腳石和潛在的混亂原因。最重要的是,我們的目標是創建一個所有用戶都覺得流暢和直觀的導航環境;讓他們以最少的麻煩實現自己的目標。
當然,每個vi設計項目都是不同的。尤其是涉及到更精細的細節時。例如,適用于移動應用程序的解決方案不一定適用于桌面軟件或網站。然而,良好VI 設計的一般原則在所有平臺和項目中保持一致。
1.保持UI設計簡單
UI 設計過程通常很有趣。應該是這樣。但重要的是要關注你的目標,設計師的個人滿意度應該始終排在這個列表的底部。
也許所有主要vi設計原則中最重要的一點就是不要忘記您在為誰設計以及為什么要設計。好的vi設計是實用的;從不裝飾。自我放縱或過于形式主義的設計只會制造不必要的噪音;分散與用戶真正相關的元素的注意力。
“如果你的vi設計的一部分對用戶沒有實際用途,那它就不應該存在。”
將您的設計修剪為基本要素。所有多余的增長都應該被砍掉,只留下那些絕對必要的元素。如果您的vi設計的一部分對用戶沒有實際用途,而只是滿足您自己的創意幻想,那么它不應該存在。
2.預測和搶占
但是你怎么知道什么是與用戶相關的呢?好吧,首先要采取的vi設計步驟之一就是確保您完全了解您的用戶及其需求。一旦你做到了這一點,你就可以預測用戶下一步想要做什么。
現在,您可以準確地為用戶提供他們需要的工具、信息和資源。并且正是他們需要它們的時候。或者,如果這與您希望用戶執行的操作不一致,您可以通過更改設計的早期部分來搶占他們的行為,以便從一開始就將他們引導到完全不同的方向。
3. 讓用戶坐在駕駛座上
用戶應該感到完全掌控——無論他們是否真的在掌控之中。這意味著使vi 淡入背景。當然,當用戶需要它時,它應該始終存在。也正是他們期望的地方。但是沒有人應該覺得界面正在迫使他們采取某種行動或為他們做出決定。即使在某些情況下,這可能正是正在發生的事情。
4. 有條不紊和一致
要掌握的最基本的vi設計概念之一就是保持一致。不僅在內部——即在您自己的平臺上——而且還采用其他地方采用的行業標準。好的UI 設計項目不會重新發明輪子;他們改進它。必要時,我們都支持創新。但正如他們所說,“如果它沒有壞,就不要修理它”。
事實上,即使它壞了,你也可能不想修復它。考慮一下;你的想法可能客觀上“更好”——即更合乎邏輯——但如果它不是用戶期望找到的,它只會讓他們感到困惑。在實踐中,這根本不是“更好”。
此規則適用于從模式到術語的所有內容。如果有疑問,請選擇最廣泛理解的內容。
話雖如此,當引入新的或不尋常的功能時,將它們與以前的功能區分開來同樣重要。而實現這一點的最好方法實際上就是打破我們自己神圣的vi設計原則之一;使用不一致性作為使重要和新穎的特征脫穎而出的一種方式。請記住,故意的不一致與草率或不穩定的行為非常不同。
5.避免UI設計中不必要的復雜性
始終以盡可能少的步驟和屏幕為目標。使用諸如底部工作表和模式窗口之類的覆蓋來壓縮數據并減少應用程序的占用空間。
同時,確保以邏輯、自主和獨立的方式組織信息。事實上,vi設計的黃金法則之一是始終將任務和子任務組合在一起,不僅在主題上,而且以完全實用的方式。
最重要的是,不要將子任務隱藏在沒人會想到的頁面上。沒有人希望在廚房里找到淋浴,在浴室里找到電視,或者在院子里找到壁櫥。根據清晰和合乎邏輯的分類組織屏幕及其內容。
“始終爭取盡可能少的步驟和屏幕。”
同樣,始終將完成任務所需的步驟數量減少到絕對最小值。當只需要一兩個操作時,不要讓用戶經歷繁瑣的點擊障礙。三擊規則是最實用的vi設計原則之一,它指出用戶應該能夠通過在應用程序內的任何位置單擊不超過3 次來實現任何操作或訪問他們需要的任何信息。
最重要的是,永遠不要要求用戶重新輸入他們已經提供的信息。如果您曾經有過這樣的經歷:表單刪除了您的所有信息并讓您重新開始,因為您僅在一個字段中提供了錯誤的輸入,您就會知道沒有什么比這更可能讓用戶扔掉他們的設備了墻,徹底煩惱而放棄。
6. 提供清晰的路標
價格適中的上海工業vi設計公司的第六個基本vi設計原則涉及直觀的布局和清晰的信息標簽。瀏覽您的應用程序不應以任何方式令人生畏或令人困惑,即使對于初次使用的用戶也是如此。相反,對界面的探索應該是有趣的,并且幾乎是在不知不覺中發生的。
確保頁面架構簡單、合乎邏輯且有清晰的路標。用戶永遠不應該懷疑他們在軟件中的位置,也不應該懷疑他們需要做什么才能到達他們可能想去的任何其他地方。
但是不要讓用戶承擔期望他們記住他們是如何到達當前位置的負擔。相反,在必要時提供導航的視覺線索。這樣小紅帽就可以很容易地找到離開森林的路——不用擔心遇到大灰狼。
7. 容忍錯誤
錯誤發生。用戶改變了主意。事實上,如果他們是該應用程序的新手,他們可能一開始并不完全確定自己的行為。
不要對用戶持有這個;通過實現快速且寬容的撤消/重做功能,可以在必要時輕松回溯。這不僅有助于避免因丟失數據和浪費時間而感到沮喪,而且讓用戶有信心探索您的應用程序并進行更改,而不必擔心負面后果。
8. 給出相關反饋
讓用戶了解他們的進度。確認已收到他們的行動。讓他們知道事情正在按他們應該的方式進行。大的、重要的和/或罕見的行動需要大而重要的反饋形式。同時,更小和更頻繁的行動值得更小形式的確認。
“讓用戶了解他們的進度,并確認他們的行動已被收到。”
價格適中的上海工業vi設計公司已經強調過,最重要的vi設計基礎之一就是將信息減少到最低限度。但是沒有什么比狀態信息更重要的了,所以不要強迫用戶去尋找它。狀態信息應始終易于訪問且完全準確。
用戶應該始終準確地知道發生了什么,而不必刻意尋找這些信息或懷疑應用程序是否變得無響應。
當然,偶爾會出現錯誤。當他們這樣做時,應該以清晰易懂的方式通知用戶。讀取“錯誤代碼”的消息,后跟不透明的一系列數字不符合此描述。
相反,解釋問題是什么;告知用戶他們需要做什么;并且在編寫錯誤消息時,不要排除錯誤是由系統故障引起的可能性,而不是由用戶的任何錯誤引起的。
9. 優先考慮功能
未能創建清晰的層次結構是阻礙人們設計真正最小化和流線型UI 的最常見障礙之一。
正如我們已經強調的那樣,每個屏幕上的每個項目對于用戶體驗都應該是絕對必要的,所有在原型設計階段都是多余的。然而,即使在這些基本項目中,也有一些不可避免地比其他項目更重要。價格適中的上海工業vi設計公司的VI設計原則第九條規定,這種層次結構應該清楚地反映在vi設計中。
也許您已經知道您的用戶最想做X?也許你想鼓勵他們也做Y?簡單; 使這兩個功能比Z 更突出。這可以像更改按鈕、文本或其他元素的大小一樣簡單。
10. 設計可訪問性的vi
不要假設所有用戶都和你和你認識的人一樣。這適用于從技術知識和能力到世界觀的方方面面。
來自不同文化背景的人使用應用程序。雖然實際上不能指望您考慮社會和文化習俗的所有可能變化,但不要自動假設您做事的方式是唯一合乎邏輯的做事方式。例如,在世界許多地方,人們從右到左閱讀,因此從左到右放置對象不一定會導致所有用戶 從左到右遇到它們。設計時要考慮問題,而不是答案。
即使是非常簡單的事物,例如您使用的顏色,也會被不同的人以不同的方式看待。這也不僅僅是主觀或文化差異的情況。畢竟,世界上很大一部分人口是色盲。
事實上,雖然顏色是區分vi設計元素和功能的有效方法,但您永遠不應該僅依靠顏色 來實現這一點。相反,將顏色與表單或其他變量結合起來,以對所有用戶都有效的方式幫助區分重要功能。
正如我們往往不會注意到我們呼吸的空氣,直到它被污染或我們完全缺乏空氣一樣,良好的vi設計創造了一個無摩擦的環境,用戶可以在其中茁壯成長,但設計本身幾乎從視野中消失。
總監微信
復制成功
業務咨詢 何先生
業務咨詢 何先生
搜索感興趣的內容