Designing Dynamic Stacked Bar Charts for Alarm Semantic Levels: Hierarchical Color Cues and Orientation on Perceptual Order and Search Efficiency
Abstract
1. Introduction
2. Related Work
2.1. Color Cues
2.2. Orientation Research
3. Method
3.1. Participants
3.2. Experimental Design
3.3. Experimental Materials
RGB: #039B00; CIE LAB: L56/a-54/b56) denoted the normal state, yellow (
RGB: #FFBA00; CIE LAB: L80/a17/b82) represented the warning state, and red (
RGB: #BF0029; CIE LAB: L41/a66/b37) indicated the critical state. The red-yellow-green (RYG) scheme was adopted because it is the dominant standard in many safety-critical domains (e.g., industrial control, nuclear operations, aviation, medical monitoring). In non-color-cue conditions, the background was set to light gray (
RGB: #969696; CIE LAB: L62/a0/b0) and the foreground and auxiliary elements to dark gray (
RGB: #434343; CIE LAB: L28/a0/b0). When background color cues were present, the corresponding alarm color was applied at 30% opacity to maintain adequate contrast with other visual elements. Foreground, label, and scale line cues were applied by rendering those elements directly using the appropriate alarm color. All stimuli were animated using identical timing parameters and displayed at a consistent size and resolution to ensure comparability across conditions.3.4. Experimental Task
3.5. Experimental Procedure
3.6. Data Collection and Analysis
4. Results
4.1. Behavioral Performance of Color Cues of Dynamic Complex Stacked Bar Charts (DSBCs)
4.1.1. Color Cues
4.1.2. Effect Size of RT and ACC
4.1.3. Interaction Effects
4.2. Behavioral Performance of Orientation of the Dynamic Complex Stacked Bar Charts (DSBCs)
4.2.1. Orientation
4.2.2. Effect Size of RT and ACC
4.3. Behavioral Performance of Cue Number and Cue Type
4.3.1. Effects of Cue Number
4.3.2. Effects of Cue Type
5. Discussion
5.1. Effects of Hierarchical Color Cues on Perceptual Order and Semantic Recognition (RQ1)
5.2. Effects of DSBC Orientation and Its Interaction with Color Cues (RQ2)
5.3. Effects of Color-Coding Strategies Under Dynamic Multi-Level Alarm Conditions (RQ3)
5.4. Theoretical and Practical Implications
5.5. Limitations and Future Research
6. Conclusions
Author Contributions
Funding
Institutional Review Board Statement
Informed Consent Statement
Data Availability Statement
Acknowledgments
Conflicts of Interest
References
- Barrera-Leon, L.; Corno, F.; De Russis, L. Systematic Variation of Preattentive Attributes to Highlight Relevant Data in Information Visualization. In Proceedings of the 2020 24th International Conference Information Visualisation (IV), Melbourne, Australia, 7–11 September 2020; IEEE: Piscataway, NJ, USA, 2020; pp. 74–79. [Google Scholar]
- Barladyan, B.; Deryabin, N.; Voloboy, A.; Galaktionov, V.; Shapiro, L.; Valiev, I.; Solodelov, Y. Development of a Visualization System for Civil Aircraft. In Proceedings of the Graphicon-Conference on Computer Graphics and Vision, Moscow, Russia, 19–21 September 2023; Volume 33, pp. 33–42. [Google Scholar]
- Jiang, Y.; Yin, S.; Kaynak, O. Data-Driven Monitoring and Safety Control of Industrial Cyber-Physical Systems: Basics and Beyond. IEEE Access 2018, 6, 47374–47384. [Google Scholar] [CrossRef]
- Prevette, S. Control Chart Dashboards Managing Your Numbers Instead of You Number Managing You; Hanford Site (HNF): Richland, WA, USA, 2006. [Google Scholar]
- Sarcevic, A.; Marsic, I.; Burd, R.S. Dashboard Design for Improved Team Situation Awareness in Time-Critical Medical Work: Challenges and Lessons Learned. In Designing Healthcare That Works; Elsevier: Amsterdam, The Netherlands, 2018; pp. 113–131. [Google Scholar]
- Qin, C.; Joslyn, S.; Savelli, S.; Demuth, J.; Morss, R.; Ash, K. The Impact of Probabilistic Tornado Warnings on Risk Perceptions and Responses. J. Exp. Psychol. Appl. 2024, 30, 206. [Google Scholar] [CrossRef]
- Szafir, D.A. Modeling Color Difference for Visualization Design. IEEE Trans. Vis. Comput. Graph. 2017, 24, 392–401. [Google Scholar] [CrossRef]
- Wickens, C.D.; Goh, J.; Helleberg, J.; Horrey, W.J.; Talleur, D.A. Attentional Models of Multitask Pilot Performance Using Advanced Display Technology. In Human Error in Aviation; Routledge: Abingdon, UK, 2017; pp. 155–175. [Google Scholar]
- Moacdieh, N.; Sarter, N. Display Clutter: A Review of Definitions and Measurement Techniques. Hum. Factors 2015, 57, 61–100. [Google Scholar] [CrossRef]
- Yang, L.; Qi, B.; Guo, Q. The Effect of Icon Color Combinations in Information Interfaces on Task Performance under Varying Levels of Cognitive Load. Appl. Sci. 2024, 14, 4212. [Google Scholar] [CrossRef]
- Xu, Z.J.; Lleras, A.; Gong, Z.G.; Buetti, S. Top-down Instructions Influence the Attentional Weight on Color and Shape Dimensions during Bidimensional Search. Sci. Rep. 2024, 14, 31376. [Google Scholar] [CrossRef]
- Kocaoğlu Aslanoğlu, R.; Olguntürk, N. Color and Visual Complexity in Abstract Images: Part II. Color Res. Appl. 2019, 44, 941–947. [Google Scholar] [CrossRef]
- Zhang, M.; Gong, Y.; Deng, R.; Zhang, S. The Effect of Color Coding and Layout Coding on Users’ Visual Search on Mobile Map Navigation Icons. Front. Psychol. 2022, 13, 1040533. [Google Scholar] [CrossRef]
- Herman, J.P.; Bogadhi, A.R.; Krauzlis, R.J. Effects of Spatial Cues on Color-Change Detection in Humans. J. Vis. 2015, 15, 3. [Google Scholar] [CrossRef]
- Fu, M.; Miller, L.L.; Dodd, M.D. Examining the Influence of Different Types of Dynamic Change in a Visual Search Task. Atten. Percept. Psychophys. 2020, 82, 3329–3339. [Google Scholar] [CrossRef] [PubMed]
- Wolfe, J.M.; Horowitz, T.S. What Attributes Guide the Deployment of Visual Attention and How Do They Do It? Nat. Rev. Neurosci. 2004, 5, 495–501. [Google Scholar] [CrossRef] [PubMed]
- Tangmanee, C.; Ayutthaya, P.S.N. How Bar Chart Display Features Can Skew Perception. J. Ecohumanism 2024, 3, 971–981. [Google Scholar] [CrossRef]
- Forrest, M.R.; Weissgerber, T.L.; Lieske, E.S.; Tamayo Cuartero, E.; Fischer, E.; Jones, L.; Piccininni, M.; Rohmann, J.L. Use of Stacked Proportional Bar Graphs (“Grotta Bars”) in Observational Neurology Research: A Meta-Research Study. Neurology 2025, 104, e210169. [Google Scholar] [CrossRef] [PubMed]
- Thistle, J.J.; Wilkinson, K. The Effects of Color Cues on Typically Developing Preschoolers’ Speed of Locating a Target Line Drawing: Implications for Augmentative and Alternative Communication Display Design. Am. J. Speech-Lang. Pathol. 2009, 18, 231–240. [Google Scholar] [CrossRef]
- Caves, E.M.; Davis, A.L.; Nowicki, S.; Johnsen, S. Backgrounds and the Evolution of Visual Signals. Trends Ecol. Evol. 2024, 39, 188–198. [Google Scholar] [CrossRef]
- Foulsham, T.; Kingstone, A.; Underwood, G. Turning the World around: Patterns in Saccade Direction Vary with Picture Orientation. Vis. Res. 2008, 48, 1777–1790. [Google Scholar] [CrossRef]
- Wickens, C.D.; Helton, W.S.; Hollands, J.G.; Banbury, S. Engineering Psychology and Human Performance; Routledge: Abingdon, UK, 2021. [Google Scholar]
- Sarter, N.B. Multimodal Information Presentation in Support of Human-Automation Communication and Coordination. In Advances in Human Performance and Cognitive Engineering Research; Emerald Group Publishing Limited: Bingley, UK, 2002; pp. 13–35. [Google Scholar]
- Stanton, N.A.; Plant, K.L.; Roberts, A.P.; Allison, C.K. Use of Highways in the Sky and a Virtual Pad for Landing Head Up Display Symbology to Enable Improved Helicopter Pilots Situation Awareness and Workload in Degraded Visual Conditions. Ergonomics 2019, 62, 255–267. [Google Scholar] [CrossRef]
- Thornton, I.M.; Vuong, Q.C.; Pilz, K.S. A Search Advantage for Horizontal Targets in Dynamic Displays. i-Perception 2021, 12, 20416695211004616. [Google Scholar] [CrossRef]
- Indratmo, I.; Howorko, L.; Boedianto, J.M.; Daniel, B. The Efficacy of Stacked Bar Charts in Supporting Single-Attribute and Overall-Attribute Comparisons. Vis. Inform. 2018, 2, 155–165. [Google Scholar] [CrossRef]
- Divecha, C.; Tullu, M.; Karande, S. Utilizing Tables, Figures, Charts and Graphs to Enhance the Readability of a Research Paper. J. Postgrad. Med. 2023, 69, 125–131. [Google Scholar] [CrossRef]
- Fygenson, R.; Franconeri, S.; Bertini, E. The Arrangement of Marks Impacts Afforded Messages: Ordering, Partitioning, Spacing, and Coloring in Bar Charts. IEEE Trans. Vis. Comput. Graph. 2023, 30, 1008–1018. [Google Scholar] [CrossRef]
- Plutino, A.; Armellin, L.; Mazzoni, A.; Marcucci, R.; Rizzi, A. Aging Variations in Ishihara Test Plates. Color Res. Appl. 2023, 48, 721–734. [Google Scholar] [CrossRef]
- Cunningham, D.W.; Wallraven, C. Experimental Design: From User Studies to Psychophysics; CRC Press: Cleveland, OH, USA, 2011. [Google Scholar]
- Cohen, J. A power primer. Psychol. Bull. 1992, 112, 155–159. [Google Scholar] [CrossRef]
- Cohen, J. Statistical Power Analysis for the Behavioral Sciences, 2nd ed.; Lawrence Erlbaum Associates: Hillsdale, NJ, USA, 1988. [Google Scholar]
- Andersen, E.; Maier, A. The Attentional Guidance of Individual Colours in Increasingly Complex Displays. Appl. Ergon. 2019, 81, 102885. [Google Scholar] [CrossRef]
- Wolfe, J.M. Approaches to Visual Search: Feature Integration Theory and Guided Search. In The Oxford Handbook of Attention; Oxford Academic Press: New York, NY, USA, 2014; pp. 11–55. [Google Scholar] [CrossRef]
- Mukherjee, K.; Yin, B.; Sherman, B.E.; Lessard, L.; Schloss, K.B. Context Matters: A Theory of Semantic Discriminability for Perceptual Encoding Systems. IEEE Trans. Vis. Comput. Graph. 2021, 28, 697–706. [Google Scholar] [CrossRef]
- Hu, J.; Zhang, J. The Effect of Cue Labeling in Multimedia Learning: Evidence from Eye Tracking. Front. Psychol. 2021, 12, 736922. [Google Scholar] [CrossRef]
- Kasten, R.; Navon, D. Is Location Cueing Inherently Superior to Color Cueing? Not If Color Is Presented Early Enough. Acta Psychol. 2008, 127, 89–102. [Google Scholar] [CrossRef] [PubMed]
- Aslanoğlu, R. The Role of Color in Determining Visual Complexity in Abstract Images. Ph.D. Thesis, Bilkent Universitesi, Ankara, Turkey, 2019. [Google Scholar]
- Skulmowski, A. Are Realistic Details Important for Learning with Visualizations or Can Depth Cues Provide Sufficient Guidance? Cogn. Process. 2024, 25, 351–361. [Google Scholar] [CrossRef]
- Giovannangeli, L.; Giot, R.; Auber, D.; Bourqui, R. Impacts of the Numbers of Colors and Shapes on Outlier Detection: From Automated to User Evaluation. arXiv 2021, arXiv:2103.06084. [Google Scholar] [CrossRef]
- Martinovic, J.; Boyanova, A.; Andersen, S. Division and Spreading of Attention in Colour Space. bioRxiv 2023. [Google Scholar] [CrossRef]
- Friedrich, M.; Vollrath, M. Urgency-Based Color Coding to Support Visual Search in Displays for Supervisory Control of Multiple Unmanned Aircraft Systems. Displays 2022, 74, 102185. [Google Scholar] [CrossRef]
- Treisman, A.M.; Gelade, G. A Feature-Integration Theory of Attention. Cogn. Psychol. 1980, 12, 97–136. [Google Scholar] [CrossRef] [PubMed]
- Wolfe, J.M. Guided Search 2.0 a Revised Model of Visual Search. Psychon. Bull. Rev. 1994, 1, 202–238. [Google Scholar] [CrossRef]
- Rayner, K. Eye Movements in Reading and Information Processing: 20 Years of Research. Psychol. Bull. 1998, 124, 372. [Google Scholar] [CrossRef]
- Ware, C.; Arsenault, R. Target Finding with a Spatially Aware Handheld Chart Display. Hum. Factors 2012, 54, 1040–1052. [Google Scholar] [CrossRef]
- Wickens, C.D.; Carswell, C.M. The Proximity Compatibility Principle: Its Psychological Foundation and Relevance to Display Design. Hum. Factors 1995, 37, 473–494. [Google Scholar] [CrossRef]
- Engmann, S. Redundancy Gain: Manifestations, Causes and Predictions. Ph.D. Thesis, Université de Montréal, Montréal, QC, Canada, 2009. [Google Scholar]
- Wolfe, J.M.; Horowitz, T.S. Five Factors That Guide Attention in Visual Search. Nat. Hum. Behav. 2017, 1, 0058. [Google Scholar] [CrossRef]
- Wickens, C.D. Multiple Resources and Performance Prediction. Theor. Issues Ergon. Sci. 2002, 3, 159–177. [Google Scholar] [CrossRef]
- Nothdurft, H.-C. The Role of Features in Preattentive Vision: Comparison of Orientation, Motion and Color Cues. Vis. Res. 1993, 33, 1937–1958. [Google Scholar] [CrossRef]
- Champely, S.; Ekstrom, C.; Dalgaard, P.; Gill, J.; Weibelzahl, S.; Anandkumar, A.; De Rosario, H. pwr: Basic Functions for Power Analysis. 2017. Available online: https://github.com/heliosdrm/pwr (accessed on 1 December 2025).
- Muller, K. Statistical Power Analysis for the Behavioral Sciences. Technometrics 1989, 31, 499–500. [Google Scholar] [CrossRef]
- Maxwell, S.E. The persistence of underpowered studies in psychological research: Causes, consequences, andremedies. Psychol. Methods 2004, 9, 147–163. [Google Scholar] [CrossRef] [PubMed]
- Gao, W.; Tian, Y.; Zhai, W.; Ji, Y.; Shen, S. Exploring the Impacts of Service Robot Interaction Cues on Customer Experience in Small-Scale Self-Service Shops. Sustainability 2025, 17, 10368. [Google Scholar] [CrossRef]










