全國(guó)
手機(jī)版|
關(guān)注公眾號(hào)|
下載手機(jī)APPUI即User Interface（用戶界面）的簡(jiǎn)稱。UI設(shè)計(jì)的魅力在于，你不僅需要適當(dāng)?shù)募记?，更要理解用戶與程序的關(guān)系。一個(gè)有效的用戶界面關(guān)注的是用戶目標(biāo)的實(shí)現(xiàn)，包括視覺(jué)元素與功能操作在內(nèi)的所有東西都需要完整一致。為了實(shí)現(xiàn)這個(gè)目標(biāo)，在設(shè)計(jì)的過(guò)程中，你需要注意下面12個(gè)最基本的問(wèn)題。
1．你的 UI 是否高度一致？
用戶來(lái)到你的站點(diǎn)，腦子里會(huì)保持著一種思維習(xí)慣，你的 UI 需要保持一致，以免用戶的思維方向被打亂。比如，如果你的某個(gè)品目下的產(chǎn)品可以拖放到購(gòu)物車(chē)，那你站點(diǎn)中所有產(chǎn)品都應(yīng)該可以這樣操作。將按鈕放到不同頁(yè)面相似的位置，使用相契合的配色，使用一致的語(yǔ)法和書(shū)寫(xiě)習(xí)慣，同時(shí)，讓你的頁(yè)面擁有一致的結(jié)構(gòu)。
2．用戶能自由掌控自己的操作嗎？
你應(yīng)當(dāng)分析一下，自己的站點(diǎn)是否容易導(dǎo)航。用戶應(yīng)當(dāng)可以自由掌控自己的瀏覽行為，確保他們能從某個(gè)地點(diǎn)跳出，能夠毫無(wú)障礙地退出。那些在用戶離開(kāi)前彈出窗口的行為是 UI 易用性的一個(gè)大問(wèn)題。
3．你知道誰(shuí)是你的用戶群?jiǎn)幔?/div>
要設(shè)計(jì)有效的 UI，必須對(duì)你的用戶群有所了解，不同的用戶階層對(duì)不同的設(shè)計(jì)元素有不同的理解，17~25 歲年齡段的人，和 40~55 年齡斷的人有不同的喜好。你的 UI 設(shè)計(jì)必須針對(duì)你的用戶群進(jìn)行設(shè)計(jì)。
4．你是否有足夠的預(yù)防錯(cuò)誤的措施？
應(yīng)該盡可能檢查程序中的錯(cuò)誤和 BUG，雖然你可以彈出一個(gè)窗口告訴用戶發(fā)生了什么，但為了更好的用戶體驗(yàn)，最好減少這些東西。Beta 測(cè)試是消減錯(cuò)誤的最好方法。
5．你是否首先將最重要的東西展示給用戶？
將重點(diǎn)放在重要的內(nèi)容上面，首先為用戶展示最重要的內(nèi)容，以便用戶更好地理解你的內(nèi)容。
6．你的設(shè)計(jì)是否簡(jiǎn)約？
很多站點(diǎn)的設(shè)計(jì)十分簡(jiǎn)約，簡(jiǎn)約設(shè)計(jì)可以增強(qiáng) UI 的易用性，可以讓用戶不必關(guān)心那些無(wú)關(guān)的信息。你的 UI 應(yīng)該是這樣的，它的功能很強(qiáng)大，但設(shè)計(jì)很簡(jiǎn)約，擁擠的界面，不管功能多么強(qiáng)大，都會(huì)嚇跑用戶。
7．你是否使用了視覺(jué)提示？
如果你使用了 Ajax， Flash 一類(lèi)的技術(shù)，當(dāng)內(nèi)容在加載的時(shí)候，應(yīng)當(dāng)提供視覺(jué)提示，應(yīng)當(dāng)始終讓用戶知道目前在做什么。
8．你的 UI 是否有操作提示？
你的用戶是否靠自己研究或 FAQ 文檔學(xué)習(xí)如何操作？你應(yīng)當(dāng)在 UI 現(xiàn)場(chǎng)提供簡(jiǎn)單的操作提示，比如，使用 jQuery 在你的各個(gè) UI 元素上顯示操作提示。
9．你的內(nèi)容是否清晰？
確保你的文本準(zhǔn)確，清晰，易懂。
10．你如何使用色彩？
色彩是 UI 的重要元素，不同的顏色代表不同的情緒，你對(duì)色彩的使用應(yīng)當(dāng)和站點(diǎn)以及主題相契合。還應(yīng)注意，有的用戶是色盲，你應(yīng)當(dāng)考慮到他們的感受。色彩的使用應(yīng)該一致，一旦選定了某種配色，就應(yīng)該在整個(gè)站點(diǎn)一致使用這種配色。
11．你的 UI 是否大象無(wú)形？
UI Engineering 曾經(jīng)說(shuō)過(guò)，“最好的設(shè)計(jì)不是用來(lái)看的，是用來(lái)體驗(yàn)的”。這意味著，你的 UI 應(yīng)該讓用戶去體驗(yàn)，而不是放一些花哨的東西給用戶看。UI 設(shè)計(jì)越簡(jiǎn)單，用戶體驗(yàn)越好，不要濫用設(shè)計(jì)元素，不要使用擁擠的界面。
12．你的 UI 是否有良好的結(jié)構(gòu)？
你的 UI 中，各個(gè)元素應(yīng)當(dāng)放在他們應(yīng)當(dāng)放的位置，總體結(jié)構(gòu)應(yīng)當(dāng)清晰，一致，相互關(guān)聯(lián)，那些不相關(guān)的東西應(yīng)當(dāng)單獨(dú)放置。
?
移動(dòng)版：UI界面設(shè)計(jì)需要注意的12個(gè)基本問(wèn)題
