캐나다 브리

1. mobile font font-size mobile: 12px 이상 / 24px 이상 desktop: 16px default font size (1em) text-align 3줄 이상 넘어가면 text-align: left가 가독성이 좋음. font-family 통일감 있게 1, 2가지만 사용할 것 font-weight 2-3가지만 써도 충분. 넘어가면 복잡해 보임 font color 폰트 컬러는 접근성 4.5:1 이상? (Contrast Ratio 인가?) 브랜드 컬러로 강조하는 건 좋지만, 너무 여기저기 쓰지 않도록 절제하는 것이 중요 2. button font-size 16 px 손가락 굵기를 생각해서 여백은 넉넉하게 계층 구조: 강-중-약 (중요도에 따라 계층 구조를 나눔: 로그인, 예약하기..

1. UX research - Timeline (Research, Information, Interaction Design, UI Design, Iteration - User Interview - Empathy Map - Identify User Pain Points - Personas - User Journey Map - Problem Statement - Competitor Analysis - Affinity Diagram - Insights 2. Define & Ideation - Brainstorms (Workshops) - Meetings (Planning) - Diagramming (Research & Design) - Engineering 3. Information Architecture -..

카트 넣은 아이템을 유저가 마지막 결제 단계 전 변심으로(혹은 다른 추가하고 싶은 상품이 있어서) 카트 페이지를 떠나면, 자동으로 쇼핑카트에 담긴 아이템들이 싹 비워지도록 만들어달라는 요청을 받았다. 쇼피파이 뿐만 아니라 아마존이나 다른 큰 이커머스 웹사이트를 참고하면 알 수 있듯이 카트에 든 상품은 심지어 다른 웹사이트를 둘러보고 와도 한동안은 남아있어야 하는 것이 구매 가능성을 높이는 데 도움이 되는데, 이 클라이언트는 user experience에 대한 이해가 부족하다. 내 개인 클라이언트는 아니고, 팀에서 받은 클라이언트라 내가 직접 대화하지는 못하지만 도움이 될까봐 쇼핑카트 UX 디자인에 대한 글을 찾아보다 그 이유를 잘 설명해주는 아티클을 발견했다. 해당 내용만 요약해서 전달해주고 싶었는데 이..