攜帶型行動通訊電腦介面之資訊呈現與色彩配置方式對使用者視覺搜尋績效之影響

An Investigation of How Information Visualization and Color Selection on the Interface of Portable Mobile Communication Computer Affect Users' Visual Search Performance

10.6381/JD.200603.0023

陳建雄(Chien-Hsiung Chen)；陳尤澤(Yu-Tse Chen)；簡佑宏(Yu-Hung Chien)

使用者介面 ； 螢幕色彩 ； 資訊呈現 ； 色彩選擇決策支援系統 ； User interface ； Screen color ； Information visualization ； Color selection decision support system

設計學報

11卷1期（2006 / 03 / 01）

23 - 39

繁體中文

攜帶型行動通訊電腦產品因螢幕尺寸大小、體積和重量等設計因素之限制，其螢幕資訊呈現與介面色彩組合之方式將會影響使用者搜尋螢幕資訊的績效。本研究以平板電腦(Tablet PC)爲例，探討四類資訊呈現方式（即前導式、閃現式、捲動式和整頁式）及四組螢幕介面色彩之設定方式（即自訂組、參考組、灰階組、與隨機組）對使用者視覺搜尋績效之影響，研究中並建構一「色彩選擇決策支援系統」以輔助受測者螢幕介面色彩的設定。研究結果顯示：(1)攜帶型行動通訊電腦介面之資訊呈現方式不論是以Windows作業系統內建之預設色彩值或開放使用者自訂螢幕介面色彩，實驗結果均以靜態資訊呈現方式優於動態資訊呈現方式；(2)靜態資訊呈現方式中，除灰階組外，其餘各組均以整頁式優於捲動式；(3)動態資訊呈現方式中，前導式組受測者之視覺搜尋績效較優於閃現式組受測者；(4)整體而言，有關螢幕介面色彩之設定方式，除捲動式組外，受測者之平均任務完成時間以參考組受測者之視覺搜尋績效最佳，自訂組次之，灰階組再次之，而以隨機組受測者之視覺搜尋績效最差，分析問卷調查所得資料亦有類似結果。本研究之實驗結果亦證明提供「色彩選擇決策支援系統」協助受測者自訂螢幕介面色彩時，除能滿足其個人對色彩組合之喜好外，亦能提昇其視覺搜尋之績效。

Mobile communication devices are often designed with the limitations pertinent to their screen sizes, volumes, and weights. The ways how information and screen color are visualized and adopted in a user interface may affect users' information search performance. In this study, a Color Selection Decision Support System (CSDSS) was created and implemented to help participants select screen colors. The purpose of this study is to explore the users' information search performance among four different modes of information visualizations (i.e., leading, blinking, scrolling, and paging modes) and four different ways of screen color selections (self-select, with CSDSS, gray-scale, and random color) by using a Tablet PC as an example. The results of this study indicate that (1) The way information visualized on the screen of a Tablet PC, no matter it adopts the preset color scheme by Windows operating system or it is customized by the users, static types of information visualizations are often better than dynamic types of information visualizations; (2) Within static types of information visualizations, users' visual search performance in the paging mode is often better than that in the scrolling mode except in the ”gray-scale” group; (3) Within dynamic types of information visualizations, users' visual search performance in the leading mode is often better than that in the blinking mode; (4) Generally speaking, the way of screen color customization follows a clear trend except in the scrolling mode. That is, the ”with CSDSS” user group has the best visual search performance. The ”self-select” user group is the next and is followed by the ”gray-scale” user group. The ”random color” user group possesses the worst visual search performance. Similar results were also obtained from questionnaire survey. The research results also prove that providing users with a CSDSS to help them customize screen colors not only can satisfy their person color preferences, but also can enhance their visual search performance.

1. Brown, C. M.(1988).Human-Computer Interface Design Guidelines.Norwood, NJ:Ablex.
2. Carter, R.(1996).Working with Computer Type 2: Logotypes, Stationery Systems, Visual Identity.England:Rotovision.
3. Durrett, H. J.,Stimmel, D. T.,H. J. Durrett(Ed.)(1987).Color and the Computer.Orlando. FL:Academic Press, Inc.
4. Granaas, M. M.,McKay, T. D.,Laham, R. D.,Hurt, L. D.,Juola, J. F.(1984).Reading moving text on a CRT screen.Human Factors,26,97-104.
5. Hoadley, E. D.(1990).Investigating the effects of color.Communications of the ACM,33(2),120-125.
6. Jackson, R.,MacDonald, L.,Freeman, K.(1994).Computer Generated Color: A Practical Guide to Presentation and Display.New York:John Wiley & Sons.
7. Kinney, J. S.,Huey, B. M.(1990).Application Principles for Multicolored Displays: A Workshop Report.
8. Koler, P. A.,Duchnicky, R. I.,Ferguson, D. C.(1981).Eye movement measurement of readability of CRT displays.Human Factors,23,517-527.
9. Levie, W. H.,Dickie, K. E.,R. M. W. Travers (Ed.)(1973).Second Handbook of Research on Teaching.Chicago, IL:Rand McNally.
10. Likert, R.(1932).A technique for the measurement of attitudes.Archives of Psychology,140,1-55.
11. Mahnke, F. H.,Mahnke, R. H.(1987).Color and Light in Man-Made Environments.New York:Van Nostrand Reinhold.
12. Marcus, A.(1986).Ten commandments of color.Computer Graphics Today,3(11),394.
13. Marcus, A.(1990).Principles for effective visual communication for graphic user interface design.UnixWorld,135-138.
14. Post, D. L.,H. Widdle(Eds.),D. L. Post (Eds.)(1992).Color in Electric Display.New York:Plenum Press.
15. Sanders, M. S.,McCormick, E. J.(1993).Human Factors in Engineering and Design.New York:McGrew-Hill.
16. Snyder, H. L.,M. Helander (Ed.)(1988).Handbook of Human-Computer Interaction.Amsterdam:Elsevier.
17. Sutcliffe, A. G.(1995).Human-Computer Interface Design.Basingstoke, England:Macmillan Press, Ltd.
18. Tinker, M. A.,Paterson, D. G.(1981).Studies of typographical factors influencing speed of reading: Variations in color of print and background.Journal of Applied Psychology,15,471-479.
19. Tullis, T. S.,M. Helander(Eds.),T. Landauer(Eds.),P. Prabhu (Eds.)(1997).Handbook of Human-Computer Interaction.Amsterdam:North Holland.
20. 王安祥、陳正勳(2002)。前導式動態資訊呈現之設計對使用者視覺績效與視覺疲勞的影響。工業工程學刊，19(2)，69-78。
21. 王安祥、陳雨、陳明德(2001)。螢幕類型、文字／背景色彩組合及中文字型對使用者視覺績效與視覺疲勞的影響。工業工程學刊，18(6)，53-62。
22. 朱祖祥、曹立人(1994)。目標－背景色的配合對彩色CRT顯示功效的影響。心理學報，26(2)，128-134。
23. 陳建雄(1998)。色彩在使用者介面設計上的應用。第三屆亞洲設計會議－中、日、韓學術研討會論文集
24. 陳建雄(1999)。色彩辨識度與應用在使用者介面設計上的探討。工業設計，27(2)，58-63。