Enhancing Risk Perception and Information Communication: An Evidence-Based Design of Flood Hazard Map Interfaces

Floods are among the most destructive natural disasters, posing major challenges to human safety, property, and urban resilience. Effective communication of flood risk is therefore crucial for disaster preparedness and the sustainable management of smart cities. This study explores how interface design elements of flood hazard maps, including interaction modes and legend color schemes, influence users’ risk perception, decision support, and usability. An online questionnaire survey (N = 776) and a controlled 2 × 2 experiment (N = 40) were conducted to assess user comprehension, cognitive load, and behavioral responses when interacting with different visualization formats. Results show that slider-based interaction significantly reduces task completion and map-reading times compared with drop-down menus, enhancing usability and information efficiency. Multicolor legends, although requiring higher cognitive effort, improve users’ risk perception, engagement, and memory of flood-related information. These findings suggest that integrating cognitive principles into interactive design can enhance the effectiveness of digital disaster communication tools. By combining human–computer interaction, visual cognition, and smart governance, this study provides evidence-based design strategies for developing intelligent and user-centered flood hazard mapping systems. The proposed framework contributes to the advancement of smart urban resilience and supports the broader goal of building safer and more sustainable cities.