使用者介面：對於重設與核選方塊的想法

喔呼，九月快過一半了，居然還沒發半篇文章，雖然才剛開學兩個禮拜，還是滿忙碌的，打開電腦都沒力氣發文章。不過，前陣子看到香腸炒魷魚的「遨遊台中 邀你一起來投票!」，但按下投票後，跳出「填寫資料」那一頁，卻讓筆者感到有點奇怪。

我們先來看看那該頁面的截圖吧。

或許搭配標題就可以大概知道這篇要寫什麼。是的，那個「重設」按鈕有點詭異。其實這種問題很早以前就讓筆者有點想法，剛好這次看到了這個頁面，所以在這裡寫下來。

1. 這個表單所需要填寫資料並不多，我們也不可能對自己的姓名、E-mail、聯絡電話感到質疑而需要重設。
2. 每個使用者的使用習慣不同，筆者的閱讀習慣造成很習慣按左邊的第一個按鈕，所以我第一次輸入資料時按到了重設。

我們真的需要「重設」按鈕嗎？

文章前舉的例子應該只是冰山一角，應該還有不少網站也習慣在表單後加一個「重設」的按鈕。以筆者的想法來說，當然是完全不需要重設的按鈕。簡單的表格填寫的資料應該都是如本文前面那個例子；複雜的表格的話，會去填的人通常都是有特定目的，例如註冊會員要填基本資料、回答問題之類的，有人會想要註冊會員填完資料之後按 重設再打一次嗎？若他不想註冊了，大可直接把網頁關掉，那個重設更是沒有必要。

一般人按不按重設或有沒有存在的必要是個問題，如果是填完了一大串資料，誤按「重設」那不是令人當場吐血？

用詞錯誤造成的視覺瑕疵

本文前例只寫了「重設」兩字，基本上仔細看一下還不會搞錯。有些網頁偏偏寫成「重新設定」，此時重新設定的按鈕就比送出長，不小心點到的機率又更高。

雖然筆者覺得實在沒必要放一個「重設」按鈕給使用者麻煩，還是覺得如果真的不放該網頁就不能公諸於世，那也得挑一個不會使人誤認的詞，更絕對不能比「送出」的按鈕看起來差不多，甚至更搶眼。例如以「清空表單」或「重新填寫」等等的字眼。此外，如果不將 submit 按鈕設定名稱，可能會出現「送出查詢」（Submit Query），這也容易讓使用者不了解「按了會怎樣」，能避則避。

給我一個「全選」和「取消全選」吧！

現在來看 PCHome 商店街的例子，它實在不太好用。

1. 首先，那句「欲訂閱／取消……」句中的核選方塊長相都一樣，直接用圖或是加上 checked="checked" 都可以達到效果（不過看原始檔發現他們還是用傳統 HTML 的寫法，不是 XHTML）。
2. 上面還寫「104 份」，如果全部我都有興趣，那我是不是要點 104 次？
3. 假設訂了之後發現不適合，想全部取消，那我也要一個一個慢慢點。那個取消重填的用途就是，在按「確定」前選擇的所有項目，按了「取消重填」就會全部變成未選取。日後會寄來的電子報進入此頁會變成已選取，原本就選取的方塊再按「取消重填」是沒有用的。
4. 其實該表單沒有要填的東西，但它卻寫「取消重填」其實不太正確。

舉這個例子，只是筆者認為核取表單必需可以「全選」和「取消全選」，沒有特地責怪 PCHome 的意思。

這篇想傳達的是，一個網頁除了美觀、能在各主流瀏覽器上正確顯示（符合標準）以外，能否帶給使用者方便（易用性）也是一個重點。之所以記錄在這裡，也是希望自己必須試著遵守一些原則，不要讓別人操作筆者做出來的東西感到很痛苦。

Popularity: 33% [?]