꽃단장한 와탭 데이터베이스 모니터링 디자인

데이터베이스 모니터링 주요 화면들이 어떻게 개편되었을까요?

일관성 있는 옵션 선택 디자인

화면마다 다소 다르게 표현되었던 옵션바의 데이터베이스 항목 표시를 차트색상과 매칭을 위해 색상을 컬러뱃지 형태로 통일했습니다.

*멀티로 선택이 가능한 데이터베이스만 해당 디자인으로 표시됩니다.

'카운트 추이'화면의 경우 데이터베이스 모니터링 제품 내 UI일관성 뿐만 아니라 다른 제품 모니터링과 일관성 있는 사용자 경험을 위해 시간 선택 옵션도 디자인도 변경되었습니다. 와탭의 공용 시간 선택 컴포넌트는 사용자가 자주 사용하는 시간 구간 목록을 제공하여 쉽고 빠르게 시간 선택이 가능합니다. 또한 장기 추이 화면에 따로 진입하지 않아도 장기 추이 데이터를 확인하실 수 있습니다.

유연해진 패널 디자인

기존의 하단 테이블은 최소화, 중간크기 최대크기 정도로만 조절할 수 있는 한계가 있었습니다. 새로 개선된 페이지에서는 하단 패널의 크기를 자유롭게 조절할 수 있고, 위치도 변경할 수 있습니다.

실시간 알림 패널의 경우도 고정으로 있던 레이아웃을 헤더영역의 '알림 아이콘'을 선택하면 우측패널로 표시되는 동선으로 변경하였습니다.

이로써 좀 더 사용자 모니터 해상도나 환경에 따라 보기 편하신대로 레이아웃을 조정할 수 있고, 차트데이터만 집중적으로 보고싶으실 때에는 다른 기능들을 접어두고 모니터링과 분석이 가능합니다.

더욱 시원하고 깔끔해진 차트 디자인

불필요한 라인이나 색상 사용을 제거하고 차트 영역을 확대했습니다.

끝으로

이번 달에 소개해드린린 데이터베이스 모니터링 화면 개편 외에 데이터베이스 모니터링 관련하여 참고하면 좋을 영상(클릭)을 추천 드립니다.

지난 [월간 와탭]을 아직 못 보셨다면?

• [월간 와탭 6월] 새로워진 와탭 테마기능
• [월간 와탭 7월] 더욱 편리하고 쉬워진 URL 모니터링을 만나보세요!
• [월간 와탭 8월] 8월의 와탭 소식을 전해드립니다.
• [월간 와탭 9월] 새로운 차트를 만나보세요.
• [월간 와탭 10월] 와탭 알림설정과 통계 UI 개편!
• [월간 와탭 11월] 서버별 시스템 현황을 한 눈에 모니터링!
• [월간 와탭 12월] 더 편리하고 유연해진 Flex 보드를 이용해보세요.
• [월간 와탭 1월] 애플리케이션 모니터링 프로파일 활용하기
• [월간 와탭 2월] 시리즈차트의 한계를 극복한 TopN 차트!