728x90 반응형 SMALL 기획26 페인포인트(Pain point) 1. 정의 유저(소비자)가 불편, 불안, 고통을 느끼는 지점 Ex Situation: 아이가 운동화를 신을 때 좌우를 바꿔 신음. 아이는 엄마한테 혼날 테니 아이도 괴롭고, 매번 좌우 구별법을 가르쳐야 하는 엄마도 힘이 든다. Pain point: 신발 좌우를 구별하는 것 Solution: 신발에 그림을 그려넣어 아이가 좌우를 바꿔신지 않도록 함(하단 이미지 참고) 2. 유저 pain point 수집 방법 고객센터(가장 강도 높은 pain point) 앱스토어 리뷰 SNS, 커뮤니티 서비스 오류 로그 유저 리서치(사용자 조사) 3. 유저 pain point 분석 방법 서비스에 적합한 별도의 체계와 기준을 마련하여 분석 고객여정지도(Customer Journey Map) 데이터 분석(텍스트 분석) 분류 분.. 2023. 6. 7. 캐러셀(Carousel) 1. 정의 2장 이상의 이미지를 슬라이드 형식으로 보여주는 컨텐츠 형식 여러 가지 상품의 컨텐츠를 담을 수 있어 카탈로그 형식으로 많이 활용하는 컨텐츠 영역 메인 페이지에서 마케팅 정보를 보여주는 방법 중 하나로 사용 자동으로 컨텐츠가 움직이는 방법도 존재 (너무 빠르게 움직일 경우 잘못된 정보를 선택할 수 있기 때문에 시간에 대해서도 많은 고민 필요) 2. 캐러셀 가이드 1) 콘텐츠 선정 - 흥미롭거나 유용한 컨텐츠를 선정하여 사용 - 광고처럼 보이지 않고 사이트의 일부로 보여야 함 - 슬라이드 순서를 중요도 순으로 배치 2) 슬라이드 수 제한 - 5개 이하의 슬라이드가 적정하나, 회사 정책에 따라 수 지정 3) 진행률 표시(무신사 이미지 내 빨간 영역 참고) 4) 네비게이션 컨트롤 디자인 - 네비게이.. 2023. 6. 2. 브레드크럼(Breadcrumb) 1. 정의 유저에게 사이트 구조 상 현재 위치 안내하는 역할 유저는 브래드크럼에 기반하여 탐색 중인 페이지의 맥락을 이해할 수 있고 경로가 포함하고 있는 링크를 이용하여 쉽게 상위 수준의 콘텐츠로 이동 가능 논리적인 선형 구조가 분명한 사이트에 효율적(논리적 계층구조, 그룹핑이 없는 단일 레벨 웹사이트 이용 시 비효율적) 2. 장점 유저가 상위 페이지로 가기 위해 취해야 하는 행동 수 감소 효과 (뒤로가기, 전체 네비게이션 이용하지 않고 한번에 이동 가능) 텍스트를 가로로 펼쳐서 보여주기 때문에 최소한의 공간 차지 3. 가이드 브레드스크럼은 주 네비게이션을 대체하지 않는다. (즉 주 네비게이션을 보조하는 역할을 한다.) 네비게이션상에서 현 페이지에는 링크를 걸지 않는다. e.g. 레고 코리아의 경우, '.. 2023. 6. 1. 라디오버튼(radio button), 체크박스(check box) 1. 라디오 버튼(radio button) 선택 시 동그라미가 까맣게 변하는 형태로 N개 중 1개만 선택할 때 사용 2. 체크 박스(check box) N개를 동시에 선택(중복 선택)할 때 사용 네모박스 선택 시 체크가 되는 형태의 UI 2023. 5. 31. 이전 1 ··· 3 4 5 6 7 다음 728x90 반응형 LIST
