
388
|
第八章
同頁顯示錯誤訊息(
Same-Page Error Messages
)
圖
8
-
35
Netflix
的註冊對話框
這是什麼
在表單所處的頁面上直接放置錯誤訊息;在頁面頂端加上錯誤訊息的標記,如果可
能的話,在導致錯誤的控制元件旁邊放置指示器。
何時使用
有時候,使用者輸入表單資訊時,可能會有無法接受的資訊。使用者犯的錯誤有很
多種,可能是忽略了必要的欄位、輸入的數字格式錯誤、輸入不合格的電子郵件帳
號……等。我們想鼓勵使用者更正錯誤,再次嘗試;想在拼錯字成為問題前先行指
出,並幫助感到疑惑的使用者,讓他們瞭解所問的問題。
為何使用
傳統上,應用程式透過情境對話框(modal dialog box)向使用者報告錯誤訊息。
這些訊息可 能很有幫助 ,能指出問 題並說明如 何修正;但 我們必須關 閉情境對話
框,才能開始修正錯誤。而對話框已經消失了,你無法再閱讀錯誤訊息了!(或許
你剛才應該把錯誤訊息記下來。)
然 後 , 當 網 頁 表 單 出 現 時 , 錯 誤 訊 息 常 常 回 報 在 另 一 頁 , 在 我 們 按 下 「 送 出 」
(Submit)後才會出現。同樣的,你可以讀到此訊息,但必須按下「回到上一頁」
(Back)按鈕以修正錯誤,按下之後,錯誤訊息又消失了。然後我們必須掃視表單
以找出錯誤的欄位,這不但花時間,也很容易導致出錯的行為。
現在,許多網頁表單都把錯誤訊息放在表單裡。藉由保持訊息和控制元件在同一個
頁面中,我們可讓使用者閱讀訊息並輕易地修正表單,不需要在頁面前跳來跳