3. 앱의 디자인 및 시스템 인터렉션

<aside> ❓ 왜그랬을까? 꼭 그래야 할까? 의문들

</aside>

나만의 개선방향

인터페이스

BI

핫핑크,,

이미지 : 발랄, 여성적, 현대적

프라이머리 유저인 Z세대 여성에게 어필할 수 있으며 타 앱과 차별화 된 브랜드 컬러를 사용

마이크로인터렉션을 곳곳에 삽입하여 동적이고 발랄한 느낌을 더함

→ 브랜드 톤앤매너와 사용성이 일치하는 긍정적 경험같음

컬러

메인컬러

핑크(주색) : 구매행동 관련 선택지

블랙(다크모드시 화이트) : 그 외 것들,,(?)

서브컬러

그린 : 확정, 안전

레드 : 경고, 불가, 취소

블루 : 일시적 안내

→ 컬러 비주얼 구조는 비교적 잘 잡혀있는 편

버튼

핑크 솔리드,라인 / 그레이 솔리드, 라인 / 블랙 솔리드

필터 : 그레이 라인(미선택) → 핑크 라인(선택) 상세 옵션 : 그레이 라인(미설정) → 블랙 솔리드(조건설정)

핑크 솔리드 Disable 상태 없이 팝업, 토스트로 안내함 <<

장바구니에서는 전체구매 Disable 회색 솔리드로 표현

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/06a5b08a-133b-4e71-a2c2-9c8bee8f2d13/IMG_4026.mp4

개별구매 Disable 없이 토스트로 보여줌

→ 구매버튼 클릭시 선택 라디오 버튼 마이크로 인터렉션 추가(쉐이크로 미선택 상태임을 상기시켜줌) 혹은 Disable로 버튼 변경