💡 B2B 서비스 기획 실무

"실무자가 편해지는" 복잡한 정산 어드민(Admin) 대시보드 UI/UX 기획 가이드

아둥 2026. 5. 23. 09:00
SMALL

B2B 서비스나 플랫폼 기획을 하다 보면 가장 골치 아픈 영역이 바로 '정산(Billing)'과 '가맹점 관리' 어드민 페이지입니다. 화려한 프론트엔드와 달리, 어드민은 철저하게 '극강의 효율'과 '정확한 데이터 통제'가 생명이기 때문이죠. 처음 기획을 맡으면 무조건 많은 데이터를 한 화면에 보여주려는 욕심을 부리게 됩니다.

다들 데이터 그리드(Data Grid)에 수십 개의 열(Column)을 때려 넣는 방식을 추천하지만, 제 경우엔 실무자의 동선을 고려해 데이터를 과감히 분리하는 것이 훨씬 낫더라고요. 특히 가맹점 정산 시스템을 기획할 때 절대 놓치면 안 되는 핵심 구조를 정리했습니다.

✦ ✦ ✦

✅ 🔍 정산 어드민 UI/UX 핵심 분리 구조 비교

구분 과거 내역 (History) 당월 관리 (Current)
데이터 성격 수정 불가한 '확정 장부 데이터' 수정 및 액션이 필요한 '진행형 데이터'
UI 중점 사항 날짜별 필터링 및 다운로드(CSV/Excel) 속도 승인, 반려, 보류 등 명확한 액션 버튼 배치
설계 원칙 조회 중심의 단순 리스트 형태 상태값(Status) 중심의 대시보드 형태

✦ ✦ ✦

📌 주니어 기획자들이 흔히 하는 치명적인 실수

어드민 와이어프레임을 짤 때 많은 분들이 "과거부터 현재까지의 전체 정산 내역"과 "이번 달에 당장 처리해야 할 정산 관리 액션"을 하나의 동일한 메뉴에서 제어하도록 설계하는 실수를 합니다. 이게 사실 실무 부서의 야근을 유발하는 가장 큰 원인입니다. 확정된 과거 장부 데이터와 수시로 변동되는 당월 관리 기능은 반드시 독립적인 논리로 통제되어야 합니다. 실제로 제가 이 두 영역의 권한과 UI를 완전히 분리하여 정산 어드민을 리스트럭처링한 결과, 운영팀의 정산 처리 속도가 기존보다 절반 가까이 단축되는 성과를 냈습니다.

✦ ✦ ✦

🛠️ 효율적인 어드민 기획을 위한 3단계 체크리스트

  • 공통 검증 모듈화: 여러 가맹점 정보나 인센티브 검증 로직이 들어갈 때는 각 메뉴마다 새로 짜지 말고, 중심이 되는 '공통 인센티브 검증 모듈'을 설계해 공통 페이지로 매칭하십시오.
  • 대용량 데이터 필터링 최소화: 날짜 검색 시 기본값을 '최근 1개월'로 제한하여 서버 과부하를 막아야 화면 로딩 속도가 빨라집니다.
  • 로그(Log) 기록 자동화: 어드민에서 관리자가 데이터를 수정하거나 승인 버튼을 누를 때, '누가, 언제, 왜' 변경했는지 히스토리가 남도록 데이터베이스 설계 단계에서 반드시 로그 테이블을 함께 기획해야 합니다.

어드민 페이지는 화려함보다 실무자의 마우스 클릭 횟수를 단 한 번이라도 줄여주는 것이 최고의 가치입니다. 이번 주말, 다음 주 기획서 작성을 앞두고 있다면 내가 설계한 화면이 실무자를 괴롭히고 있지는 않은지 딱 5만 투자해서 복기해 보시길 바랍니다.