5. Ch3 完成之路 Wroblewski, Luke. 2008. Web Form Design: Filling In the Blanks. New York: Rosenfeld Media.
6. Ch3 完成之路 自始至終提供清晰的瀏覽線 容易瀏覽的路徑 合適的空間,保持每對標籤/輸入框之間的平衡 一般而言,最好以輸入框高度的50%~75%為問題之間的間隔 (ps.標籤與輸入框、並排輸入框之間的最適距離,同樣為輸入框高度的50%~75%) First Name LastName First Name Address
7. Ch3 完成之路 PayPal付款表單 Wroblewski, Luke. 2008. Web Form Design: Filling In the Blanks. New York: Rosenfeld Media.
13. Half.com結帳步驟 Shipping: 如果不想用既有地址收貨,要新增地址,所以有兩步 Billing: 選擇線上付款服務商、選擇帳號、驗證等,所以有N步 Amazon結帳步驟 不要寫1,2,3 籠統一點,只要概括這個階段的動作即可 Wroblewski, Luke. 2008. Web Form Design: Filling In the Blanks. New York: Rosenfeld Media.
14. Ch3 完成之路 Accessibility 議題 Internet accessibility指南 - 參考WCAG或美國採購法508章 Alt文字 表格摘要<table summary=“Monthly savings for the Flintstones family ”> 每個元素都要有自己的標籤(label),即使是隱藏的 頁面標題(Title) 每個link都應有獨特而有意義的名稱,而不是click here 不要用顏色作為傳達資訊的唯一方式,需輔以文字 配色應保持足夠的對比度 字級要夠大或讓user選擇 減少無意義的動畫 避免使用每秒閃爍3次以上的元素
17. 5 1 2 3 4 Wroblewski, Luke. 2008. Web Form Design: Filling In the Blanks. New York: Rosenfeld Media.
18. Ch4 標籤 表單三要素:標籤、輸入框、Action button 標籤的三種主要對齊方式:左對齊、右對齊、頂對齊 Wroblewski, Luke. 2008. Web Form Design: Filling In the Blanks. New York: Rosenfeld Media.