DASHBOARD UI
R&D 미션 현황 통합 대시보드
분야별 카테고리와 다각도 막대 차트를 활용하여 미션 현황을 시각화하고, 하단에는 웹 접근성 기준을 충족하는 데이터 테이블을 널찍하게 배치해 상세 과제 목록을 쾌적하게 제공합니다.
PROJECT CONCEPT
국가 R&D 정보의 방대한 데이터를
프로젝트 기획 의도 및 목표
국가 R&D 정보의 방대한 데이터를
직관적이고 스마트하게 탐색하는 통합 지식포털.
흩어져 있는 국가 과학기술 R&D 정보와 통계 데이터를 하나의 통합 플랫폼으로 묶어, 연구자와 일반 국민 누구나 쉽게 데이터를 조회하고 입체적으로 분석할 수 있는 환경을 구축하는 신규 프로젝트입니다.
국가별 기술 수준, R&D 투자 현황, 사회문제 해결 성과 등 방대한 대용량 데이터를 효과적으로 다루기 위해 인포그래픽과 인터랙티브 차트를 적극 도입하여 데이터 시각화의 새로운 기준을 제시하는 데 목적을 두었습니다.
CORE REQUIREMENT
대용량 데이터의 체계적인 구조화와
핵심 구축 방향
대용량 데이터의 체계적인 구조화와
입체적인 시각화 플랫폼.
기획 방향정보의 시각화
구현 목표인포그래픽 기반 대시보드
01. DATA VISUALIZATION
복잡한 통계 수치를 인터랙티브 차트와 맵 그래프로 시각화하여 데이터에 대한 사용자의 이해도를 극대화합니다.
기획 방향탐색의 편의성
구현 목표다차원 필터링 및 탭 구조
02. EFFICIENT NAVIGATION
방대한 R&D 과제와 기술 동향 정보를 체계적인 분류 체계와 상세 검색 필터를 통해 빠르게 찾을 수 있도록 지원합니다.
기획 방향접근성 강화
구현 목표디바이스 맞춤 반응형 웹
03. RESPONSIVE EXPERIENCE
웹 콘텐츠 접근성을 준수하고 모든 화면 크기에 대응하여, 거대한 데이터 테이블과 그래프를 모바일에서도 쾌적하게 조회할 수 있습니다.
DESIGN STRATEGY
정보의 신뢰도를 높이는 브랜드 컬러와
어떤 기준으로 설계했는가
정보의 신뢰도를 높이는 브랜드 컬러와
데이터 가독성에 집중한 클린 UI.
국가 R&D 지식포털의 전문성과 신뢰감을 강조하기 위해 NTIS의 브랜드 컬러인 오렌지 톤을 핵심 액션 요소와 그래프 포인트 컬러로 활용했습니다. 수많은 텍스트와 차트가 얽혀있는 화면의 피로도를 낮추기 위해, 불필요한 장식을 배제하고 여백(White Space)을 충분히 확보하는 데이터 중심의 클린 UI 전략을 수립했습니다.
TRUST공공 데이터 신뢰도
INSIGHT직관적 인사이트 도출
FLEXIBLE유연한 정보 구조화
NTIS PORTAL국가 지식정보 통합망
WEB & MOBILE DESIGN : STATISTICS
인포그래픽 기반 과학기술통계 대시보드
글로벌 R&D 투자 현황과 주요국 핵심 연구 성과(연구비, 논문, 특허 등)를 시각화했습니다. 대형 인포그래픽과 카드 그리드로 방대한 통계 데이터를 한눈에 파악할 수 있으며, 데이터 위계를 명확히 설정했습니다.
WEB DESIGN : PLATFORM
지도 연동 및 사회문제해결 데이터 시각화
10대 분야 43개 영역의 사회문제를 직관적인 아이콘으로 분류했습니다. 하단 통계 차트와 대한민국 인터랙티브 지도를 연동하여, 지역별 R&D 현황과 주요 사회 이슈를 입체적으로 탐색할 수 있습니다.
WEB DESIGN : DATA VISUALIZATION
체계적인 분류와 차트로 완성한 기술수준평가 리포트
상단에 과학기술 지표 체계도를 배치해 깊이 있는 세부 탐색을 돕고, 국가별 기술 수준 및 격차 데이터를 다각도 막대그래프와 컬러 범례로 명확히 구성하여 직관적인 데이터 비교 분석 환경을 제공합니다.
MOBILE DESIGN
디바이스 제약 없는 유연한 반응형 UI/UX
다양한 모바일 해상도에 완벽히 대응합니다. 복잡한 통계 수치와 인포그래픽 맵이 스마트폰 환경에 맞게 자연스럽게 재배치되어 장소에 구애받지 않고 언제 어디서나 쾌적하게 데이터를 열람할 수 있습니다.
SERVICE UI DETAILS
NTIS 분야별 주요 서브 서비스 UI
대용량 공공 데이터의 가독성을 극대화하고 탐색 효율성을 높이기 위해 최적화된 주요 서브 페이지 레이아웃입니다. 데이터의 양이 많은 만큼 1단 세로 구조로 레이아웃을 부각하여 사용자 피로도를 낮췄습니다.
