문제 2)프로세스는 장바구니 -> 결제화면 -> (PG) → 결제완료/결제취소/결제실패 이렇게 화면 3개.이 때 '재고 소진'이 발생했다고 하면, 어떻게 처리해야 하는지를 따져봅시다.Case 1. 각각의 페이지에 진입 시Case 2. 각각의 페이지에서 다음 페이지로 넘어갈 때, Case 3. 각각 페이지에 머무르고 있을 때 발생한 경우 Case 4. 페이지에 전체 다 넘어왔을 때 [적절한 해결 방안]프로세스는 다음과 같다.장바구니 → 결제화면 → (PG사) → 결제완료 / 결제취소 / 결제실패이때 재고가 아닌 ‘가격 변동’이 발생한 상황이라면, 이를 어떻게 처리해야 할지 구체적으로 따져봐야 한다. 핵심 : 가격 변동은 재고 부족과 다른 이슈다가격이 변동된다는 것은 회사나 사용자 둘 중 하나가 손해를 볼 ..
가재고 (가상 재고) 방식‘가재고’는 영화 티켓, 공연 좌석처럼 일시적으로 점유 가능한 자원에 적합하다.장바구니에 담는 순간 일정 시간 동안 타인에게 노출되지 않도록 점유하는 방식 - 일반적으로 10~15분 단위로 오토 리프레시를 걸어 점유 상태를 해제하거나 유지한다.- 가재고는 ‘가재고 → 실재고’ 전환 시점을 명확히 해야 하며, 보통 PG사에서 결제 성공 코드가 도달했을 때 실재고로 전환하여 재고를 차감한다. => 다만 공산품에서는 일반적으로 가재고 방식을 사용하지 않는다. 이유는 단일 좌석처럼 명확한 단위 점유가 불가능하고, 재고 반영 타이밍이 복잡해지기 때문이다. 판매중지 상태공산품에서는 ‘판매중지’ 상태로 재고 관리를 우회하는 방식을 자주 사용한다.예: 재고 수량이 3개 이하일 경우 자..
문제 1)프로세스는 장바구니 -> 결제화면 -> (PG) → 결제완료/결제취소/결제실패 이렇게 화면 3개.이 때 '재고 소진'이 발생했다고 하면, 어떻게 처리해야 하는지를 따져봅시다.Case 1. 각각의 페이지에 진입 시Case 2. 각각의 페이지에서 다음 페이지로 넘어갈 때, Case 3. 각각 페이지에 머무르고 있을 때 발생한 경우 Case 4. 페이지에 전체 다 넘어왔을 때 [적절한 해결 방안]프로세스는 다음과 같은 흐름으로 진행된다.장바구니 → 결제화면 → (PG사) → 결제완료 / 결제취소 / 결제실패- 즉, 화면 기준으로는 총 3단계로 나뉜다.- 이때 ‘재고 소진’이 발생했다고 가정할 때, 어느 지점에서 발생했는가에 따라 처리 방식이 달라져야 한다. Case 1. 각 페이지에 진입 시사용자가..
담당자 구분을 하는 이유화면 설계 작업을 할 때 각 영역별로 담당자가 명확히 나뉘어야 업무 효율성과 정확도가 높아진다. 상품/전시 담당자우선 메인 페이지를 포함한 메인 그룹은 기본적으로 상품을 전시하는 목적이 강하기 때문에 상품 전시 담당자가 맡는 것이 적절하다. 또한 카테고리, 기획전, 이벤트 등으로 구성된 프로덕트 그룹도 마찬가지로 상품과 밀접한 연관이 있어 상품 전시 담당자가 설계하는 것이 자연스럽다. 이와 더불어 검색(Search) 영역 또한 결과 화면이 상품 목록과 동일한 구조를 따르므로 상품/전시 담당자의 업무 영역에 포함시키는 것이 맞다. 회원/CS 담당자회원가입, 로그인, 마이페이지, 고객센터 등은 회원 데이터와 직접적인 연관이 있는 기능들이므로 회원/CS 담당자가 맡는 것이 효율적이다. ..
화면 설계서의 타입1. PPT마치 참고서처럼 이용할 수 있는 장점이 있다.그래서 정책도 넣어주고 데이터의 출처도 넣어주고 샘플도 넣어주고 너무 좋다.그런데 이게 이제 실시간 동기화가 안 되다 보니까 공유하기가 어렵다. 소통이 좀 어렵다.피그마 같은 경우에는 항상 최신 버전. 이전 버전은 버전 업을 보면 되는데 이거는 이게 지금 최신 버전인지를 항상 이력을 확인해야 하는 단점이 있다.다만 이러한 다이어그램도 쉽게 그릴 수가 있고 각종 정보들을 손쉽게 첨부하고 있어서 장점이 더 많다. 2. Figma웹 브라우저만 있으면 다 접근할 수 있다. 소통이 빠르고 접근성이 좋다. 프로토타입 기능.뭔가 선택하게 되면 변화되는 형태의 인터랙션을 쉽게 만들 수 있다 보니까 전략 기획에서도 쓸 수 있는 장점이 있다.단점은 ..
화면설계 (4) 디스크립션
디스크립션 작성의 필요성1. 요소/속성에 대한 정의를 통해 누락의 방지요소(Element): 개별 항목(예: 주문 상태, 기간 조회, 회원 구분 등)속성(Attribute): 해당 요소에 포함되는 값(예: "결제 대기", "결제 완료", "배송 중" 등)ex. 주문일 순위기준이 기본 값이지만 인기 순위나 아니면 신청 순으로도 볼 수 있어야 된다라는 것이 설명이 되어 있지 않으면 구현자가 어려워한다. 예시주문 상태 항목: "결제 대기", "결제 완료", "배송 중"기간 조회 항목: "주문일", "출고일" (사용자가 선택 가능)회원 구분 항목: "일반 회원", "VIP 회원" 2. 오버/클릭 등에 따른 화면변화에 대한 움직임 정의사용자의 행동에 따라 변화하는 부분을 명확하게 설명해야 한다.- 터치 오버 마우..
화면설계 (3) 레이아웃 작성 Tip
레이아웃레이아웃 작성 Step 1. 거시적 관점에서 미시적 관점으로 접근하라 레이아웃과 디스크립션을 구분하여 화면 설계서를 작성해야 한다.레이아웃: UI 요소를 배치하는 영역디스크립션: UI 요소의 역할과 기능을 설명하는 영역레이아웃 설계 시 고려할 점거시적인 관점에서 접근 후, 미시적인 디테일을 정리해야 한다.- 상품 상세 페이지를 설계할 때, 먼저 사용자의 이동 흐름을 고려해야 함.- 예) 사용자가 메인 > 상품 목록 > 상세 페이지로 이동한다면, 그 흐름.>> 상세 페이지에서는 메인과 목록에서 이미 확인한 정보는 강조할 필요 없음.>> 정말 상세에서 중요한 것은? 장바구니 추가, 주문 버튼 등의 핵심 기능을 부각해야 함. 예시ex 1. 여행 상품 상세 페이지 설계예를 들어, 여행 상품 상세 페이지에..
화면설계 (2) 작성 포인트 - 좋은 화면설계서란?
화면설계서는 어떤 역할을 수행하는가? 화면 설계서는 단순한 문서가 아니라, 프로젝트의 품질을 높이는 중요한 요소다. 1) 구현 기준 제공- 개발자가 구현할 때 기능 정의와 구성 요소를 정확히 이해할 수 있도록 가이드 제공- 설계서가 없으면, 개발자가 임의로 UI를 구성할 가능성이 있음 2) 요구사항 및 개선사항 반영 체크- 설계서를 통해 요구사항이 제대로 반영되었는지 사전 점검 가능- 인하우스 팀에서는 논의했던 사항이 설계서에 포함되었는지 확인해야 함=> 설계 단계에서 수정하면 시간이 절약되지만, 개발 단계에서 수정하면 두 배의 시간이 소요됨 3) 사용자 경험(UX) 시뮬레이션- 화면을 넘겨보면서 사용자 경험(UX)이 직관적인지 확인- 프로타이핑을 통해서 이 화면의 연계성이 사용자 경험에 도움이 되는지..