UI設計系列之一------最基本的原則:使用方便

UI設計的最基本原則就是讓用戶使用方便,這包括:界面簡單、wizard驅動、輸入內容明確並且方便、準確的錯誤提示。

 

界面簡單並不意味着功能簡單,最好不要讓用戶覺得產品很複雜。舉個例子,Web UI的一個頁面出現在用戶面前,根據人的觀察規律,一般訪客的視線會從頁面的左上角的開始,掃視網站的頂部(Logo,導航)接着他們目光向下移動,讀下一個區域…該產品的模擬截圖和簡單的文字介紹,通過這塊漂亮的展示區域,他們纔開始對網站有了初步的印象。訪客看到產品的模擬展示後,他們就可以想象實際應用的情景。如果能夠讓潛在客戶想象使用產品的情形,你就已經開始勾起他們的購買慾望了。更重要的是,這類圖片不僅僅是會吸引訪客,他還傳遞給訪客易於使用的信息。如果你爲訪客描繪了一副栩栩如生的畫面,讓用戶覺得使用你的產品可以受益很多,那麼他們的購買慾望就會膨脹起來。進一步,既然是界面,那麼顏色也非常重要,不同類型的產品使用的顏色分類是不一樣的。詳細的介紹請參考http://www.visionunion.com/article.jsp?code=201104090001

 

wizard驅動並不是必須的,但是爲了應對稍微複雜的配置界面,它確實是功不可沒。想象一下,如果在Visual Studio或者Eclipse裏面裏面創建一個工程,但是沒有wizard,會是一種什麼可怕的後果。估計是沒人會用這兩個產品。wizard的任務驅動,讓用戶不用關心完成一項設置需要做什麼,只要按着步驟一步一步做就夠了。這篇文章探討了wizard設計http://blog.sina.com.cn/s/blog_4caba12a010008db.html~type=v5_one&label=rela_prevarticle

 

輸入內容明確並且方便,聽上去像是什麼都沒說。想要輸入內容明確,做到以下幾點:(1)Label明確,(2)有Tooltip,(3)有例子說明。什麼叫輸入方便?就是儘量不要讓用戶敲鍵盤,最好是用鼠標選擇一下就好了。所以,對一些UI widget的使用要有個偏好,順序是列表>下拉框>輸入框。如果有多選一的配置,儘量用widget把所有候選項都列出來,讓用戶一目瞭然,做個選擇,列表是最好的選擇,如果做不到,最好用下拉框,實在不行再用輸入框,用戶最討厭鍵盤輸入。

 

準確的錯誤提示包括了對每項輸入的檢查,如果出現錯誤,儘早提示。這個在wizard裏面用得最多,每個wizard頁面都要有當前頁面所有輸入的有效性檢查,只有沒錯誤了,才能進入下個頁面。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章