2009-01-06 86 views
8

當設計一個好的Web GUI時,我們期望從最終用戶得到什麼樣的期望?這網絡用戶的期望

我想出下面,但我不知道是否有任何人可以建議..

  • 如果我點擊超鏈接它會帶我到另一個網頁/部分頁
  • 如果我勾選/取消複選框,它可能會改變頁面狀態(啓用/禁用元素)
  • 如果我點擊一個按鈕,我希望它對數據做些什麼。
  • 如果我點擊一個按鈕,我預計會立即發生一些事情(無論是到當前頁面,還是將我帶到另一個頁面)
  • 如果我點擊了一個超鏈接,它已經帶我到另一個頁面,我希望能夠用返回按鈕返回到前一頁類似的,是我把它放在
  • 如果我在一個形式改變一些東西的狀態,我可以改回其先前的值,如果必要
  • 除非我點擊'提交'按鈕,否則我的數據不會發生任何變化。
  • 如果我書籤/最喜愛的網頁,那麼它應該顯示相同的相關數據中的每一我參觀時間
  • 如果帶下劃線的文字,看起來像一個鏈接,它應該是一個鏈接,並作爲一個

這個問題背後的推理更多的是一個'來自地獄的UI'。例如,我遇到過檢查記錄旁邊的複選框的頁面,會立即通過ajax將其刪除。對我來說,這似乎是錯誤的,一個複選框是一個切換 - 一個刪除操作絕對不是!

+0

很好的問題,建議它得到wiki'd – annakata 2009-01-06 14:53:28

+0

最好是問最終用戶;我們不是用戶 – 2009-01-06 15:05:14

+0

@Steven:真的嗎?你根本不用網絡嗎? – annakata 2009-01-06 15:11:01

回答

7
  • 如果某些文字帶下劃線,則應爲鏈接。

  • 如果我按後退按鈕,我將回到前一頁,我會承認之前的頁面。

  • 如果事情是發生aysnchronously它應是明顯,我認爲它是在飛行中,和明顯的當它完成,並處於什麼狀態。

  • 如果我想擴大或縮小文本大小(按Ctrl ++,Ctrl + - )應不會在佈局的代價。

  • 我不得與一組,我要選擇一個以上的項目無線電輸入來呈現。

  • 如果我想禁用JavaScript或Flash我應當允許這樣做,並且仍然可以訪問該網站的基本功能。

6
  • 如果表格沒有驗證,我不希望有再次嘗試
  • 如果控制被禁止之前以重新輸入,它應該是灰色的/表示以某種方式
  • 當我按下後,我希望回去,不會被拋出系統(血腥的銀行網站)
2

有嵌入在這個問題的UI設計的基本原則。我強烈建議每個涉及UI設計的人都應該至少閱讀我們自己的Joel的"Controlling Your Environment Makes You Happy",這是我幾年前閱讀過的一篇文章,這篇文章一直與我保持一致,今天仍然與寫作之日相關。

我還建議"Don't Make Me Think!"這本書是關於良好用戶界面設計原則的優秀資源,特別是關於約定的力量和重要性。

您的列表全部是關於約定。

幾點意見:

  • 後退按鈕一直是(而且很可能永遠是隻要網絡存在)爭議。有安全性和可用性的原因來禁用它的使用。雙提交可能是一個論壇上的煩惱,但它可能是一個購買股票命令的代價高昂的錯誤。這可以通過其他技術來處理(例如,POST + REDIRECT + GET或覆蓋瀏覽器歷史記錄),但這一點仍然存在:後退按鈕的行爲並不總是可取的,更不用說需要;
  • 爲一個頁面添加書籤並期望結果具有一些優點(例如,如果我爲GOOG標記了一個報價,那麼我應該返回那裏並獲取當前報價,顯然不是我在收藏書籤時看到的報價)結果也可能很昂貴,所以這可能並不總是合適的。

我將添加一對夫婦:

  • 如果我可以點擊它,它不是一個按鈕,然後將光標應更改爲一個手時,我的鼠標移動到它;相反,如果光標變成一隻手,我可以點擊它,它會做一些事情;和
  • 如果有一個包含一些文本的框包含一個邊框,並且它看起來像一個表單上的文本元素,那麼除非它指示它是「只讀」或「禁用」,否則我應該可以鍵入該文本。 (例如通過灰化)。
0

如果一個廣告說我贏了一百萬美元,請給我錢。如果沒有,請讓廣告消失。