設(shè)計(jì)真正偉大的用戶界面沒有什么偉大的奧秘可言,做到保持簡單易用就可以,
簡潔易用的用戶UI界面設(shè)計(jì)的9個(gè)基本原則...
。‘保持簡單易用’意味著不要讓用戶分心。好的UI讓用戶達(dá)成目標(biāo)后,相應(yīng)的培訓(xùn)和維護(hù)費(fèi)用便降低,同時(shí)獲得更開心、滿足和高效率的用戶。當(dāng)你面對一個(gè)全新的界面設(shè)計(jì)時(shí),別忘了上面的最基本的原則。
下面細(xì)化介紹界面設(shè)計(jì)的9個(gè)原則:(原來有10個(gè)的但是十牌認(rèn)為可以精簡為9個(gè)")
1. 了解你的用戶“關(guān)注用戶:如果在關(guān)注競爭對手還是用戶之間選擇,答案總是后者。工作總是首先從用戶開始。”——Jeff Bezos
了解用戶,因?yàn)橛脩舻哪繕?biāo)就是你的目標(biāo)。試著重述用戶,了解他們的技能水平和體驗(yàn),以及什么是他們需要的。找出用戶偏好什么樣的界面,并觀察他們在界面中如何操作。不要迷戀于追逐設(shè)計(jì)趨勢的更新,或是不斷添加新的功能。首要的任務(wù)是關(guān)注你的用戶,這樣才能創(chuàng)造出一個(gè)能讓用戶達(dá)成目標(biāo)的界面。
2. 重視模型在系統(tǒng)軟件中用戶的大部分時(shí)間都消耗在界面操作中(數(shù)據(jù)錄入、數(shù)據(jù)修改、數(shù)據(jù)查閱、等等),這點(diǎn)與瀏覽為主的網(wǎng)站類頁面的用戶操作完全不同。我們無需畫蛇添足,用戶希望在新創(chuàng)造的界面中看到那些、已有的、相似功能的、或遵循基本操作方式的軟件界面。所以利用已成慣例的UI模型,將使用戶感覺像在家中一樣熟悉。
3. 保持一致性“用戶的期望越多的被正確驗(yàn)證,用戶就越覺得系統(tǒng)在自己掌控之中,從而也就更喜愛它(系統(tǒng))。”——Jakob Nielson
用戶需要一致性。操作的一致以及頁面風(fēng)格的一致。用戶需要知道一旦他們學(xué)會做某項(xiàng)操作,那么下次操作也同樣可行。語言、布局和設(shè)計(jì)是需要保持一致性的幾個(gè)界面元素。一致性的界面可以讓用戶對于如何操作有更好的理解,從而提升效率。
4. 運(yùn)用視覺等級“設(shè)計(jì)師要從混亂中找到統(tǒng)一;要通過組織來操控文字、圖片,從而清晰地傳達(dá)設(shè)計(jì)意圖。”—— Jeffery Veen
設(shè)計(jì)時(shí),要讓用戶把注意力放在最重要的地方。每一個(gè)元素的尺寸、顏色還有位置,它們?yōu)槔斫饨缑婀餐该髁说缆。清晰的層級關(guān)系將對降低外觀和操作的復(fù)雜性起到重要作用。
5. 提供反饋界面要始終保持和用戶進(jìn)行溝通,不管當(dāng)他/她們的行為對錯(cuò)與否。隨時(shí)提示用戶的行為:狀態(tài)更改、出現(xiàn)錯(cuò)誤或者異常信息等,
電腦資料
《簡潔易用的用戶UI界面設(shè)計(jì)的9個(gè)基本原則...》(http://m.clearvueentertainment.com)。視覺提示或是簡單文字提醒都能告訴用戶,他/她們的行為是否能夠達(dá)到預(yù)期的結(jié)果。6. 界面保持寬容無論設(shè)計(jì)的界面多么的清晰明了,用戶都會犯錯(cuò)。所以在設(shè)計(jì)界面時(shí)應(yīng)當(dāng)考慮如何允許并寬容的對待用戶的錯(cuò)誤。例如要為用戶提供可以撤銷行為的方式和入口;對不同的輸入數(shù)據(jù)盡量寬容(沒人愿意只是因?yàn)樘铄e(cuò)了生日的格式而重頭再來)。另外如果用戶的行為引起了一個(gè)錯(cuò)誤,在恰當(dāng)?shù)臅r(shí)機(jī)運(yùn)用信息顯示什么行為是錯(cuò)誤的,并確保他/她們明白如何防止這種錯(cuò)誤的再次發(fā)生。
7. 鼓勵(lì)用戶一旦用戶在完成了關(guān)鍵操作,要及時(shí)告知用戶(彈出對話框等)。
值得注意的是把一個(gè)復(fù)雜的流程任務(wù)分解為若干簡單步驟將會更顯繁復(fù)和讓人精力分散。所以無論正在執(zhí)行的任務(wù)有多么復(fù)雜和漫長在界面上要保持流程的不間斷性。
8. 融入用戶的語言“如果對每個(gè)像素、每個(gè)圖標(biāo)、每個(gè)字體都要考慮再三,那么同樣需要斟酌每個(gè)詞語。” —— Getting Real
所有的界面或多或少都有文字在上。讓文稿盡量口語化,減少華美辭藻的堆砌。為行為提供清晰、簡明的標(biāo)簽,保持簡樸的文字?jǐn)⑹。用戶對此將會很贊賞,因?yàn)樗麄儾辉偈锹犆谒说墓偾?mdash;—他們聽到的是如朋友般甚至自己說話的表述方式。
9. 保持簡潔“創(chuàng)造復(fù)雜的界面很簡單,但如何將復(fù)雜的界面簡化卻很難”—— Per Almqvist
正所謂:大音希聲、大象無形。優(yōu)秀的系統(tǒng)類軟件頁面中,你看不到華而不實(shí)的UI修飾,更看不到那些用不到的設(shè)計(jì)元素。換而言之,必須出現(xiàn)的元素一定是簡潔且有意義的。所以當(dāng)想著是否要在界面上加一個(gè)新功能或是新元素的時(shí)候,再思考一下:“用戶或者界面中真的需要這些么?”,“為什么用戶想要在這里當(dāng)這個(gè)小巧的動(dòng)態(tài)圖標(biāo)?”。是否只是因?yàn)槌鲇谧晕蚁埠煤晚撁娴钠炼ヌ砑舆@些元素?優(yōu)秀的UI工程師做出來的系統(tǒng)類界面不會十分華麗,頁面中沒有任何分散用戶注意力打攪用戶操作的元素。甚至應(yīng)該達(dá)到在用戶使用系統(tǒng)的時(shí)候完全注意不到頁面和操作復(fù)雜的問題,一切都應(yīng)該是順理成章的。
系統(tǒng)類用戶界面設(shè)計(jì)的最終目的就是:將軟件設(shè)計(jì)成原本就應(yīng)該展現(xiàn)的那樣子。
來自:Kyle Sollenberger
整理:十牌