線上表單填寫之脈絡訪查

A Contextual Inquiry of Online Forms Filling

10.6144/JIC.2013.0401.04

呂姿儀(Tzu-Yi Lu)；顧邕(Yung Ku)；廖韋淳(Wei-Chun Liao)；吳悠綸(Yu-Lun Wu)；岳修平(Hsiu-Ping Yueh)

流程模式 ； 脈絡訪查 ； 線上表單 ； 親和圖 ； Flow model ； Contextual inquiry ； Online form ； Affinity diagram

資訊傳播研究

4卷1期（2013 / 10 / 01）

65 - 85

繁體中文

在數位化時代，線上表單填寫已成為日常生活的一部分。然而使用者在填寫線上表單時仍時常遭遇困難，顯示現有線上表單設計或操作介面應仍有尚待改進之處。本研究以線上履歷表單做為研究標的，設計四種不同履歷頁面供使用者實際填寫，並以脈絡訪查法進行脈絡訪談蒐集資料。研究結果發現，多數使用者認為線上表單問題敘述應明確；而線上表單之頁數及題數應適中，過多或過少都會造成填寫意願降低。本研究進而發展使用者填寫線上表單之脈絡，包含親和圖與流程模式，提出可供線上表單設計者參考之設計注意事項。

Filling in online forms has become a daily behavior. However, when users fill in online forms, they often confront difficulties. It is necessary to consider how to improve the online form design. The study took web resume as an example; four resume prototypes were created for user testing, and researchers conducted contextual inquiry and interviews related to these. The results revealed that most users suggest the descriptions of questions should be clearer, and the number of pages and items should be appropriate. This study further developed the context of users' filling in online forms including affinity diagram and flow model, and proposed online form design guidelines.

1. 王郁青、岳修平(2013)。人力網站首頁版面之使用性評估研究。教育傳播與科技研究，104，1-15。
   連結：
2. Penzo, M. (2006). Label placement in forms. UXmatters. Retrieved April 2, 2013, from http://www.uxmatters.com/mt/archives/2006/07/labelplacement-in-forms.php
3. Nielsen, J. (1995). 10 Usability Heuristics for User Interface Design. Nielsen Norman Group. Retrieved April 2, 2013, from http://www.nngroup.com/articles/ten-usability-heuristics/
4. Bargas-Avila, J. A.,Oberholzer, G.,Schmutz, P.,de Vito, M.,Opwis, K.(2007).Usable error message presentation in the World Wide Web: Do not show errors right away.Interacting with Computers,19,330-341.
5. Bernard, M.,Baker, R.,Fernandez, M.(2002).Paging vs. scrolling: Looking for the best way to present search results.Usability News,4(1)
6. Beyer, H.,Holtzblatt, K.(1998).Contextual design: Defining customercentered systems.San Francisco, CA:Morgan Kauffman.
7. Eyuboglu, F.,Orhan, F.(2011).Paging and scrolling: Cognitive styles in learning from hypermedia.British Journal of Educational Technology,42,50-65.
8. Forsythe, G.(Ed.),Grose, E.(Ed.),Ratner, J.(Ed.)(1998).Human factors and web development.Hillsdale, NJ:Lawrence Erlbaum Associates.
9. Healey, B.(2007).Drop downs and scroll mice: The effect of response option format and input mechanism employed on data quality in web surveys.Social Science Computer Review,25,111-128.
10. Lazar, J.,Feng, J. H.,Hochheiser, H.(2010).Research methods in humancomputer interaction.Chichester, UK:John Wiley & Sons.
11. Manfreda, K. L.,Batagelj, Z.,Vehovar, V.(2002).Design of web survey questionnaires: Three basic experiments.Journal of Computer-Mediated Communication,7(3)
12. Mátrai, R.(Ed.)(2010).User interfaces.Rijeka, Croatia:INTECH.
13. Nielsen, J.,Molich, R.(1990).Heuristic evaluation of user interfaces.Proceedings of the SIGCHI conference on human factors in computing systems,New York:
14. Schuler, D.(Ed.),Namioka, A.(Ed.)(1993).Participatory design: Principles and practice.Hillsdale, NJ:Lawrence Earlbaum Associates.
15. Shneiderman, B.(1992).Designing the user interface: Strategies for effective human-computer interaction.Boston, MA:Addison-Wesley.
16. Sue, V. M.,Ritter, L. A.(2007).Conducting online surveys.London:Sage.
17. Toepoel, V.,Das, M.,Van Soest, A.(2009).Design of web questionnaires: The effects of the number of items per screen.Field Methods,21,200-213.
18. Wroblewski, L.(2008).Web form design: Filling in the blanks.New York:Rosenfeld Media.

1. 傅臨超、岳修平、周穆謙(2015)。從樂齡網評估高齡者網購使用脈絡。資訊傳播研究，5(2)，1-24。
2. 岳修平、王郁青(2014)。人力網站線上表單長度設計對使用者偏好的影響。圖書資訊學刊，12(1)，109-134。