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