表單的格子很小，不容易填，但是偏偏這一類線上
交易，就是金融交易的網站又會計時，然後就會擔心
可能沒有辦法操作完。

• 受訪者D (脊髓損傷)

在 110 年身障者網站使用調查 中，僅僅在第 18 頁看到這一項表單問題，但表單的問題一直以來都是設計師們爭相討論的話題之一，今天大叔嘗試著試看看能否解謎。

先從上面那一段描述，我們仔細推敲有什麼問題：

• 輸入範圍太小，不論是打字或選擇的地方，也就是版面舒適度，間隔夠不夠大、會不會誤按、欄位名稱與輸入框是否可輕易辨識為同一組。
• 線上交易，需精確執行，代表必須清楚知道要填什麼欄位，同時也跟版面有關。
• 金融交易，時間問題，規範裡面已經提供各種方式，不再贅述解法。
• 沒有辦法操作完，除了上述原因，有可能還有以下幾點：
  • 必填與選填清不清楚。
  • 提示訊息、錯誤訊息清不清楚、夠不夠即時、訊息位置是否適當、錯誤時有沒有將畫面帶至出問題的地方。
  • 表單輸入是否有關聯、有沒有群組。
  • 表單內容太多，有沒有快速鍵、錨點到達。
  • 表單有沒有太多步驟、分頁。
  • 有沒有先後、依賴關係，例如一定要做完此頁才能跳下一頁、能不能跳著寫。
  • 有沒有上傳檔案，檔案有沒有限制大小、檔名，上傳成功有沒有提示。
  • 表單排版位置是否恰當、欄位對齊是否符合用途、與現實表單或物品吻合的操作模式。
  • 有沒有難以使用或流程不好的問題。
  • 有沒有自動填寫、自動帶入值、自動建議。
  • 按鈕有沒有區別主要按鈕、次要按鈕。
  • 儲存、取消、刪除、草稿等按鈕位置是否相近，能不能區別是針對該行或整張表單的操作。
  • 不能填寫的部分，除非是為了參考用，否則不要顯示於畫面上，也不要報讀。
  • 小功能不夠，例如密碼顯示與隱藏。
  • icon 是否顯示恰當具提示性、裝飾性 icon 是否被報讀出來。
  • placeholder 有沒有寫具有意義和提示的文字。
  • 輸入時若是確定只有文字或是數字等，有沒有幫忙訂正並提示。
  • 有沒有可以即時取消送出的資料，例如 undo 按鈕。
  • 若是該行有即時檢查，有沒有載入狀態？儲存時是否有載入狀態。
  • 刪除時是否有二次確認、二次確認有沒有提供非按鈕的方式避免誤按，是否明白告知刪除風險。
  • 輸入有沒有根據內容調整寬高。
  • 輸入盡量簡單，可以一次填寫就盡量一次填寫完，例如姓名、日期，（除非有特殊目的例如典藏檢索使用）。
  • 密碼強度規則複雜。
  • 填寫過程中，有沒有需要額外查詢資料的情況。

誒都...不小心洋洋灑灑的太多了...
但這些的確真的會影響操作時間，
懶得每個都畫一張圖，就請客官們自行 Google 吧，
這種資訊很容易找到圖文並茂的部落格文章。

大叔我只有想表達一件事，
表單的規則，並不是只有一套固定模式。

必須根據你的產品、專案、專業、業務領域而定，
例如，有一套軟體是將內部紙本申請文件也要做一份電腦檔案，
而且每天要處理的檔案又很多，使用者也習慣了紙本表單的位置，
列印時也可以剛好一張 A4，
這時候如果硬是套用某種規則，只會造成使用者在虛擬與現實的混亂，
列印可能要變成兩張 A4，反過頭來造成現實困擾，
所以還是必須跟使用者有密切的討論才行。
當然也有可能弄成一樣的時候，但是變成電腦輸入這邊的困難，
那這時候不應該是兩手一攤，想的盡是犧牲某一邊，
而是兩邊一起檢討欄位是否有更好的做法，
讓實體與虛擬體驗一致，也能成各自優點。

最近這三天的內容，客官們務必特別關注與獨立思考。