쇼핑 앱은 몇 분 쓰고 닫습니다.
관리자 화면은 출근부터 퇴근까지 켜둡니다.
그런데 대부분 '입력 폼 모음'으로 만들어집니다.
매일 쓰는 사람이 가장 불편한 화면이 되는 이유입니다.
에그코드도 자체 서비스를 운영하며 관리자 화면을 직접 씁니다.
오늘은 어드민 뜻부터 짚어보겠습니다.
그다음 오래 쓰는 화면을 위한 UX 원칙 10가지를 4묶음으로 정리합니다.
어드민 뜻, 백오피스·CMS와 뭐가 다를까
어드민(admin)은 관리자라는 뜻입니다.
서비스 뒤편에서 주문·회원·콘텐츠를 다루는 화면이죠.
백오피스도 거의 같은 뜻으로 쓰입니다.
CMS는 그중 글·이미지 관리에 특화된 도구고요.
대시보드는 숫자를 한눈에 보는 요약 화면입니다.
| 용어 | 뜻 | 주로 하는 일 | 머무는 방식 |
|---|---|---|---|
| 어드민 (Admin) | 관리자 · 관리자 화면 | 주문·회원·상품 처리 | 종일 켜두고 고침 |
| 백오피스 (Back Office) | 서비스 뒤편 운영 시스템 | 어드민과 거의 같은 뜻으로 씀 | 종일 켜두고 고침 |
| CMS | 콘텐츠 관리 시스템 | 글·이미지·배너 작성과 게시 | 쓰고 고치고 게시 |
| 대시보드 (Dashboard) | 한눈에 보는 요약 현황판 | 매출·가입 같은 지표 확인 | 수시로 열어 확인 |
→ 공통점은 하나입니다. 사용자가 오래 머물며 고치고, 비교하고, 되돌린다는 점이죠.
1묶음. 폼이 아니라 작업 공간입니다
① 작업 환경으로 설계하세요
운영자는 정답을 한 번에 입력하지 않습니다.
필터를 바꾸고 결과를 비교하며 답을 찾아갑니다.
② 연결 관계를 보여주세요
상품 기본가 하나를 바꾸면 옵션가와 기획전 가격까지 움직입니다.
저장 전에 영향 범위를 먼저 보여줘야 합니다.
③ 고치는 단위를 맞추세요
오타 하나 고치려고 상세 화면까지 들어가야 한다면, 단위가 어긋난 겁니다.
목록에서 바로 고치는 인라인 편집이 필요한 이유입니다.
2묶음. 선택이 곧 명령의 대상입니다
④ 선택 상태를 분명히 하세요
"32건 선택됨"이 안 보이면, 삭제 버튼이 무엇을 지울지 모릅니다.
페이지를 넘겨도 선택이 유지되는지도 정해둬야 합니다.
⑤ 명령은 상태를 바꾸는 일입니다
버튼, 우클릭, 일괄 처리는 입구만 다를 뿐입니다.
어디서 실행해도 결과와 되돌리기 규칙이 같아야 합니다.
대량 변경은 "32건이 배송중으로 바뀝니다"처럼 결과부터 보여주세요.
3묶음. 피드백과 되돌리기가 신뢰를 만듭니다
⑥ 피드백을 끊지 마세요
캔바에서 요소를 끌면 정렬 위치에 닿을 때마다 안내선이 나타납니다.
누른 순간, 처리 중, 완료, 실패가 모두 화면에 보여야 합니다.
⑦ 되돌릴 수 있어야 과감해집니다
구글독스의 버전 기록처럼 돌아갈 곳이 있어야 크게 바꿔봅니다.
되돌리기 단위는 클릭 한 번이 아니라 "방금 한 일"입니다.
4묶음. 자유와 제약, 그리고 숙련
⑧ 제약은 확정 순간에 거세요
작성 중엔 임시저장으로 자유롭게, 게시·발송 순간엔 엄격하게 검증합니다.
입력 칸마다 막기보다, 게시 버튼에서 빠진 항목을 짚어주는 식이죠.
⑨ 복잡함은 단계적으로 드러내세요
캔바는 선택한 요소에 맞는 도구를 상단에 띄웁니다.
UX에선 이를 점진적 공개(Progressive Disclosure)라고 부릅니다.
다만 숨긴 기능엔 다시 찾아갈 길을 남겨둬야 합니다.
⑩ 쓸수록 빨라지게 하세요
구글독스는 메뉴 옆에 단축키를 적어둡니다.
쓰다 보면 더 빠른 길을 자연스럽게 익히게 되죠.
정리하면
어드민 뜻은 '관리자'지만, 실제로는 가장 오래 쓰이는 작업 공간입니다.
첫 사용이 쉬운 것만으로는 부족합니다.
100번째 사용이 첫 사용보다 빨라야 좋은 관리자 화면입니다.
물론 10가지를 처음부터 다 갖출 필요는 없습니다.
가끔 여는 화면이라면 되돌리기(⑦)와 확정 전 검증(⑧)부터 챙기세요.
함께 읽어보세요 — UX 뜻과 사용자 경험을 만드는 16가지 UX 요소 · SaaS개발, 1년간 가장 많이 틀린 가정 3가지 · 새벽 장애 콜 받아본 개발사의 자체서비스운영 이야기 · 에그코드 웹 개발 서비스
관리자 화면까지 함께 설계합니다
개발 문의하기