什么是用戶(hù)界面設(shè)計(jì)? 什么是有效的用戶(hù)界面設(shè)計(jì)? 你打算如何把用戶(hù)界面設(shè)計(jì)得更好?今天圭谷設(shè)計(jì)與大家討論一下關(guān)于青島網(wǎng)站建設(shè)中的用戶(hù)界面設(shè)計(jì)知識(shí)。
什么是用戶(hù)界面(UI)?
“在你使用工具完成任務(wù)的過(guò)程中,你所做的操作以及工具的響應(yīng),這些結(jié)合起來(lái)就構(gòu)成了界面?!?/p>
用戶(hù)在第一次使用一個(gè)界面時(shí),仍然能發(fā)現(xiàn)某些元素是他們所熟知的。
用戶(hù)界面設(shè)計(jì)并不僅僅是考慮如何擺放按鈕和菜單,更為重要的是考慮應(yīng)用程序或設(shè)備如何與用戶(hù)互動(dòng);更多時(shí)候,還要考慮產(chǎn)品與多個(gè)用戶(hù)之間的互動(dòng)。這就
意味著,用戶(hù)界面設(shè)計(jì)不僅要做出好看的產(chǎn)品外觀,還要做出好用的產(chǎn)品。這不僅僅是調(diào)整一下按鈕的位置、給他們選選顏色,而是要為完成一項(xiàng)任務(wù)而選擇正確的工具。一個(gè)特殊的界面,是否需要使用按鈕? 如果確實(shí)需要,那么這些按鈕將完成什么樣的工作? 這個(gè)按鈕需要如何設(shè)計(jì)才能讓用戶(hù)了解這個(gè)應(yīng)用程序的工作方式,并且輕松達(dá)到用戶(hù)的目的。
在產(chǎn)品的開(kāi)發(fā)周期中,盡早開(kāi)始用戶(hù)界面設(shè)計(jì)至關(guān)重要。正如 Jef Raskin 所說(shuō):“對(duì)消費(fèi)者而言,界面就是產(chǎn)品[注釋]”。用戶(hù)一直看到和使用的都是用戶(hù)界面,而不是深藏在應(yīng)用程序背后的技術(shù)體系結(jié)構(gòu)。把界面做好,這將極大地提高用戶(hù)使用產(chǎn)品時(shí)的愉悅感,這也能讓其很容易就掌握產(chǎn)品的使用方法。所以,先從界面設(shè)計(jì)開(kāi)始,然后再開(kāi)始應(yīng)用程序后臺(tái)引擎的編碼,要好于先開(kāi)始編碼,再給它包裹一層界面。
什么因素能成就一個(gè)偉大的用戶(hù)界面?
在我們開(kāi)始著手設(shè)計(jì)用戶(hù)界面之前,首先應(yīng)該理解什么樣的用戶(hù)界面才是出色的用戶(hù)界面,我們的設(shè)計(jì)要具備哪些品質(zhì)才夠得上“出色”。所有偉大的用戶(hù)界面大都具有下面這8 個(gè)品質(zhì)或特點(diǎn)。
1. 清晰—通過(guò)使用文字、流程圖、層級(jí)圖、圖標(biāo)等元素,避免用戶(hù)對(duì)界面產(chǎn)生困惑。清晰的界面不需要手冊(cè),同時(shí)還能確保用戶(hù)在使用的過(guò)程中減少犯錯(cuò)。
2. 簡(jiǎn)潔—為了讓界面清晰,可以通過(guò)在所有元素上添加浮動(dòng)框說(shuō)明或者標(biāo)簽這種簡(jiǎn)單的方法來(lái)實(shí)現(xiàn),但這樣做會(huì)導(dǎo)致界面膨脹臃腫。如果電腦屏幕上同時(shí)充斥了
太多的東西,找到你想要的東西是非常困難的,用戶(hù)使用起來(lái)就覺(jué)得困難乏味。如何讓界面同時(shí)保持簡(jiǎn)潔和清晰,這正是設(shè)計(jì)偉大界面的挑戰(zhàn)所在。
3. 熟悉—人們總是對(duì)之前見(jiàn)過(guò)的東西有一種熟悉的感覺(jué),有的界面即使是第一次使用,其中的有些元素我們還是會(huì)感覺(jué)很熟悉。在設(shè)計(jì)過(guò)程中,使用一些現(xiàn)實(shí)生活中公認(rèn)的意象能夠更好地幫助用戶(hù)理解。例如,文件夾樣式的選項(xiàng)卡通常在青島做網(wǎng)站和應(yīng)用程序中起導(dǎo)航作用,人們很快就能意識(shí)到它的導(dǎo)航作用,因?yàn)楝F(xiàn)實(shí)生活中,我們也是通過(guò)文件夾來(lái)分類(lèi)資料的。
4. 響應(yīng)性—這意味著兩件事情。首先,響應(yīng)必須迅速,一個(gè)良好的界面不應(yīng)該讓人感覺(jué)反應(yīng)遲緩。其次,界面應(yīng)該提醒用戶(hù)發(fā)生了什么事,用戶(hù)的輸入是否成功地處理,讓用戶(hù)了解這些信息反饋。并且明確告訴用戶(hù),他的請(qǐng)求已經(jīng)被成功受理。
5. 一致性—在整個(gè)應(yīng)用程序中保持界面一致是非常重要的,這能夠讓用戶(hù)識(shí)別出使用的模式。一旦用戶(hù)學(xué)會(huì)了界面中某個(gè)部分的操作,他很快就能知道如何在其他地方或其他特性上進(jìn)行操作,就好像他們?cè)缇椭浪频摹?/p>
6. 美學(xué)性—盡管你不需要把一個(gè)界面做得非常有吸引力,但是有一個(gè)好看的界面會(huì)讓用戶(hù)工作起來(lái)更開(kāi)心。況且,讓用戶(hù)開(kāi)心絕對(duì)是一件好事。
7. 高效性—時(shí)間就是金錢(qián),一個(gè)偉大的界面應(yīng)當(dāng)通過(guò)快捷菜單或者良好的設(shè)計(jì)來(lái)幫助用戶(hù)提高工作效率。畢竟這是科技帶給我們的一個(gè)最大好處,它允許我們用更少的時(shí)間和努力來(lái)完成更多的工作。
8. 容錯(cuò)性—每個(gè)人都會(huì)犯錯(cuò),你的應(yīng)用程序如何處理用戶(hù)所犯的錯(cuò)誤是對(duì)它的總體質(zhì)量的最好測(cè)試。它是否容易撤消操作? 是否容易恢復(fù)刪除的文件? 一個(gè)好的用戶(hù)界面不應(yīng)當(dāng)因?yàn)橛脩?hù)的錯(cuò)誤而懲罰用戶(hù),而應(yīng)該總是為用戶(hù)提供犯錯(cuò)之后的補(bǔ)救方法。
想要設(shè)計(jì)一個(gè)包含所有特性的用戶(hù)界面非常困難,因?yàn)楦鱾€(gè)特性之間總是相互影響。你在界面中增加的元素越多,用戶(hù)在使用上所花的努力就越大。當(dāng)然,反過(guò)來(lái)亦是如此。沒(méi)有足夠的幫助和支持,用戶(hù)會(huì)茫然不知所措。如何設(shè)計(jì)既簡(jiǎn)潔、優(yōu)雅,又清晰、一致的用戶(hù)界面,是擺在用戶(hù)界面設(shè)計(jì)師面前的最大難題。
Copyright All Rights GreatGoal Design co.,ltd. 魯ICP備16002128號(hào)-3