Seeing Through the Overlap: The Impact of Color and Opacity on Depth Order Perception in Visualization

要旨

Semi-transparent visualizations are commonly used to reveal information in overlapped regions by applying colors and opacity. While a few studies made recommendations on how to choose colors and opacity levels to maintain depth perception, they often conflict and overlook the interaction effect between these factors. In this paper, we systematically explore the impact of color and opacity on depth order perception across eight colors, three opacity levels, and various layer orders and arrangements. Our inferential analysis shows that both color hue and opacity significantly influence depth order perception, with the effectiveness depending on their interaction. We also derived 12 features for predictive analysis, achieving the best mean accuracy of 80.72% and mean F1 score of 87.75%, with opacity assigned to the front layer as the top feature for most models. Finally, we provide a small design tool and four guidelines to better align the design rules of colors and opacity in semi-transparent visualizations.

著者
Zhiyuan Meng
Shandong University, Qingdao, Shandong, China
Yunpeng Yang
Shandong University, Qingdao, Shandong, China
Qiong Zeng
Shandong University, Qingdao, Shandong , China
Kecheng Lu
Renmin University of China, Beijing, China
Lin Lu
Shandong University, Qingdao, Shandong, China
Changhe Tu
Shandong Univ., Qingdao, China
Fumeng Yang
University of Maryland College Park, College Park, Maryland, United States
Yunhai Wang
Renmin University of China, Beijing, China
DOI

10.1145/3706598.3714070

論文URL

https://dl.acm.org/doi/10.1145/3706598.3714070

動画

会議: CHI 2025

The ACM CHI Conference on Human Factors in Computing Systems (https://chi2025.acm.org/)

セッション: Visualization

G302
7 件の発表
2025-04-29 01:20:00
2025-04-29 02:50:00
日本語まとめ
読み込み中…