DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 有效的用戶界面設計常見的10個基礎問題
有效的用戶界面設計常見的10個基礎問題
編輯:關於網頁技巧     

一個有效的用戶界面關注的是用戶目標的實現,包括視覺元素與功能操作在內的所有東西都需要完整一致。為了實現這個目標,你需要問自己 10 個最基本的問題。

UI 設計的魅力在於,你不僅需要適當的技巧,更要理解用戶與程序的關系。一個有效的用戶界面關注的是用戶目標的實現,包括視覺元素與功能操作在內的所有東西都需要完整一致。為了實現這個目標,你需要問自己 10 個最基本的問題。

你的 UI 是否高度一致?

User Interface - Fundamental Questions

用戶來到你的站點,腦子裡會保持著一種思維習慣,你的 UI 需要保持一致,以免用戶的思維方向被打亂。比如,如果你的某個品目下的產品可以拖放到購物車,那你站點中所有產品都應該可以這樣操作。將按鈕放到不同頁面相似的位置,使用相契合的配色,使用一致的語法和書寫習慣,同時,讓你的頁面擁有一致的結構。

用戶能自由掌控自己的操作嗎?

User Interface - Fundamental Questions

你應當分析一下,自己的站點是否容易導航。用戶應當可以自由掌控自己的浏覽行為,確保他們能從某個地點跳出,能夠毫無障礙地退出。那些在用戶離開前彈出窗口的行為是 UI 易用性的一個大問題。

你知道誰是你的用戶群嗎?

User Interface - Fundamental Questions

要設計有效的 UI,必須對你的用戶群有所了解,不同的用戶階層對不同的設計元素有不同的理解,17~25 歲年齡段的人,和 40~55 年齡斷的人有不同的喜好。你的 UI 設計必須針對你的用戶群進行設計。

你是否有足夠的預防錯誤的措施?

User Interface - Fundamental Questions

應該盡可能檢查程序中的錯誤和 BUG,雖然你可以彈出一個窗口告訴用戶發生了什麼,但為了更好的用戶體驗,最好減少這些東西。Beta 測試是消減錯誤的最好方法。

你是否首先將最重要的東西展示給用戶?

User Interface - Fundamental Questions

將重點放在重要的內容上面,首先為用戶展示最重要的內容,以便用戶更好地理解你的內容。

你的設計是否簡約?

User Interface - Fundamental Questions

很多站點的設計十分簡約,簡約設計可以增強 UI 的易用性,可以讓用戶不必關心那些無關的信息。你的 UI 應該是這樣的,它的功能很強大,但設計很簡約,擁擠的界面,不管功能多麼強大,都會嚇跑用戶。

你是否使用了視覺提示?

User Interface - Fundamental Questions

如果你使用了 Ajax, Flash 一類的技術,當內容在加載的時候,應當提供視覺提示,應當始終讓用戶知道目前在做什麼。

你的 UI 是否有操作提示?

User Interface - Fundamental Questions

你的用戶是否靠自己研究或 FAQ 文檔學習如何操作?你應當在 UI 現場提供簡單的操作提示,比如,使用 jQuery 在你的各個 UI 元素上顯示操作提示。

你的內容是否清晰?

User Interface - Fundamental Questions

確保你的文本准確,清晰,易懂。

你如何使用色彩?

User Interface - Fundamental Questions

色彩是 UI 的重要元素,不同的顏色代表不同的情緒,你對色彩的使用應當和站點以及主題相契合。還應注意,有的用戶是色盲,你應當考慮到他們的感受。色彩的使用應該一致,一旦選定了某種配色,就應該在整個站點一致使用這種配色。

你的 UI 是否大象無形?

User Interface - Fundamental Questions

UI Engineering 曾經說過,”最好的設計不是用來看的,是用來體驗的"。這意味著,你的 UI 應該讓用戶去體驗,而不是放一些花哨的東西給用戶看。UI 設計越簡單,用戶體驗越好,不要濫用設計元素,不要使用擁擠的界面。

你的 UI 是否有良好的結構?

User Interface - Fundamental Questions

你的 UI 中,各個元素應當放在他們應當放的位置,總體結構應當清晰,一致,相互關聯,那些不相關的東西應當單獨放置。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved