본문

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

작성일 2020년 03월 26일

와탭 인스턴스 모니터링

오늘 출근길에 꽃이 만개한 벚꽃나무를 봤습니다. 곳곳에 꽃이 피는 걸 보니 어느덧 완연한 봄이 한발 더 다가온게 느껴지네요. 이번 달 월간와탭은 새로운 계절을 맞이하여 데이터베이스 모니터링 디자인 개편 소식을 전해드립니다!

와탭은 고객 여러분의 편리한 사용자 경험을 제공하기 위해 불철주야 연구하고 있는데요, 이번 달에는 ① 인스턴스 모니터링 ② 멀티 인스턴스 ③ 카운트 추이 화면을 개편했습니다. 데이터베이스 모니터링을 이용 중이신 고객님 혹은 이용을 고려 중이신 분들에게 좋은 소식이 될 것 같습니다. 😄

이번 달에는 어떤 내용들을 확인할 수 있을까요?
  • 데이터베이스 모니터링 주요 기능 화면 UI 개편

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

개편된 DB 모니터링 화면

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

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

기존 시리즈 차트3*멀티로 선택이 가능한 데이터베이스만 해당 디자인으로 표시됩니다.

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

카운트 추이 타임 셀렉터

유연해진 패널 디자인

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

액티브 세션 패널

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

이벤트 알림 패널

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

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

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

차트 디자인

끝으로

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

서비스 성능관리는 와탭 애플리케이션 모니터링으로!
와탭 무료로 시작하기
조이성[email protected]
Development TeamDevelopment TeamFront-End Developer

지금 바로
와탭을 경험해 보세요.