UI設(shè)計(jì)攻略:設(shè)計(jì)師需注意的九大要點(diǎn)
用戶界面設(shè)計(jì)應(yīng)用非常廣泛,比如網(wǎng)站設(shè)計(jì)、計(jì)算機(jī)設(shè)計(jì)、應(yīng)用設(shè)計(jì)等等。如同其名,在用戶設(shè)計(jì)中,用戶是最大的也是最重要的體驗(yàn)者。因此,在做設(shè)計(jì)時我們需要牢記遵循用戶體驗(yàn)以及互動性原則。
界面設(shè)計(jì)旨在讓用戶簡單交互且高效。總之,以用戶為中心的設(shè)計(jì)才是最好的界面設(shè)計(jì)。如果用戶界面設(shè)計(jì)能夠做到再不受任何干擾的情況下完成任務(wù),才可被稱之為良好的用戶界面。
設(shè)計(jì)良好的用戶界面并不容易,它要求具備偉大的設(shè)計(jì)技能、良好的設(shè)計(jì)領(lǐng)域知識以及了解用戶需求。從項(xiàng)目初期到最終呈現(xiàn)出的項(xiàng)目,用戶界面設(shè)計(jì)需要遵循各種各樣的過程。作者Rajni Setia列出了在用戶界面設(shè)計(jì)中最常見也是最重要的九大特性,我們一起來看下。
1. 清晰
清晰是用戶界面設(shè)計(jì)最重要的一大特性,它有助于防止用戶出錯,清楚地呈現(xiàn)出重要信息并提供完美的用戶體驗(yàn)。清晰意味著能準(zhǔn)確表達(dá)出信息內(nèi)容。
2. 簡潔
清晰在用戶界面中固然重要,但是這并不是說讓你的設(shè)計(jì)信息過于泛濫。
增添自定義信息和解釋說明這并不難,但是過于繁雜的內(nèi)容肯定是個Bug,因?yàn)檫@就需要用戶花大量的時間去閱讀它們。因此,強(qiáng)烈建議保持清晰和簡潔原則,即言簡意賅!這么做的好處是為了給用戶節(jié)省寶貴時間,盡可能的簡明扼要。
3. 一致性
一致性是良好的用戶界面設(shè)計(jì)另一大特性。它允許用戶自主開發(fā)使用模式,幫助用戶了解不同的按鈕、標(biāo)簽、圖表以及其他的界面元素,從而輕易地找到它們。一款獨(dú)特的設(shè)計(jì)是能夠整合用戶的終端需求才稱得上一個良好的用戶界面設(shè)計(jì)。
4. 易讀性
用戶界面設(shè)計(jì)需牢記易讀性這一原則,這就要求你不要使用復(fù)雜的言語讓用戶難以閱讀與理解,相反而應(yīng)該使用簡單的語言,并確保你的設(shè)計(jì)包括信息易于閱讀。
5. 響應(yīng)式
這里的響應(yīng)式是指在加載過程中不會出現(xiàn)延遲,這就要求快速!良好的加載速度勢必會提升用戶體驗(yàn)。此外,還應(yīng)該給用戶手頭上的任務(wù)提供有益的信息,界面上呈現(xiàn)出的信息應(yīng)及時反饋給用戶,讓用戶知悉發(fā)生了什么事情。因此,明智的做法是應(yīng)該創(chuàng)建一個顯示進(jìn)度條的欄目,讓用戶知道當(dāng)前的狀態(tài)。
6. 寬恕
最佳的用戶界面設(shè)計(jì)是能夠?qū)捤∮脩舢?dāng)發(fā)生錯誤操作后可取消錯誤該指令,且不會出現(xiàn)任何亂子。一款良好的界面應(yīng)當(dāng)允許用戶恢復(fù)已刪除的項(xiàng)目。簡單一句話,用戶的操作行為是可逆的。
7. 熟悉性
如果你能確定用戶界面設(shè)計(jì)具備一致性,那么它肯定能帶給用戶熟悉的特定元素。
這個熟悉特性意味著用戶能夠在預(yù)期的地方第一次就可查看到界面元素。設(shè)計(jì)中的獨(dú)特性固然是件好事,但這里依然建議在預(yù)期的地方采用位置元素以便用戶更好的發(fā)掘。
8. 高效
通過用戶界面首先要弄清楚什么才是用戶想要達(dá)到的目標(biāo),然后再讓用戶進(jìn)行選擇。制定一個界面能夠讓用戶輕易地完成他們想要的東西,而不是那些令人煩惱的清單進(jìn)而破壞了整體的體驗(yàn)效果。
9. 吸引力
用戶界面設(shè)計(jì)應(yīng)當(dāng)注重用戶體驗(yàn),除了這炫酷的user-friendly特性功能外還應(yīng)當(dāng)包括視覺效果。
如果你失去了視覺吸引力效果,那么整體的努力算是白費(fèi)了。因此,當(dāng)你進(jìn)行用戶界面設(shè)計(jì)時 ,請不要忽略視覺吸引力的價值。
總結(jié):
一款良好的用戶界面設(shè)計(jì)應(yīng)當(dāng)包含以上所提及的這些特性。文中提及的這些元素或者特性能夠?yàn)槟闾嵘脩趔w驗(yàn)。畢竟,有效性、效率以及用戶滿意度才是用戶界面設(shè)計(jì)的首要目標(biāo)。
英文出自: Thedesignblitz
本文地址:http://m.likemindfilms.com/tutorial/ui2569.html