백오피스 주문 관리 화면 설계 정리1. 주문 관리의 본질주문 관리는 단순히“주문 목록을 보여주는 화면”이 아니다.백오피스에서 주문 관리는 다음 역할을 동시에 수행한다.결제 상태 관리배송 상태 관리CS(취소·교환·반품) 처리고객 정보 확인상품 정보 확인외부 시스템(TMS 등) 연동 허브즉, 주문 관리는 여러 메뉴를 연결하는 ‘중앙 관제판’에 가깝다. 2. 주문 관리가 복잡해지는 첫 번째 이유: 상태값(State)주문 관리에서 가장 중요한 개념은 상태값 관리다.주문은 단일 상태가 아니라시간 흐름에 따라 상태가 계속 변한다.2.1 대표적인 주문 상태 흐름일반적인 상품 주문 기준 예시는 다음과 같다.입금 전결제 완료배송 준비 중배송 중배송 완료취소교환반품관리자는 이 상태값을 기준으로무엇을 지금 처리해야 하는지를..
백오피스 회원 관리(고객 관리) 화면 설계 정리1. 회원 관리의 성격 이해백오피스에서 회원 관리는 단순한 “조회용 데이터”가 아니다.회원 관리 영역은 다음 목적을 동시에 가진다.고객 식별고객 행동 이력 파악고객 등급/상태 관리운영 대응(메모, 특이사항)향후 CRM 확장 기반그래서 다른 메뉴(전시, 상품) 대비정보량이 많고 구조가 복합적일 수밖에 없다. 2. 회원 조회(목록) 페이지 설계2.1 조회 조건이 많은 이유회원 조회 페이지는백오피스 전체 메뉴 중 조회 조건이 가장 많은 편이다.일반적으로 포함되는 조회 조건 예시는 다음과 같다. 회원 관리 영역이 커지게 되면 CRM이라고 하는 전문 소프트웨어를 도입해서 관리를 하게 되는데 이것을 염두에 두고 지금 이름을 지어놓은 거죠.현재는 이 어드민이 들어와 있지..
카페24 사례1. 카페24 상품 관리 화면의 기본 구조카페24 상품 관리 화면은 전형적인 관리자 UX의 정석에 가깝다.앞서 살펴본 일반적인 상품 관리 설계와 거의 동일한 구조를 가진다.구성은 다음과 같다.조회(검색) 영역 – 상단데이터 테이블 컨트롤 영역 – 중간데이터 테이블 영역 – 하단선택 시 상세/수정 페이지 진입이 구조는 대량 데이터 관리 + 빠른 처리에 최적화된 형태다. 2. 조회(검색) 영역 설계상품 관리 화면 상단에는 조회 영역이 위치한다.이 영역의 역할은 명확하다.관리자가 원하는 상품을 빠르게 찾기전체 데이터를 불필요하게 로딩하지 않기조회 영역에는 일반적으로 다음 요소들이 포함된다.카테고리상품명상태(진열/판매 여부)등록일/수정일 기간이 영역은 모든 관리자 화면의 출발점이다. 3. 데이터 테..
상품 관리 사례1. 상품 관리 화면의 전제백오피스 상품 관리 화면은관리자가 상품을 조회하고, 등록하고, 수정하기 위한 핵심 관리 영역이다.전시 영역이 “노출을 제어하는 영역”이라면,상품 관리는 “데이터의 원본을 관리하는 영역”에 해당한다.따라서 설계의 기준은 다음과 같다.빠른 조회안전한 수정실수 방지최소한의 페이지 수로 최대 효율 2. 상품 관리 화면의 기본 구조상품 관리 역시 백오피스의 표준 구조를 따른다.화면 목록플로우 차트컴포넌트 정의네비게이션 위치 표시목록 페이지상세/수정 페이지등록 페이지이 구조는 전시, 상품, 주문, 회원 관리 등대부분의 관리자 영역에 동일하게 적용된다. 3. 상품 관리 도메인 이해 (리조트 사례)이 샘플은 리조트 상품을 판매하는 관리자 페이지를 기준으로 설계된 사례다.상품 유..
전시 영역 화면설계 정리1. 전시 영역의 역할전시 영역은 사용자 화면에 무엇을, 언제, 어디에 노출할 것인지 결정하는 관리 영역이다.콘텐츠를 새로 만드는 영역이라기보다, 노출 여부와 배치 순서를 제어하는 영역에 가깝다.전시 영역의 핵심은 다음 세 가지다.노출 위치 관리노출 여부(활성/비활성) 관리노출 순서 관리 2. 전시 영역의 기본 구조전시 영역은 보통 다음과 같은 구조로 설계된다.전시 목록 페이지전시 상세(수정) 페이지전시 등록(추가) 페이지이 구조는 배너, 팝업, 메인 추천 영역 등 대부분의 전시 기능에 공통적으로 적용된다. 3. 배너 관리 화면 설계3.1 배너 위치 개념 정의메인 페이지 배너를 예로 들면, 보통 다음과 같이 구좌 개념으로 나뉜다.1번 구좌: 메인 상단2번 구좌: 메인 중단3번 구좌..
백오피스 화면설계서 구성 및 작성 방식- 로디 선생님의 백오피스 화면설계 원데이 클래스를 수강 후 정리한 자료입니다. 백오피스 화면설계서는 주로 PPT를 사용한다. 그냥 스크롤 해 볼 수도 있고 대부분 PC 버전을 활용하다 보니까 실측되고 있는그 규모와는 크게 상관없습니다.물론 그게 감이 되면 좋긴 한데 그것보다 더 중요한 게 설명을 얼마큼 정확하게 디테일이 적어주느냐 화면의 UI에 누락된 것이 있느냐 없느냐 이런 부분이다 보니까 PPT를 더 많이 선호하고 그 방식이 더 적합하다라고 할 수 있어요.1. 백오피스 화면설계서의 기본 구성백오피스 화면설계서는 일반적으로 다음 순서로 구성된다.표지개정 이력개정 이력에는 일반적인 것처럼 0.1을 시작으로 해서 버전 업 될 때마다 어떤 내용이 변경됐는지가 들어가 있..
1. 스토리보드는 ‘그리기’ 이전에 이미 반 이상 끝난다스토리보드는 도형을 잘 그리는 기술이 아님→ 질문 → 가치 → 구조 → 시각화의 결과물 1-1. 가장 먼저 해야 할 것: 질문의뢰가 들어오면 바로 그리지 않는다.반드시 아래 질문부터 한다.고객은 누구인가?어떤 서비스를 하려는가?매출 구조는 무엇인가?어떤 구조를 원하는가?기존 서비스와 무엇이 다른가?📌 이 질문을 안 하면→ 나중에 반드시 다시 그린다 2. ‘컨셉’과 ‘가치’를 먼저 정의해야 한다2-1. 왜 가치가 중요한가쇼핑몰이 3,000개 있으면→ 가치가 없으면 3,000분의 1그 경우 살아남는 방법은?→ 마케팅 비용을 태우는 것뿐2-2. 가치의 예쿠팡 = 당일 배송마켓컬리 = 새벽 배송👉 이 가치는UI 이전에사람 머릿속에 먼저 자리 잡은 개념?..
스피커스(Speakers.kr) 강의를 듣고, 개조식으로 정리한 글입니다.1. 스토리보드 작업의 기본 구조 이해1-1. 스토리보드는 “환경 세팅”이 절반이다스토리보드는 그리기 전에 구조를 만들어 두는 작업이 핵심이다.슬라이드 마스터마스터 템플릿아이콘 템플릿기본 도형 / 기본 텍스트 설정이 4가지를 먼저 만들지 않으면→ 매 장표마다 반복 작업 + 정렬 붕괴 + 품질 편차 발생 2. 슬라이드 마스터 & 마스터 템플릿 제작 절차2-1. 슬라이드 마스터 진입보기 > 슬라이드 마스터2-2. 마스터 구성 원칙첫 번째 마스터아무것도 넣지 않음 (완전 빈 마스터)두 번째 이후 마스터스토리보드 전용 마스터 구성2-3. 스토리보드 마스터에 포함될 레이아웃들표준(기본 화면)이전 페이지 이동다음 페이지 이동이전/다음 페이지 ..