常見問題

  • 廣告與圖片輪播 無法了解圖片內容與輪播的速度太快

  • 驗證碼取得不易

    在 w3c 文件裡面,沒有特別明確的指示,因為網頁的情況百百種,不過在結論的時候有特別提到幾點:

    • 如果可以自動判斷,則使用自動判斷,如 Google reCaptcha v3,除非有明顯是機器人的證據就要轉成其他方式來再次判斷。

    • 越少互動越好,因為越多互動,就會越增加困難度。

    • 提供各種方式讓使用者選擇自己適合的方式。

    • 目前沒有理想的做法。

    無障礙網路空間服務網的說明:

    • CAPTCHA 搭配語音方式,如上述大叔提供的常見方式。

    • CAPTCHA 搭配信件確認信,寄信到信箱中,再回到網頁填寫。

    • CAPTCHA 搭配客服語音,撥打電話,請客服提供驗證碼,再回到網頁填寫。

    最好理想上要達成以下功能:

    • 最好是自動幫使用者驗證,什麼都不用做

    • 驗證碼讓程式不能判斷

    • 驗證碼雖可被程式判斷,但破解成本高

    • 要可以只使用「視覺」方式驗證

    • 要可以只使用「聽覺」方式驗證

    • 要可以只使用「鍵盤」方式驗證

    • 「滑鼠」驗證需容易點擊

    • 沒有需要特別的知識

    • 要可以符合使用者語系

    • 要可以只使用單一裝置使用

    • 在不同裝置上,體驗要一致

    • 可以重新整理、重新驗證

  • 表單輸入操作 案例:表單的格子很小,不容易填,但是偏偏這一類線上 交易,就是金融交易的網站又會計時,然後就會擔心 可能沒有辦法操作完。 推敲問題:

    • 輸入範圍太小

    • 線上交易,需精確執行

    • 金融交易,時間問題

    • 沒有辦法操作完

    • 必填與選填清不清楚。

    • 提示訊息、錯誤訊息清不清楚、夠不夠即時、訊息位置是否適當、錯誤時有沒有將畫面帶至出問題的地方。

    • 表單輸入是否有關聯、有沒有群組。

    • 表單內容太多,有沒有快速鍵、錨點到達。

    • 表單有沒有太多步驟、分頁。

    • 有沒有先後、依賴關係,例如一定要做完此頁才能跳下一頁、能不能跳著寫。

    • 有沒有上傳檔案,檔案有沒有限制大小、檔名,上傳成功有沒有提示。

    • 表單排版位置是否恰當、欄位對齊是否符合用途、與現實表單或物品吻合的操作模式。

    • 有沒有難以使用或流程不好的問題。

    • 有沒有自動填寫、自動帶入值、自動建議。

    • 按鈕有沒有區別主要按鈕、次要按鈕。

    • 儲存、取消、刪除、草稿等按鈕位置是否相近,能不能區別是針對該行或整張表單的操作。

    • 不能填寫的部分,除非是為了參考用,否則不要顯示於畫面上,也不要報讀。

    • 小功能不夠,例如密碼顯示與隱藏。

    • icon 是否顯示恰當具提示性、裝飾性 icon 是否被報讀出來。

    • placeholder 有沒有寫具有意義和提示的文字。

    • 輸入時若是確定只有文字或是數字等,有沒有幫忙訂正並提示。

    • 有沒有可以即時取消送出的資料,例如 undo 按鈕。

    • 若是該行有即時檢查,有沒有載入狀態?儲存時是否有載入狀態。

    • 刪除時是否有二次確認、二次確認有沒有提供非按鈕的方式避免誤按,是否明白告知刪除風險。

    • 輸入有沒有根據內容調整寬高。

    • 輸入盡量簡單,可以一次填寫就盡量一次填寫完,例如姓名、日期,(除非有特殊目的例如典藏檢索使用)。

    • 密碼強度規則複雜。

    • 填寫過程中,有沒有需要額外查詢資料的情況。

參考來源

Last updated