常見問題
廣告與圖片輪播 無法了解圖片內容與輪播的速度太快
驗證碼取得不易
在 w3c 文件裡面,沒有特別明確的指示,因為網頁的情況百百種,不過在結論的時候有特別提到幾點:
如果可以自動判斷,則使用自動判斷,如 Google reCaptcha v3,除非有明顯是機器人的證據就要轉成其他方式來再次判斷。
越少互動越好,因為越多互動,就會越增加困難度。
提供各種方式讓使用者選擇自己適合的方式。
目前沒有理想的做法。
無障礙網路空間服務網的說明:
CAPTCHA 搭配語音方式,如上述大叔提供的常見方式。
CAPTCHA 搭配信件確認信,寄信到信箱中,再回到網頁填寫。
CAPTCHA 搭配客服語音,撥打電話,請客服提供驗證碼,再回到網頁填寫。
最好理想上要達成以下功能:
最好是自動幫使用者驗證,什麼都不用做
驗證碼讓程式不能判斷
驗證碼雖可被程式判斷,但破解成本高
要可以只使用「視覺」方式驗證
要可以只使用「聽覺」方式驗證
要可以只使用「鍵盤」方式驗證
「滑鼠」驗證需容易點擊
沒有需要特別的知識
要可以符合使用者語系
要可以只使用單一裝置使用
在不同裝置上,體驗要一致
可以重新整理、重新驗證
表單輸入操作 案例:表單的格子很小,不容易填,但是偏偏這一類線上 交易,就是金融交易的網站又會計時,然後就會擔心 可能沒有辦法操作完。 推敲問題:
輸入範圍太小
線上交易,需精確執行
金融交易,時間問題
沒有辦法操作完
必填與選填清不清楚。
提示訊息、錯誤訊息清不清楚、夠不夠即時、訊息位置是否適當、錯誤時有沒有將畫面帶至出問題的地方。
表單輸入是否有關聯、有沒有群組。
表單內容太多,有沒有快速鍵、錨點到達。
表單有沒有太多步驟、分頁。
有沒有先後、依賴關係,例如一定要做完此頁才能跳下一頁、能不能跳著寫。
有沒有上傳檔案,檔案有沒有限制大小、檔名,上傳成功有沒有提示。
表單排版位置是否恰當、欄位對齊是否符合用途、與現實表單或物品吻合的操作模式。
有沒有難以使用或流程不好的問題。
有沒有自動填寫、自動帶入值、自動建議。
按鈕有沒有區別主要按鈕、次要按鈕。
儲存、取消、刪除、草稿等按鈕位置是否相近,能不能區別是針對該行或整張表單的操作。
不能填寫的部分,除非是為了參考用,否則不要顯示於畫面上,也不要報讀。
小功能不夠,例如密碼顯示與隱藏。
icon 是否顯示恰當具提示性、裝飾性 icon 是否被報讀出來。
placeholder 有沒有寫具有意義和提示的文字。
輸入時若是確定只有文字或是數字等,有沒有幫忙訂正並提示。
有沒有可以即時取消送出的資料,例如 undo 按鈕。
若是該行有即時檢查,有沒有載入狀態?儲存時是否有載入狀態。
刪除時是否有二次確認、二次確認有沒有提供非按鈕的方式避免誤按,是否明白告知刪除風險。
輸入有沒有根據內容調整寬高。
輸入盡量簡單,可以一次填寫就盡量一次填寫完,例如姓名、日期,(除非有特殊目的例如典藏檢索使用)。
密碼強度規則複雜。
填寫過程中,有沒有需要額外查詢資料的情況。
參考來源
Last updated