와탭 블로그

전체보기

[월간 와탭] 와탭 알림설정과 통계 UI 개편!

2020년 10월 26일

Oct_whatap

그동안에 잘 지내셨나요? 조금씩 쌀쌀해지는 가을날입니다. 열심히 고객님들이 모니터링을 더욱 활용하기 편하도록 개선하고 있었답니다. 이번달에 전달드릴 소식은 모니터링 서비스에서 절대 빠질 수 없는 '알림 설정'입니다. 그 외에도 통계메뉴쪽에도 살짝 변화가 있었는데요. 함께 살펴보실까요?🤗

이번달에는 어떤 내용들을 확인할 수 있을까요?
  • 알림 설정 UI 개편 (전 제품)
  • 통계, 스택분석, 멀티 애플리케이션 대시보드 메뉴 통합
11월 정기 배포 일정

11월 11일(수), 11월 25일(수) 18:00 ~ 20:00

정기배포 제외 대상
  • 서비스중단을 초래 하지 않는 범위 : 모니터링 에이전트, 리포트 모듈, 기능 단위 UI 단독 Bug Fix

알림 설정 UI 개편

알림 목록 - 일관성있는 카드뷰 스타일로

기존의 알림 설정 UI는 각 제품별마다 상이했습니다. 여러 제품군을 사용하는 고객분들에겐 각기 다 다른 UI와 사용방식으로 다시 혼동스럽거나 쉽게 익숙해지지 않았을겁니다. 통합 모니터링을 지향하고 있는만큼 일관성 있는 UI로 동선 또한 최대한 통일하고자 했습니다.

AS-IS (기존 UI)
old alert list
TO-BE

알림 카테고리는 탭메뉴로 구분하고, 전체적으로 가로로 긴 형태의 카드뷰 스타일로 정리했습니다.

new alert list
카드의 구성요소

제품별로 조금씩 표현하는 정보는 다르고 구체적인 설정방법도 다르지만, 카드의 구성요소는 크게 [ 알림명(지표명) - 알림조건 - 편집, 활성화 ]로 통일했습니다.

new card style
알림 설정 패널 - 동선은 줄이고, 알림 편집은 용이하게

알림 정책 설정할때에도 각기 다른 UI와 동선을 가지고 있었는데요. 알림 정책 설정 및 편집 시 우측 편집패널이 등장하는 것으로 동선을 통일하고 동일한 스타일을 적용했습니다. 또한 고객님들의 요구사항 중 하나가 여러 서버 에이전트나 프로젝트에 한번에 알림을 설정할 수 있는 기능이었습니다. 이런 요구사항을 받아들여 서버와 쿠버네티스 마스터 프로젝트의 경우 복수 개의 에이전트와 프로젝트에 알림을 동시에 추가할 수 있는 기능을 추가했습니다.

※ 애플리케이션과 데이터베스 모니터링은 기존과 동일하게 목록에서 바로 추가, 편집이 가능합니다.

new alert setting pannel
새로 개편된 화면으로 알림을 설정해보세요.

서버 모니터링과 쿠버네티스 모니터링 알림 설정 과정은 아래의 동영상을 통해 알림 설정하는 방법을 확인해보세요.

통계 메뉴 통합 - 탭메뉴 구조

통계 화면이 한 화면에 통합되었습니다. 기존의 통계 화면은 트랜잭션, 도메인, 에러 통계 등을 각각 다른 페이지에서 확인할 수 있었습니다. 이렇게 분리되었던 탓에 확인하고자 하는 지표의 통계를 보기 위해서 해당 페이지를 일일이 찾아야 하는 번거로움이 있었습니다. 통계 화면의 사용성을 개선하기 위해 통계와 관련된 지표를 한 화면으로 통합하였습니다. 각각 지표에 따라 탭으로 구분되어 있어서 보다 쉽게 보고자 하는 통계를 확인하실 수 있습니다.

statistics

통계 화면 뿐만 아니라 스택(탑스택, 액티브스택, 유니크스택), 애플리케이션 대시보드(멀티서비스대시보드와 통합) 화면을 각각 통합하여 사용성을 개선하였습니다.

statistics 애플리케이션 모니터링 - 스택 분석 화면
statistics 쿠버네티스 모니터링 - 애플리케이션 대시보드 화면
지난 [월간 와탭]을 아직 못 보셨다면?

클릭! >>> [월간 와탭 4월] 한층 더 강화된 와탭 애플리케이션 모니터링
클릭! >>> [월간 와탭 5월] 와탭의 액티브스택 & 5월 사용자교육 & 딥러닝 적용기
클릭! >>> [월간 와탭 6월] 새로워진 와탭 테마기능
클릭! >>> [월간 와탭 7월] 더욱 편리하고 쉬워진 URL 모니터링을 만나보세요!
클릭! >>> [월간 와탭 8월] 8월의 와탭 소식을 전해드립니다.
클릭! >>> [월간 와탭 9월] 새로운 차트를 만나보세요.

내 IT 서비스의 성능을 효과적으로 관리하고 싶다면?

와탭 무료로 시작하기
Becky(becky@whatap.io)
Marketing TeamManager
<  이전 글

다음 글  >

최신글