번역/UX 아티클7 [번역] 아마존 주문 리디자인 연습—파트 3: 배송과 결제 ※ 의/오역 있음, 문제 시 삭제합니다. Amazon Checkout Redesign Exercise — Part III: Shipping and Payment Please, note: this is an exercise. Its purpose is not to create business solutions, but to practice creating them in a simulated… medium.com 주목: 이것은 연습입니다. 이 연습의 목적은 비즈니스 솔루션을 제시하는 것이 아니라, 가정된 환경에서 솔루션 제시를 연습하는 것입니다. 추측의 힘은 비즈니스 목표와 측정 기준을 형성하기 위해 적용됩니다. 이 기사의 마지막에 프로토타입과 다른 파트의 연습이 링크된 것을 찾을 수 있을 것입니다. 이전 .. 2021. 5. 17. [번역] 아마존 주문 리디자인 연습—파트 2: 장바구니 ※ 의/오역 있음, 문제 시 삭제합니다. Amazon Checkout Redesign Exercise — Part II: Shopping Cart Please, note: this is an exercise. Its purpose is not to create business solutions, but to practice creating them in a simulated… medium.com 주목: 이것은 연습입니다. 이 연습의 목적은 비즈니스 솔루션을 제시하는 것이 아니라, 가정된 환경에서 솔루션 제시를 연습하는 것입니다. 추측의 힘은 비즈니스 목표와 측정 기준를 형성하기 위해 적용됩니다. 이 기사의 마지막에 프로토타입과 다른 파트의 연습이 링크된 것을 찾을 수 있을 것입니다. 인풋 현재 아마존 닷.. 2021. 5. 10. [번역] 아마존 주문 리디자인 연습—파트 1: 내비게이션 ※ 의/오역 있음, 문제 시 삭제합니다. [주문 프로세스 리디자인하기] 아마존 닷컴의 비회원 주문 As-Is - UI 일관성 부족 - 현 단계를 나타내는 프로세스 헤더 있음 - 주문 단계 페이지 간 이동 불가 아마존 닷컴의 비회원 주문 To-Be (1) 계산서 중심 - 한 화면에서 모든 정보에 접근, 편집 가능 - 프로세스에 따른 모든 화면에 도달하지 않아도 됨 (2) 프로세스 기반 - 프로세스의 선/후가 명확함 - 목차를 통해 프로세스 전반을 인지, 이해 가능 Amazon Checkout Redesign Exercise —Part I: Navigation Please, note: this is an exercise. Its purpose is not to create business solutions,.. 2021. 5. 3. [번역] 상품 상세 페이지(PDP) UX ※ 의/오역 있음, 문제 시 삭제합니다. [상품 상세 페이지 레이아웃] 수평 탭 레이아웃의 단점 - 원하는 정보에 대한 불명확한 투자(탐색) 대비 수익 - 탐색에 방해 - 제목에 대한 오해 요약: 콘텐츠를 그룹핑하고 공간을 절약하는데 효과적이지만 탭에 숨겨져 있기 때문에 사용자가 정보를 예측하고 수집하는데 실패할 수 있다. 수평 탭 레이아웃의 대안 (1) 수직 축소 섹션 - 모바일에서 유리 - 충분히 설명할 수 있는 긴 제목 - 긴 페이지에서 오버 뷰와 숏컷 기능 (2) TOC(Table Of Contents) 제공 - 긴 페이지에서 오버 뷰와 숏컷 기능 PDP UX: Core Product Content Is Overlooked in ‘Horizontal Tabs’ Layouts (Yet 28% of .. 2021. 4. 27. [번역] 사용자 인터페이스 디자인을 위한 10가지 사용성 휴리스틱 ※ 의/오역 있음, 문제 시 삭제합니다. #1: 시스템 상태 가시화->지도에서 현 위치 표시 #2: 시스템과 실제 세계 간 매칭->가스레인지의 레이아웃 #3: 사용자 제어와 자유->언제든 탈출 가능한 비상구 #4: 일관성과 기준->호텔의 데스크는 언제나 1층 입구에 #5: 에러 방지->산길의 가드레일 #6: 기억보다 인지->포르투갈의 수도는 어디인가요? 포르투갈의 수도는 리스본인가요? #7: 사용의 유연성과 효율성->지름길과 단축키 #8: 아름답고 간결한 디자인->빛 좋은 개살구 #9: 사용자가 에러를 인식하고, 진단하고, 발견하게 하기->교통표지판 #10: 도움말과 문서화->이동 동선에 위치한 안내 데스크 10 Usability Heuristics for User Interface Design Jako.. 2021. 3. 4. [번역] 이커머스 결제 경험을 개선하는 방법 ※ 의/오역 있음, 문제 시 삭제합니다. [구매 전환율 상승을 위한 결제 경험 개선: 카트부터 결제까지] 지표: 주문 완료에 걸린 시간 / 로그인부터 결제 이탈률 / 카트 페이지 이탈률 현재 상황 분석 1. 높은 이탈률: 카트-주문서-결제 각 단계에서 이탈 2. 보안 가시화: 결제가 안전함을 시각적으로 확인 불가 3. 긴 프로세스: 구매 완료까지 긴 과정을 거쳐야 함 카트 페이지 문제1. 카트 저장하기 버튼이 구매 버튼과 동등하게 강조됨 ->각 아이템 옆 텍스트 버튼으로 축소함 문제2. 카트에서 쿠폰 적용 할 수 없음 ->사용 가능한 쿠폰 옵션 제공 및 적용 로그인과 회원가입 페이지 문제1. 로그인보다 카트에 담긴 총액이 상단에 강조됨 ->카트 총액 삭제, 로그인 엘리먼트의 위치 중심으로 이동 문제2. .. 2021. 2. 18. [번역] 당신의 판매를 방해하는 심각한 UX 오류 ※ 의/오역 있음, 문제 시 삭제합니다. [쇼핑몰 UX 오류 체크리스트] 1. 사용자의 행동에 대한 적절한 알림이 존재하는가? ex) 쇼핑 카트에 물건 추가 시 숫자로 카운팅 2. 사용자가 행동을 쉽게 수정할 수 있는가? ex) 쇼핑 카트 수량 편집 제공, 쇼핑 카트 하단에 방금 본 상품 리스트 제공 3. 액션 버튼이 다른 요소와 명확히 구분되는가? ex) 분명한 아웃라인, 가독성 있는 폰트, 대비가 적절한 BG 위에 위치 4. 사용자의 인지를 압도하지 않는가? ex) 한 번에 한 가지의 선택지만 제공 5. 중요한 정보를 가리지 않는가? ex) 가격을 노출하지 않는 전략 (다크패턴) 6. 다국어를 지원하는가? ex) 헤더, 햄버거 메뉴, 푸터 등에 영문 버전 제공 7. 중요한 UI 요소를 가리지 않는가?.. 2021. 2. 16. 이전 1 다음
