본문 바로가기
728x90
반응형
SMALL

분류 전체보기72

디폴트(default) / 디저블드(disabled) 1. Default 기본 상태값을 의미 유저가 첫 화면에 접근하였을 때 보여지는 상태 또는 출력 값 상단 '주문/결제' 페이지를 예시로 화면설계서 작성 시 아래와 같이 사용 배송지 default: 유저가 등록한 기본 배송지 출력 → 해석하면 '주문/결제' 페이지 접근하면 배송지는 유저가 등록한 기본 배송지를 출력한다는 의미 요청사항 default: '문앞에 놔주세요.' 출력 → 해석하면 '주문/결제' 페이지 접근하면 요청사항은 '문앞에 놔주세요' 문구를 출력한다는 의미 2. Disabled 비활성화 상태 특정 조건이 충족될때까지 비활성화가 되는 경우 사용함 상단 '로그인' 페이지를 예시로 화면설계서 작성 시 아래와 같이 사용 [로그인하기] 버튼 default: disabled 계정 및 비밀번호 입력 시 .. 2023. 7. 27.
분기처리(Divergence) 1. 정의 한자: 分岐/分歧 나뉘어서 갈라지는 것 2. 목적 다양한 유형에 따라 각 충족되는 조건에 따라 다른 결과를 보여줘야 할 경우 사용 엑셀 if 함수와 같음 사용자가 행위를 하고 시스템에서도 체크가 가능한 상태에 사용(사용자 행위는 있으나 시스템 체크가 안되는 경우 사용 불가함) 3. 예시 일반적으로 많이 접해본 예시로 설명 회원가입 완료한 계정으로 로그인 시도 시 아래 2가지 유형이 존재한다면 (일반적으로 기획 시 더 다양한 유형이 존재하겠지만 쉬운 설명을 위해 2가지 유형으로만 구분) 로그인을 시도하는 기기에서 과거에 로그인한 이력이 존재하는 경우 로그인을 시도하는 기기에서 최초로 로그인을 시도하는 경우 2가지 유형에 따라 어떻게 처리할 지 정의(유형과 유형에 따른 결과를 정의) 로그인을 시도.. 2023. 7. 26.
컴포넌트(component), 인스턴스(instance) 1. 정의 컴포넌트 사용자와 상호작용하는 기본적인 형태로 어느 공간에서도 기능을 수행할 수 있는 최소한의 단위 Figma에서는 작은 다이아몬드 4개로 표현되어 있음(아래 이미지 참고) 인스턴스 컴포넌트를 복제한 오브젝트 컴포넌트를 수정하면 일괄 수정 개별 수정할 수 있으며 컴포넌트로 덮어씌울 수 있음 Figma에서는 빈 다이아몬드 1개로 표현되어 있음(아래 이미지 참고) 2. 컴포넌트와 인스턴스의 관계 부모와 자식 관계라고 보는 게 이해하기 쉬움 도형 또는 텍스트를 생성 → 컴포넌트(부모)를 생성 → 컴포넌트를 복제하여 인스턴스(자식)를 생성하여 사용 컴포넌트가 변경되면 관련된 인스턴스는 모두 동일하게 변경됨(하단 동영상 참고) 생성된 인스턴스의 상태를 변경(텍스트 변경, 크기 변경 등)하였다면 변경된 .. 2023. 7. 25.
Front office, Back office 1. Front office 회원가입, 로그인, 구매, 환불, 거래 등 유저가 실제로 서비스를 이용하는 전체 서비스 UX가 가장 많이 적용되며, 다양한 테스트를 진행하여 유저 반응 확인(A/B 테스트 등) F/O로 줄여서 사용 2. Back office 회사 내부에서 사용하는 관리자 모드의 admin 운영 및 CS에서 주로 사용하며, 유저의 모든 정보 확인 및 관리 회사 내 이벤트, 공지사항 및 전반적인 서비스 관리 B/O로 줄여서 사용 3. Back office 기획 시 고려사항 Front office에 문제가 발생하거나 유저의 불편사항을 해소할 수 있도록 고려하여 back office를 기획해야 한다. 회사 에러로 유저가 주문 취소가 되지 않을 경우 CS로 인입하게 되고, CS에서는 주문을 취소해서 .. 2023. 7. 24.
728x90
반응형
LIST