狠狠撸

狠狠撸Share a Scribd company logo
Web表單設計讀書會即時驗證 Ch9/多餘輸入 Ch10 / 額外輸入 Ch112011.3.7鄒心瑜Hsinyu Chouhsinyu.chou@isobar.com#3530
Ch9 即時驗證
Ch9 即時驗證功能確認答案是否合適建議有效答案以即時更新幫助人們控制答案在可接受的範圍內使用情境:需要依照user的回答來提供幫助答案範圍太廣,無法做成一般介面來防呆驗證時機:user在輸入框中開始時繼續下一項輸入時停止輸入(放棄或完成)User 不用等到送出表單才知道自己填錯了。
Ch9 即時驗證確認user的答案例:新帳戶的使用者名稱系統無法事先提示,user也無法憑常識判斷,需等使用者輸入後,才能知道此帳號是否已經被使用例:新帳戶的密碼,有多種不同的安全等級(數字、符號、大寫等),需一步步引導user
Submit 後才能得到回應Wroblewski, Luke. 2008. Web Form Design: Filling In the Blanks.New York: Rosenfeld Media.
Ch9 即時驗證設定username, 填寫的同時得到回應Wroblewski, Luke. 2008. Web Form Design: Filling In the Blanks.New York: Rosenfeld Media.
Ch9 即時驗證密碼強度每一項都驗證Wroblewski, Luke. 2008. Web Form Design: Filling In the Blanks.New York: Rosenfeld Media.
Ch9 即時驗證驗證的時機與密集程度 - 是否需要每個欄位都驗證?確定User已完成當下的動作再驗證。Wroblewski, Luke. 2008. Web Form Design: Filling In the Blanks.New York: Rosenfeld Media.
Ch9 即時驗證建議有效的答案當答案太多無法做成下拉選單或單選鈕智慧型輸入、自動完成將輸入轉換成正確格式 例:555-123-1234 ->(555)123-1234Wroblewski, Luke. 2008. Web Form Design: Filling In the Blanks.New York: Rosenfeld Media.
Ch9 即時驗證限制答案範圍例:自動計算尚可填字數的留言框需即時更新Wroblewski, Luke. 2008. Web Form Design: Filling In the Blanks.New York: Rosenfeld Media.
Ch10 多餘輸入
Ch10 多餘輸入讓問題更少
去除问题
调整问题顺序,在更好的时机提出问题
自动推断出答案
需要和相關團隊協商後決定哪些問題可以達成商業目標,不宜省略?Ch10 多餘輸入讓問題更少
自动推断出答案的實例美國運通卡 – 34或37開頭Master – 51~55開頭Visa – 4開頭
Ch10 多餘輸入自动推断出答案的實例以郵遞區號推斷程式和州別1.反而需要很多提示2.海外客戶無法使用
Ch10 多餘輸入智慧型默認(default)
替耻蝉别谤回答复杂的问题
可能考虑商业利益,但儘量為耻蝉别谤着想别叠补测给卖家出货的表单
Ch10 多餘輸入某些問題不設預設答案,避免壓力和爭議
或提供”不想回答”的选项,以避免验証的复杂性
如果一定要user回答,需解釋理由Ch10 多餘輸入個人化默認
例:自动叫出耻蝉别谤上次购买的信用卡号、地址、邮寄方式
可增加user對該網站的『黏性』Ch11 額外輸入
Ch11 額外輸入即時增加:user自行依需要增加輸入項目

More Related Content

Web Form Design 讀書會 Ch9-11