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
本文地址:http://irelandcustomcontracting.com/tutorial/ui2569.html
您可能還喜歡
- 經(jīng)典網(wǎng)頁(yè)配色方案之無(wú)色系
- 對(duì)齊!框框框!ps中對(duì)齊和參考線(xiàn)詳解
- banner實(shí)戰(zhàn)技巧-版式平衡構(gòu)圖
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏大視
- 如何成功運(yùn)用扁平化設(shè)計(jì)與色彩趨勢(shì)
- 做有思想的網(wǎng)頁(yè)設(shè)計(jì)-banner實(shí)例講解
- [圖趣]色彩搭配的核心原則和聯(lián)想
- 扁平化設(shè)計(jì)與可訪(fǎng)問(wèn)性
- 網(wǎng)頁(yè)設(shè)計(jì)專(zhuān)題技巧淺析
- WEB設(shè)計(jì)中的排版
- 專(zhuān)訪(fǎng):石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類(lèi)
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