데이터 분석미국

Quarry

쿼리 편집기와 시간 분포 그래프, 결과 표를 한 화면에 세로로 배치했습니다. 검색 결과를 확인하고 조건을 다시 조정하는 과정을 화면 이동 없이 반복할 수 있습니다.

고객
비공개
분야
개발자 도구
업무
기획 · UI/UX 디자인
기간
2022.10 – 2023.06
비퍼블리시(bpublish)가 만든 Quarry 전체 화면. 한 줄의 쿼리로 대규모 로그를 검색하고 분석하는 개발자용 콘솔

로그 검색에서 많은 시간이 드는 부분은 쿼리 작성 자체보다 결과를 확인한 뒤 조건을 수정하러 돌아가는 과정입니다. Quarry는 이 반복을 한 화면 안에서 끝냅니다.

로그 도구에서 쿼리 편집기와 결과가 서로 다른 화면에 있으면 검색할 때마다 조건을 수정하고 결과를 확인하는 이동이 반복됩니다. 평소에는 작은 불편이지만 장애 대응 중에는 조사와 복구 시간을 늘리는 요인이 됩니다.

Quarry는 쿼리 편집기, 시간 분포 그래프, 결과 표를 위에서 아래로 이어 배치했습니다. 그래프에서 특정 시간 구간을 선택하면 결과가 즉시 좁혀져 시간 조건을 다시 작성할 필요가 없습니다. 당일 로그 사용량도 화면에 고정해 저장 비용과 한도를 검색 과정에서 함께 확인할 수 있습니다.

Quarry 화면: 검색과 필터링, 결과 확인을 한 화면에서 이어갑니다
01

검색과 필터링, 결과 확인을 한 화면에서 이어갑니다

쿼리 편집기와 시간 분포, 결과 표를 세로로 배치했습니다. 조건을 바꿀 때마다 다른 화면으로 이동하지 않아도 됩니다.

Quarry 화면: 그래프에서 원하는 시간 구간을 바로 선택합니다
02

그래프에서 원하는 시간 구간을 바로 선택합니다

시간 분포 그래프를 드래그하면 해당 구간의 로그만 표시됩니다. 쿼리에 시간 조건을 다시 입력하는 단계를 줄였습니다.

Quarry 화면: 로그 사용량과 저장 한도를 항상 보여 줍니다
03

로그 사용량과 저장 한도를 항상 보여 줍니다

오늘 적재한 로그와 전체 한도를 화면에 고정했습니다. 검색 결과와 함께 비용에 영향을 주는 데이터 사용량도 놓치지 않도록 했습니다.

비퍼블리시(bpublish)가 만든 Quarry 전체 화면

Quarry

개발자 도구의 효율은 새로운 기능의 수보다 반복 동작을 얼마나 줄이는지에서 크게 달라집니다. Quarry는 장애 조사에서 가장 자주 발생하는 화면 이동과 시간 범위 재입력을 줄이는 데 집중했습니다.

비퍼블리시는 검색, 저장된 쿼리, 대시보드, 모니터, 파이프라인 화면을 기획하고 UI/UX를 설계했습니다. 많은 로그를 오래 읽는 환경을 고려해 결과 표의 글꼴과 줄 간격, 어두운 배경의 대비도 함께 조정했습니다.

프로젝트 정보

서비스로그 검색·조회 콘솔
대상장애를 조사하며 로그를 반복해서 좁혀 보는 엔지니어
해결한 문제편집기와 결과가 다른 화면에 있어 생기던 왕복
구성쿼리 편집기 · 시간 분포 · 결과 표
주요 화면검색 · 저장된 쿼리 · 대시보드 · 모니터 · 파이프라인
유형데이터 분석
기획 · 디자인비퍼블리시 (bpublish)
비퍼블리시(bpublish)가 만든 Quarry 세부 화면

Quarry

쓰고, 좁히고, 읽는 일이 한 화면에서 끝나는 로그 검색 콘솔

다음 프로젝트 Shelfline 미리보기. 여섯 개 매장의 매출 현황과 다음 달 수요를 예측하는 운영 대시보드