- Photoshop智能手機UI設計
- 葉經文 王志成
- 1288字
- 2020-08-28 14:25:44
1.3 如何制作出優秀的UI
精湛的技巧和理解用戶與程序的關系是設計出一個有魅力的UI的前提。一個有效的用戶界面應該時刻關注著用戶目標的實現,這就要求包括視覺元素與功能操作在內的所有東西都必須要完整一致。
1.你的UI是不是保持著高度一致?
當用戶來到你的站點,他的腦子里會保持著自己的思維習慣,為了避免把用戶的思維方式打亂,你的UI就需要和用戶保持一致。你不僅可以將按鈕放到不同頁面相似的位置,使用相契合的配色,還可以使用一致的語法和書寫習慣,讓你的頁面擁有一致的結構。例如你的某個品目下的產品可以拖放到購物車,那么你站點中所有產品都應該可以這樣操作。






微淘界面設計風格高度一致
2.用戶可以自由掌控自己的操作嗎?
當在設計UI之前,你應當考慮到自己的站點是否容易導航。一個優秀的UI,用戶不僅能自由掌控自己的瀏覽行為,還要確保他們能從某個地點跳出或毫無障礙地退出。而這些在用戶離開前彈出窗口的行為,正是用來判斷UI易用性的標準。

友好的用戶界面
3.你對你的用戶群了解嗎?
只有對你的用戶群有所了解,才能設計出有效的UI。因為不同的用戶階層對不同的設計元素有著不同的理解,比如16~20歲年齡段的人和35~55歲年齡段的人的喜好和習慣肯定有很大的不同,所以你的UI設計必須要有針對性。



適合兒童的界面設計(簡單、活潑)



適合年輕人的界面設計(亮麗)


適合老年人的界面設計(規整)
4.你有預防錯誤的措施嗎?
我們應該盡可能檢查程序中的錯誤和Bug,而Beta測試是消減錯誤的最好方法。為了更好的用戶體驗,最好減少那些彈出一個窗口告訴用戶發生了什么的東西。
5.你有沒有在重要的位置為用戶展示最重要的內容?
為了用戶更好地理解你的內容,你應該將重點放在重要的內容上面,在重要的位置為用戶展示最重要的內容。
6.你的設計是不是顯得很簡約?
你的UI功能可以很強大,但是設計一定要簡約,因為擁擠的界面,不管功能是多么的強大,都會嚇跑用戶,而簡約的設計不僅能增強UI的易用性,還可以讓用戶不必關心那些無關的信息。所以很多優秀的站點的設計都顯得十分簡約。






一些簡約設計的界面
7.你有沒有使用視覺提示?
當你使用了像Ajax和Flash一類的技術,在加載內容的時候,你應當提供視覺提示,要讓用戶知道目前他在做什么。
8.你的UI有操作提示嗎?
你的用戶是靠自己的研究還是看FAQ文檔學習來操作UI。一個優秀的UI,應當在UI現場提供類似于在jQuery的各個UI元素上顯示簡單的操作提示。
9.你的內容清晰嗎?
文本的清晰和準確是確保內容的兩個重要因素。
10.你是怎樣使用色彩的?
UI的重要元素是色彩,不同的顏色代表著不同的心情。在使用色彩的時候,一定要和站點及主題相吻合;其次還應當考慮到色盲用戶的感受,如果你選定了某種配色,就應該在整個站點及主題統一使用這種配色,以保持色彩的統一性。

清爽的色彩搭配

厚重的色彩搭配

張揚時尚的色彩搭配
11.你的UI是不是太過花哨?
最好的設計是用來體驗的,而不是用來看的。所以你的UI不要放一些花哨的東西給用戶看,而是應該讓用戶去體驗。因為越是簡單的UI設計,用戶體驗越好。
12.你的UI結構是否清晰明了?
在你的UI中,總體結構應當清晰明了,各個元素應當放在它們適當的位置,彼此之間相互關聯,那些不相關的東西,我們可以把它們單獨放置。