您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁(yè)設(shè)計(jì)教程 >> 視覺(jué)設(shè)計(jì) >> 瀏覽設(shè)計(jì)教程

UI設(shè)計(jì)攻略:設(shè)計(jì)師需注意的九大要點(diǎn)

用戶(hù)界面設(shè)計(jì)應(yīng)用非常廣泛,比如網(wǎng)站設(shè)計(jì)、計(jì)算機(jī)設(shè)計(jì)、應(yīng)用設(shè)計(jì)等等。如同其名,在用戶(hù)設(shè)計(jì)中,用戶(hù)是最大的也是最重要的體驗(yàn)者。因此,在做設(shè)計(jì)時(shí)我們需要牢記遵循用戶(hù)體驗(yàn)以及互動(dòng)性原則。

界面設(shè)計(jì)旨在讓用戶(hù)簡(jiǎn)單交互且高效??傊?,以用戶(hù)為中心的設(shè)計(jì)才是最好的界面設(shè)計(jì)。如果用戶(hù)界面設(shè)計(jì)能夠做到再不受任何干擾的情況下完成任務(wù),才可被稱(chēng)之為良好的用戶(hù)界面。

設(shè)計(jì)良好的用戶(hù)界面并不容易,它要求具備偉大的設(shè)計(jì)技能、良好的設(shè)計(jì)領(lǐng)域知識(shí)以及了解用戶(hù)需求。從項(xiàng)目初期到最終呈現(xiàn)出的項(xiàng)目,用戶(hù)界面設(shè)計(jì)需要遵循各種各樣的過(guò)程。作者Rajni Setia列出了在用戶(hù)界面設(shè)計(jì)中最常見(jiàn)也是最重要的九大特性,我們一起來(lái)看下。

1. 清晰

清晰是用戶(hù)界面設(shè)計(jì)最重要的一大特性,它有助于防止用戶(hù)出錯(cuò),清楚地呈現(xiàn)出重要信息并提供完美的用戶(hù)體驗(yàn)。清晰意味著能準(zhǔn)確表達(dá)出信息內(nèi)容。

2. 簡(jiǎn)潔

清晰在用戶(hù)界面中固然重要,但是這并不是說(shuō)讓你的設(shè)計(jì)信息過(guò)于泛濫。

增添自定義信息和解釋說(shuō)明這并不難,但是過(guò)于繁雜的內(nèi)容肯定是個(gè)Bug,因?yàn)檫@就需要用戶(hù)花大量的時(shí)間去閱讀它們。因此,強(qiáng)烈建議保持清晰和簡(jiǎn)潔原則,即言簡(jiǎn)意賅!這么做的好處是為了給用戶(hù)節(jié)省寶貴時(shí)間,盡可能的簡(jiǎn)明扼要。

3. 一致性

一致性是良好的用戶(hù)界面設(shè)計(jì)另一大特性。它允許用戶(hù)自主開(kāi)發(fā)使用模式,幫助用戶(hù)了解不同的按鈕、標(biāo)簽、圖表以及其他的界面元素,從而輕易地找到它們。一款獨(dú)特的設(shè)計(jì)是能夠整合用戶(hù)的終端需求才稱(chēng)得上一個(gè)良好的用戶(hù)界面設(shè)計(jì)。

4. 易讀性

用戶(hù)界面設(shè)計(jì)需牢記易讀性這一原則,這就要求你不要使用復(fù)雜的言語(yǔ)讓用戶(hù)難以閱讀與理解,相反而應(yīng)該使用簡(jiǎn)單的語(yǔ)言,并確保你的設(shè)計(jì)包括信息易于閱讀。

5. 響應(yīng)式

這里的響應(yīng)式是指在加載過(guò)程中不會(huì)出現(xiàn)延遲,這就要求快速!良好的加載速度勢(shì)必會(huì)提升用戶(hù)體驗(yàn)。此外,還應(yīng)該給用戶(hù)手頭上的任務(wù)提供有益的信息,界面上呈現(xiàn)出的信息應(yīng)及時(shí)反饋給用戶(hù),讓用戶(hù)知悉發(fā)生了什么事情。因此,明智的做法是應(yīng)該創(chuàng)建一個(gè)顯示進(jìn)度條的欄目,讓用戶(hù)知道當(dāng)前的狀態(tài)。

6.  寬恕

最佳的用戶(hù)界面設(shè)計(jì)是能夠?qū)捤∮脩?hù)當(dāng)發(fā)生錯(cuò)誤操作后可取消錯(cuò)誤該指令,且不會(huì)出現(xiàn)任何亂子。一款良好的界面應(yīng)當(dāng)允許用戶(hù)恢復(fù)已刪除的項(xiàng)目。簡(jiǎn)單一句話(huà),用戶(hù)的操作行為是可逆的。

7. 熟悉性

如果你能確定用戶(hù)界面設(shè)計(jì)具備一致性,那么它肯定能帶給用戶(hù)熟悉的特定元素。

這個(gè)熟悉特性意味著用戶(hù)能夠在預(yù)期的地方第一次就可查看到界面元素。設(shè)計(jì)中的獨(dú)特性固然是件好事,但這里依然建議在預(yù)期的地方采用位置元素以便用戶(hù)更好的發(fā)掘。

8. 高效

通過(guò)用戶(hù)界面首先要弄清楚什么才是用戶(hù)想要達(dá)到的目標(biāo),然后再讓用戶(hù)進(jìn)行選擇。制定一個(gè)界面能夠讓用戶(hù)輕易地完成他們想要的東西,而不是那些令人煩惱的清單進(jìn)而破壞了整體的體驗(yàn)效果。

9. 吸引力

用戶(hù)界面設(shè)計(jì)應(yīng)當(dāng)注重用戶(hù)體驗(yàn),除了這炫酷的user-friendly特性功能外還應(yīng)當(dāng)包括視覺(jué)效果。

如果你失去了視覺(jué)吸引力效果,那么整體的努力算是白費(fèi)了。因此,當(dāng)你進(jìn)行用戶(hù)界面設(shè)計(jì)時(shí) ,請(qǐng)不要忽略視覺(jué)吸引力的價(jià)值。

總結(jié):

一款良好的用戶(hù)界面設(shè)計(jì)應(yīng)當(dāng)包含以上所提及的這些特性。文中提及的這些元素或者特性能夠?yàn)槟闾嵘脩?hù)體驗(yàn)。畢竟,有效性、效率以及用戶(hù)滿(mǎn)意度才是用戶(hù)界面設(shè)計(jì)的首要目標(biāo)。

英文出自: Thedesignblitz

[教程作者:未知]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://m.pkvc.cn/tutorial/ui2569.html
暢游VC:如何快速打造逆光場(chǎng)景
關(guān)于設(shè)計(jì)師-項(xiàng)目為什么要做線(xiàn)框圖
圖趣網(wǎng)微信
建議反饋
×