1. Web表單設計讀書會 基於選擇的輸入 Ch12/循序漸進 Ch13 / 表單的未來 Ch14 2011.3.14 鄒心瑜Hsinyu Chou hsinyu.chou@isobar.com#3530

2. Ch12 基於選擇的輸入

3. Ch12 基於選擇的輸入 彈性輸入允許人們按照希望的方式回答問題額外輸入允許人們補充想回答的問題基於選擇的輸入根據對初始問題的回答，決定後續回答的問題

4. Ch12 基於選擇的輸入 八大解決方案 頁面級選項(換頁) 水平選項卡 垂直選項卡 下拉列表 單選按鈕(radio button)下方顯示 單選按鈕內顯示 顯示未啟動選項 分組顯示

6. 眼動儀測試結果與體驗滿意度表現平均

8. 速度較慢P.1 P.2

11. *水平選項間的關係不明：是只要填一個？還是全部要填？或是互斥？

12. 如果submit，是submit哪一個Tab下的內容？

13. 眼球需左右移動*本方案使用性測試與眼動儀結果似有矛盾，使用性測試user滿意度高，且對tab間的關係疑惑不大，但眼動儀顯示視線偏離了填表常見的直線掃描。

14. Ch12 基於選擇的輸入 一般的填表路徑

16. 費時最短

17. 體驗滿意度高，眼球無需大幅移動

19. 費時最短

20. 體驗滿意度高，眼球無需大幅移動

25. 類似垂直選項卡

27. 跳動時引起混淆，這一點在使用性測試時得到證實

28. 若後續內容直接顯示在單一選項下方，頁面跳動會阻隔其他選項

29. 若後續內容置於整組選項下方，關連性又不夠(兩難)

31. 如果子選項很多，數個初始選項之間的關係就消失

32. 滿意度最低，費時最長

34. 眼球固定時間最長(最難理解)

36. Ch13 循序漸進 /Ch14 表單的未來

37. Ch13 循序漸進 /Ch14 表單的未來 擺脫枯燥註冊 2007 Google Video

38. Ch13 循序漸進 /Ch14 表單的未來 Jumpcut - 線上video編輯

39. Ch13 循序漸進 /Ch14 表單的未來 Jumpcut - 線上video編輯 先體驗，再註冊。

40. Ch13 循序漸進 /Ch14 表單的未來 Geni - 線上創建家族族譜 當填入e-mail 的同時，Geni系統會發送e-mail 給user，以便日後返回取出前次的資料 確保user回訪時能夠取用帳戶訊息。

41. Ch13 循序漸進 /Ch14 表單的未來 Geni - 線上創建家族族譜 當填入e-mail 的同時，Geni系統會發送e-mail 給user，以便日後返回取出前次的資料 確保user回訪時能夠取用帳戶訊息。

42. Ch13 循序漸進 /Ch14 表單的未來 http://4fidelity.wwwins.com.tw/investment/myplan.shtml

43. Ch13 循序漸進 /Ch14 表單的未來 表單的未來 - 表單逐漸消失！ 由外而內的思考 遊戲般的互動 Open ID – 減少重複註冊 個人化默認

44. Ch13 循序漸進 /Ch14 表單的未來 http://www.themindcanvas.com/demos/

45. 問題與討論 http://www.flickr.com/photos/streetfly_jz/2786919875/in/photostream/