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