| Variables | Number of Trials | Accuracy (%) | Number of Trials | Reaction Time (ms) | ||
|---|---|---|---|---|---|---|
| Mean | SD | Mean | SD | |||
| Background Color Cue | ||||||
| Presence | 1920 | 0.929 | 0.257 | 1702 | 2487.635 | 989.355 |
| Absence | 1920 | 0.923 | 0.267 | 1707 | 2488.500 | 867.740 |
| Foreground Color Cue | ||||||
| Presence | 1920 | 0.932 | 0.251 | 1698 | 2243.661 | 964.188 |
| Absence | 1920 | 0.920 | 0.272 | 1711 | 2730.618 | 827.110 |
| Scale Line Color Cue | ||||||
| Presence | 1920 | 0.931 | 0.253 | 1721 | 2479.822 | 885.173 |
| Absence | 1920 | 0.921 | 0.270 | 1688 | 2496.475 | 974.372 |
| Label Color Cue | ||||||
| Presence | 1920 | 0.932 | 0.251 | 1713 | 2468.841 | 1002.092 |
| Absence | 1920 | 0.920 | 0.272 | 1696 | 2507.488 | 851.550 |
| Chart Orientation | ||||||
| Horizontal | 1920 | 0.926 | 0.263 | 1740 | 2327.388 | 818.859 |
| Vertical | 1920 | 0.927 | 0.261 | 1669 | 2655.584 | 1007.092 |
| Effects | ΔAIC | LLR χ2 | p Value |
|---|---|---|---|
| Foreground Color Cue | −470 | 472.4467 | <0.001 |
| Background Color Cue | 2 | 0.2137 | 0.644 |
| Label Color Cue | −4 | 6.0828 | <0.05 |
| Scale Line Color Cue | 0 | 1.3369 | 0.248 |
| Effects | ΔAIC | LLR χ2 | p Value |
|---|---|---|---|
| Foreground Color Cue | −3 | 5.0044 | <0.05 |
| Background Color Cue | 0.74 | 1.2555 | 0.263 |
| Label Color Cue | −3.05 | 5.0478 | <0.005 |
| Scale Line Color Cue | −1.53 | 3.5331 | 0.060 |
| Effects | ΔAIC | LLR χ2 | p Value |
|---|---|---|---|
| Foreground Color Cue × Background Color Cue × Scale Line Color Cue | −14 | 20.222 | 0.00015 |
| Foreground Color Cue × Background Color Cue × Label Color Cue | 3 | 0.085 | 0.9580 |
| Foreground Color Cue × Label Color Cue × Scale Line Color Cue | −33 | 35.727 | <0.001 |
| Background Color Cue × Label Color Cue × Scale Line Color Cue | −3 | 11.274 | 0.0236 |
| Effects | ΔAIC | LLR χ2 | p Value |
|---|---|---|---|
| Orientation × Foreground Color Cue | −488 | 492.781 | <0.001 |
| Orientation × Background Color Cue | −3 | 6.595 | 0.037 |
| Orientation × Label Color Cue | −3 | 7.239 | 0.027 |
| Orientation × Scale Line Color Cue | 2 | 1.710 | 0.425 |
| Effects | ΔAIC | LLR χ2 | p Value |
|---|---|---|---|
| Orientation × Foreground Color Cue | −1 | 5.065 | 0.097 |
| Orientation × Background Color Cue | 2.7 | 1.297 | 0.523 |
| Orientation × Label Color Cue | −1.1 | 5.089 | 0.079 |
| Orientation × Scale Line Color Cue | 0.4 | 3.535 | 0.171 |
Disclaimer/Publisher’s Note: The statements, opinions and data contained in all publications are solely those of the individual author(s) and contributor(s) and not of MDPI and/or the editor(s). MDPI and/or the editor(s) disclaim responsibility for any injury to people or property resulting from any ideas, methods, instructions or products referred to in the content. |
© 2025 by the authors. Licensee MDPI, Basel, Switzerland. This article is an open access article distributed under the terms and conditions of the Creative Commons Attribution (CC BY) license (https://creativecommons.org/licenses/by/4.0/).
Share and Cite
Zhang, J.; Yan, Q.; Wu, J.; Ge, W. Designing Dynamic Stacked Bar Charts for Alarm Semantic Levels: Hierarchical Color Cues and Orientation on Perceptual Order and Search Efficiency. Sensors 2025, 25, 7589. https://doi.org/10.3390/s25247589
Zhang J, Yan Q, Wu J, Ge W. Designing Dynamic Stacked Bar Charts for Alarm Semantic Levels: Hierarchical Color Cues and Orientation on Perceptual Order and Search Efficiency. Sensors. 2025; 25(24):7589. https://doi.org/10.3390/s25247589
Chicago/Turabian StyleZhang, Jing, Qi Yan, Jinchun Wu, and Weijia Ge. 2025. "Designing Dynamic Stacked Bar Charts for Alarm Semantic Levels: Hierarchical Color Cues and Orientation on Perceptual Order and Search Efficiency" Sensors 25, no. 24: 7589. https://doi.org/10.3390/s25247589
APA StyleZhang, J., Yan, Q., Wu, J., & Ge, W. (2025). Designing Dynamic Stacked Bar Charts for Alarm Semantic Levels: Hierarchical Color Cues and Orientation on Perceptual Order and Search Efficiency. Sensors, 25(24), 7589. https://doi.org/10.3390/s25247589

