TECH ARTICLE

리뉴얼된 X-View 팝업 페이지의 달라진 점과 활용법에 대해 알아볼까요?

앞에 릴리즈한 포스팅을 통해 X-View 분석 페이지의 새로운 기능, 활용법을 파악하셨다면 다음의 X-View 팝업 페이지의 달라진 점도 매우 흥미로우실 거에요.😊

참! 제니퍼의 새로운 모든 기능을 경험하고 싶다면, 제니퍼를 업그레이드 하세요~ 모든 기능을 사용할 수 있습니다~ 😘

X-View 트랜잭션 분석 페이지 활용법이 궁금하신가요?

제니퍼5에서 성능 데이터 분석의 핵심은 바로 트랜잭션들에 대한 프로파일 분석입니다. 제니퍼 사용자가 가장 많이 사용하는 기능이고, 그만큼 화면의 복잡도가 매우 높습니다.  또한 팝업 형태로 띄어지기 때문에 한정된 영역에서 많은 데이터를 보여줘야 하는 어려움을 가지고 있는 기능입니다.

하지만 제니퍼5가 정식으로 출시된지 벌써 7년이 지났고, 그동안 수많은 제니퍼 사용자의 요구사항들을 반영하다보니 어느 시점부터 UX가 일관되지 않고, 화면 복잡도 높아져만 갔습니다. 변화가 필요했습니다.

과거의 X-View 팝업 화면
새로운 X-View 팝업 화면

X-View 팝업 화면은 여러 가지 경로에서 접근할 수 있습니다. 대표적으로 대시보드나 분석에 있는 X-View 차트에서 혹은 트랜잭션 개체(Scatter)를 드래그해서 분석하는 방법이 있습니다.

사실 제니퍼5에서 대부분의 데이터는 결국 트랜잭션으로 귀결됩니다. 예를 들면 사용자가 정의한 이벤트가 발생했다고 가정하면 해당 이벤트에는 연관된 트랜잭션 데이터가 존재합니다. 또한 제니퍼에서 정의한 에러가 사용자의 애플리케이션에서 발생했다면 이또한 관련된 트랜잭션 데이터가 존재합니다. 사실 단순한 트랜잭션은 크게 문제가 되지 않습니다.

트랜잭션의 그룹화 개념이란?

제니퍼5에서는 이런 트랜잭션들을 그룹화해서 보여주는 개념이 있습니다. 예를 들면 트랜잭션 간의 호출 관계를 알 수 있는 연관 트랜잭션이나 단순히 동일한 필드 값으로 묶어서 보여주는 GUID나 클라이언트 ID, 애플리케이션, 사용자 ID, 클라이언트 IP가 있습니다. 

그룹화된 애플리케이션 데이터를 보여주고 있는 기존의 X-View 팝업

일반적인 상황에서는 상/하단으로 화면이 구분되었는데, 앞에서 말한 그룹화 된 트랜잭션들을 보여줄 때는 상황이 달라집니다. 트랜잭션 목록을 보여주는 영역의 상단에 별도의 영역이 추가로 생기게 됩니다. 이렇게 되면 프로파일 정보를 보는 영역의 높이가 줄어들게 되므로 제니퍼 사용자의 모니터 해상도에 따라 매우 큰 불편함을 느끼게 될 수 있습니다. 


그래서, 달라진
X-View 팝업 UX 개선 포인트!

X-View 팝업 화면의 영역은 상/하단으로 고정하여 제니퍼 사용자가 프로파일 분석을 좀 더 넓은 시야에서 할 수 있도록 하는 것이었습니다. 그렇다면 여기서 고민은 그룹화 된 데이터를 보여주는 영역은 어디에 위치하는 것인가인데, 프론트팀은 좌측 사이드 영역에 바 차트 형태로 보여주는 방식을 채택하였습니다. 사실 그룹화 된 데이터는 필드 종류가 많아서 바 차트로 보여주기에는 적절치 않습니다. 중요한 필드 값이 아니라고 판단하여 바 차트로 표현할 때, 필요한 필드 값을 제외하고, 노출 하지 않기로 결정하였습니다.

그룹화된 애플리케이션 데이터를 보여주고 있는 새로운 X-View팝업

연관 트랜잭션의 경우에도, 특이하게 토폴로지 차트가 보여지는데, 좌측 사이드 영역에 넣기에는 부적절하여 우측 하단에 레이어 형태로 제공하였습니다. 투명도를 줘서 활성화 전에는 눈에 잘 띄지 않게 하였고, 트랜잭션 선택을 위해 활성화를 하면 레이어 영역이 넓어집니다.

기존의 연관트랜잭션 X-View팝업 화면
토폴로지 차트를 레이어 타입으로 변경한 새로운 연관 트랜잭션 X-view팝업,
토폴로지 차트의 복잡도에 따라 레이어의 크기를 변경하면 더 넓은 화면으로 토폴로지 차트를 볼 수 있다.

그 밖에 개선 포인트는 또 무엇이 있을까요?

  1. 중요도가 낮은 기능들은 하나의 버튼으로 묶었습니다.

2. 제공되는 기능이지만 현재 사용할 수 없는 기능은 비활성화 상태로 노출시켰습니다. 숨겨진 기능을 오픈함으로 다양한 기능이 있음을 사용자는 확인할 수 있게 되었습니다.

필드에 데이터가 없는 기능들이 비활성화 된 상태

개선된 팝업은 이렇게 활용하세요!

제니퍼 사용자는 보다 일관되게 정리된 X-View 팝업을 사용할 수 있게 되었고, 이전보다 여유로워진 하단 영역이 확보되었기 때문에 프로파일 분석을 좀 더 편하게 할 수 있게 되었습니다.

어떻게 보면 사소해 보일 수 있지만, 가장 많이 사용되는 분석 화면이라서 처음부터 큰 변화를 주기에는 부담스러웠고, 모두가 만족할 수 있는 결과를 만들기 위해 노력했습니다. 올해도 프론트팀은 의미있는 변화를 지속해서 만들어 나갈 계획입니다. 계속해서 릴리즈할 제니퍼 리 디자인 아티클 기대해 주세요!

Next

Contact Us

안녕하세요? 제니퍼소프트입니다.
기술 문의의 경우 질문자의 회사/이름/연락처를 본문에 기술해 주셔야만 원할한 지원이 가능합니다.
보내주신 문의 사항을 검토하여 빠른 시일 내에 답변해 드리겠습니다.

  • Chris
  • Irene

메일을 보냈습니다.

메일 전송이 완료되었습니다.
빠른 시일 내에 답변드리겠습니다.
감사합니다.
제니퍼소프트 웹사이트는 쿠키를 사용합니다. 쿠키에 대한 자세한 정보 및 삭제 방법은 제니퍼소프트의 개인정보처리방침을 참고하시기 바라며 본 사이트를 계속해서 이용하는 것은 제니퍼소프트의 쿠키 사용에 동의함을 의미합니다.