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