UDS(urban disaster solution)솔루션 UI/UX 구현 –부산광역시 데이터를 중심으로

• Published in: 디지털콘텐츠학회논문지 Vol. 23; no. 10; pp. 2027 - 2034
• Main Authors: 박세진(Sejin Park), 김광영(Gwang Young Kim)
• Format: Journal Article
• Language: Korean
• Published: 한국디지털콘텐츠학회 01.10.2022
• Subjects: 컴퓨터학; 가독성; UI/UX; Convenience; 편의성; 재난 솔루션; Disaster Solution; Readability; 통일성; Consistency
• ISSN: 1598-2009; 2287-738X
• DOI: 10.9728/dcs.2022.23.10.2027

사용자 인터페이스는 사용자 분석을 통해 사용자와 서비스 간의 원활한 소통과 사용자의 만족감을 이끌어내야 한다. 기존의 재난 UDS(urban disaster solution)솔루션의 인터페이스는 사용자를 고려하지 않고 디자인되었다. 본 논문에서는 재난 상황을 24시간 모니터링하며 상황에 대응할 수 있도록 사용자의 편의성을 고려하였고, 상황 발생 시에 즉각적이고 정확한 대응을 위한 가독성, 재난 상황 대응에 필요한 방대한 양의 데이터를 처리할 수 있도록 통일성을 추구하여 인터페이스를 디자인하였다. 따라서 주색, 보조색의 스펙트럼, 타이포의 계층적인 단계 설정, 범례 컬러를 정비하여 통일감을 가진 디자인 시스템을 구축하였고, 사용자가 직접 다크 테마와 라이트 테마 중 하나를 선택할 수 있게 하여 편의성과 사용성을 증대하였다. 내비게이션, 툴바, 팝업 창 등 레이아웃을 새로 구성하고, 아이콘의 디자인을 단순화하여 단계별 표출 단계를 정비하여 가독성을 높였다. The user interface should elicit smooth communication between users and services and user satisfaction through user analysis. The interface of the existing disaster solution is designed without user consideration. In this paper, the user's convenience was considered to monitor and respond to disaster situations 24 hours a day, and the interface was designed to handle readability for immediate and accurate response and the vast amount of data needed for disaster response. Therefore, a unified design system was established by main color, auxiliary color spectrum, hierarchical level setting of typo, and legend color, and convenience and usability were increased by allowing users to choose between dark and light themes. The layout, such as navigation, toolbar, and pop-up windows, is newly formed, and the design of the icon is simplified to improve the step-by-step display stage to increase readability. KCI Citation Count: 0