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