| 研究生: |
王昭明 Wang, Chao-Ming |
|---|---|
| 論文名稱: |
色彩與操作績效之關聯性研究 - 以智慧型手機為例 The Research of Relationship between Color and Manipulation Performance - Taking Smartphone Interface as an Example |
| 指導教授: |
何俊亨
Ho, Chun-Heng |
| 學位類別: |
碩士 Master |
| 系所名稱: |
規劃與設計學院 - 工業設計學系 Department of Industrial Design |
| 論文出版年: | 2017 |
| 畢業學年度: | 105 |
| 語文別: | 英文 |
| 論文頁數: | 122 |
| 中文關鍵詞: | 介面 、績效 、色彩 、智慧型手機 |
| 外文關鍵詞: | Color, Interface, Performance, Smartphone |
| 相關次數: | 點閱:128 下載:9 |
| 分享至: |
| 查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報 |
智慧型手機螢幕尺寸較小限制了畫面單頁所能呈現的資訊量,因此使用者需要對系統進行更多的指令來獲取相應的資訊量,若能提升手機的人為操作績效將可以無形節省使用者的時間。人為績效主要受到人對資訊的處理能力所影響,而視覺又是人接收外界資訊的主要管道。在視覺績效研究方面,過去研究指出色彩在影響人的視覺績效有著重要的作用,經由色彩改變資訊的呈現方式可以改變人對資訊處理的能力進而影響視覺績效,因此本研究欲探討色彩對視覺績效的影響是否可以用於改善手機介面的人為操作績效。
本研究以實驗法,使用色彩組合改變畫面呈現的數字資訊,並讓受測者對數字進行視覺搜尋辨認和觸碰點選操作。實驗以7種不同色相和3種明度對比的色彩組合做為操縱變因,受測者的操作時間為實驗應變變因,並使用One-way ANOVA進行分析。研究結果為:在同一種明度對比組合之下,7種不同色相之間在操作時間上並無顯著差異,表示以實驗的色彩組合,其色相之間的差異對受測者的操作績效並無顯著的影響;在同一種色相之下,3種不同的明度組合在操作時間上並無顯著差異,表示實驗的色彩組合,其明度組合之間的差異對受測者的操作績效並無顯著的影響。
由於實驗結果與研究假設預期不符,因此探討實驗中可能影響績效的因素如文字與背景的色彩組合種類、字體大小、群集數目、資訊之間的間距、畫面資訊密度、觸碰目標的動作距離、測試組間學習效應的平衡、和實驗中用於平衡動作距離與學習效應的測試模板,其與各個測試組之間的關係是否公平。經由各項因素的探討,除了色彩組合有所限制之外,其餘有關視覺績效和反應時間的因素皆符合或採用過去人因研究的建議,因此本研究的色彩組合對受測者的操作績效在測試組之間無法產生顯著的影響可能是色彩組合有所侷限的原因,另一個可能是在其他影響績效的因素皆最佳化的情況下,色彩組合並無法影響操作績效。此外,也可能是本研究的控制變因裡,其中某一項才是影響操作績效的主要變因。
The little size of the smartphone screen limited the amount of information that can be presented in a single scene, thus the user needs to give more instructions to system for getting corresponding amount of information in the traditional screen, therefore, if the manipulation performance of smartphone can be improved through the design, it can save a lot of unrevealed time of the user. Due to the human performance is primary affected by the ability of the human information process, and the vision is the primary channel for human to receive the exterior information. In the visual performance aspect, the former research indicated that the color is important to influence the human visual performance, and the ability of human information process can be affected through the presentation of information that is changed by colors, thus improving the visual performance. Therefore, the research discussed whether the effect on the visual performance through applying the color can be applied to improve the manipulation performance in the smartphone interface.
The research used experimentation as the research method, applying the color combination of font color and background color to change the presentation of number information on screen, and requesting the participant to execute the visual searching and the touch manipulation on the right number. The experiment applied the 7 different hues and the 3 different luminance contrast to construct the color combination as the independent variable, and applied the manipulation time of the participant as the dependent variable, and analyzed the result of experiment through One-way ANOVA statistic analysis.
The result of the experiment: in the same luminance contrast combination, the 7 different hues have no significant influence on the manipulation time, indicated that the color combination of experiment have no significant influence on the manipulation performance among the hues; in the same hue, the 3 different luminance contrast combinations have no significant influence on the manipulation time, indicated that the color combination of experiment have no significant influence on the manipulation performance among the luminance contrast combinations.
Due to the result of experiment is not consistent with the expectation of the research hypothesis, therefore, discussing the factors that can influence performance such as the variety of color combinations of font color and background color, the size of font, the number of groups, the spacing between information groups, the density of information in the screen, the movement distance of touch manipulation, the balance of the learning effect of the participant, and the test patterns that is applied to balance the movement distance and the learning effect in the experiment, whether the relation of the patterns and the tests is fair enough in design.
As a result of the discussing of the factors, the factors that are related to the visual performance and the reaction time applied the suggestion of the former human factor engineering research except the color combination limitation, therefore, the color combination of the research can not induce significant variation among the tests is because of the variety limitation of the color-pairings, or, in the condition that other factors that has been proved do influence performance were adopted in optimization, the color combination of experiment can not affect the manipulation performance in smartphone interface. On the other hand, there is a probability that one of the experiment control variables is the dominant factor that can influence the manipulation performance.
Apple.Developer. (2017). iOS Human Interface Guidelines. Retrieved from https://developer.apple.com/ios/human-interface-guidelines/ui-views/action-sheets/
Apple.Developer.API Reference. (2017). UITableView. Retrieved from https://developer.apple.com/reference/uikit/uitableview
Apple.Developer.API Reference. (2017). UITableViewCell. Retrieved from https://developer.apple.com/reference/uikit/uitableviewcell
Bababekova, Y., Rosenfield, M., Hue, J. E., & Huang, R. R. (2011). Font size and viewing distance of handheld smart phones. Optometry and Vision Science, 88(7), 795-797.
Bailey, R. W. (1989). Human performance engineering: Using human factors/ergonomics to achieve computer system usability: Prentice-Hall, Inc.
Bailey, R. W. (1996). Human performance engineering: designing high quality professional user interfaces for computer products, applications and systems.
Best, J. B. (1999). Cognitive psychology.
Fitts, P. M. (1954). The information capacity of the human motor system in controlling the amplitude of movement. Journal of experimental psychology, 47(6), 381.
FLURRY ANALYTICS. (2017). U.S. Consumers Time-Spent on Mobile Crosses 5 Hours a Day. Retrieved from http://flurrymobile.tumblr.com/post/157921590345/us-consumers-time-spent-on-mobile-crosses-5
Garcia, M. L., & Caldera, C. I. (1996). The effect of color and typeface on the readability of on-line text. Computers & industrial engineering, 31(1-2), 519-524.
Grandjean, E., Hünting, W., & Pidermann, M. (1983). VDT workstation design: Preferred settings and their effects. Human Factors, 25(2), 161-175.
Heglin, H. J. (1973). NAVSHIPS Display Illumination Design Guide. Section 2: Human Factors. Retrieved from
Helander, M., Landauer, T., & Prabhu, P. (1997). Handbook of Human-Computer Interaction: Elsevier.
Helander, M. G. (2014). Handbook of human-computer interaction: Elsevier.
Howett, G. L. (1983). Size of letters required for visibility as a function of viewing distance and observer visual acuity. Retrieved from
Hull, A. (1976). Human performance with homogeneous, patterned, and random alphanumeric displays. Ergonomics, 19(6), 741-750.
Hull, A. J. (1976). Reducing sources of human error in transmission of alphanumeric codes. Applied ergonomics, 7(2), 75-78.
Kaya, N., & Epps, H. H. (2004). Relationship between color and emotion: A study of college students. College student journal, 38(3), 396.
Klemmer, E., & Stocker, L. (1974). Effects of grouping of printed digits on forced-paced manual entry performance. Journal of Applied Psychology, 59(6), 675.
Marsh, J. (2015). UX for Beginners: A Crash Course in 100 Short Lessons: " O'Reilly Media, Inc.".
Moriarty, S. E., & Scheiner, E. C. (1984). A study of close-set text type. Journal of Applied Psychology, 69(4), 700.
Morrison, J., & Vogel, D. (1998). The impacts of presentation visuals on presentations. Information and Management, 125-138.
Neil, T. (2014). Mobile design pattern gallery: UI patterns for smartphone apps: " O'Reilly Media, Inc.".
Sears, A., & Jacko, J. A. (2009). Human-computer interaction: design issues, solutions, and applications: CRC Press.
Sears, A., & Jacko, J. A. (2009). Human-Computer Interaction Fundamentals: CRC Press.
Sears, A., & Shneiderman, B. (1991). High precision touchscreens: design strategies and comparisons with a mouse. International Journal of Man-Machine Studies, 34(4), 593-613.
Shneiderman, B. (2010). Designing the user interface: strategies for effective human-computer interaction: Pearson Education India.
Shurtleff, D. A. (1967). Studies in television legibility: A review of the literature. Information Display, 4(1), 43-48.
Smith, S. L., & Mosier, J. N. (1986). Guidelines for designing user interface software: Mitre Corporation Bedford, MA.
Snyder, H. L. (1979). The sensitivity of response measures of alphanumeric legibility to variations in dot matrix display parameters. Human Factors, 21(4), 457-471.
Society, H. F., & Institute, A. N. S. (1988). American national standard for human factors engineering of visual display terminal workstations.
Statista. (2017). Number of smartphone users worldwide from 2014 to 2020. Retrieved from https://www.statista.com/statistics/330695/number-of-smartphone-users-worldwide/
Tullis, T. S. (1984). Predicting the usability of alphanumeric displays. Rice University.
Tullis, T. S. (1986). Optimizing the usability of computer-generated displays. Paper presented at the Proceedings of the Second Conference of the British Computer Society, human computer interaction specialist group on People and computers: designing for usability.
Tullis, T. S. (1988). Screen design. Handbook of human-computer interaction, 2, 503-532.
Wickens, C. (1984). Engineering psychology and human performance. Glenview, III.
Wickens, C., & Hollands, J. (2000). ENGINEERING PSYCHOLOGY AND HUMAN PERFORMANCE.
Wickens, C. D., Hollands, J. G., Banbury, S., & Parasuraman, R. (2015). Engineering psychology & human performance: Psychology Press.
Wilkins, A., & Nimmo-Smith, M. (1987). The clarity and comfort of printed text. Ergonomics, 30(12), 1705-1720.
Wolf, C. (1986). BNA “HN” command display: Results of user evaluation. Unpublished technical report. Tullis (1988) cites as available from Cynthia Wolf Connally, Unisys Corporation, 19.
Wu, J.-H., & Yuan, Y. (2003). Improving searching and reading performance: the effect of highlighting and text color coding. Information & Management, 40(7), 617-637.
山中俊夫. (1997). 色彩学の基礎. 文 化書 房博 文社.
彭其捷, & 楊淑涵. (2013). 那些 APP 好用的祕密: 黏住使用者的魅力 &UX 好感度設計: 博碩文化股份有限公司.
許勝雄, 彭游, & 吳水丕. (2009). 人因工程: 人機境介面工適學設計: 滄海.