perfection is boring

올해의 다짐

서비스분석 25

[1일1페이지]#18 넷플릭스 랜딩페이지 UIUX 분석 및 카피

페이지 목적: 콘텐츠 소개 및 흥미 유발 유저저니: 나에게 맞는, 재미있는 콘텐츠를 찾아 보고 싶다. 이를 위한 UX/UX 특징: 하나의 인기 콘텐츠를 메인으로 두고, 유저의 관심 유발 (+넷플릭스 웹사이트에서는 하나의 메인 인기 콘텐츠(예를 들어 슬기로운 의사 생활)이 랜딩페이지에서 자동 재생된다. 영상이 시작되면 기타 작품 소개 글들은 사라지고 콘텐츠 타이틀이 작게 축소되어 밀려난다. 모바일에는 재생 기능은 없고,화면 클릭시 세부 콘텐츠 정보가 나타난다.) 하단으로는 타이틀에 맞는 카드들이 스와핑되는 형식으로 나열되어 있다. 넷플릭스는 콘텐츠들을 크게 1. 티비 프로그램 2. 영화 3.우저가 찜한 콘텐츠로 나누고 있다. + 랜딩페이지를 탐색하다보니 콘텐츠 찜하기와 찜한 콘텐츠 삭제 기능 아이콘 간의 ..

UIUX분석관찰 2021.07.25

[1일1페이지]#16 구글맵 장소 디테일 페이지 UIUX 분석 및 카피

페이지 목적: 장소 정보 전달 유저저니: 장소에 대한 정보를 얻고 필요한 정보를 활용한다 이를 위한 UX/UX 특징: 개선된 유아이 1.사진을 포함한 장소 모든 정보가 expand more 페이지 안으로 들어갔다. 2. 중복되는 유저저니(Direction/ start)는 Direction으로 통일 되었음. 우측 상단에 자리한 Share기능이 빈자리로 들어가고 share 자리를 search가 대신 함. →특정 장소 정보를 활용할 수 있는 기능 아이콘들이 한 데 모아지고 맵 전반의 장소 정보를 위한 기능(search)이 특정 장소 정보 내에 추가되었다. 에셋구조: 1. 장소 전반에 대한 정보를 칸에 간결하게(넘칠시 클릭을 통한더보기) 담음 장소 사진 스와핑 가능/ 오버뷰/디렉토리(입점업체)/업데이트/리뷰/사..

UIUX분석관찰 2021.07.23

[1일1페이지]#15 구글맵 검색 페이지 UIUX 분석 및 카피

페이지 목적: 쉽고 빠른 장소 검색 유저저니: 맵 위치 기반 원하는 장소를 검색하고 정보를 얻고 싶다 이를 위한 UX/UX 특징: 장소를 일반명칭으로 검색했을 시 나타나는 화면(ex.central park) 지도보기를 클릭하면 목록은 아래로 내려가고 스와핑되는 하단 카드로 표시된다. 목록보기를 클릭하면 리스트로 장소를 볼 수 있다. 맵에서 장소를 보는 방법이 크게 세 가지로 나뉜다. 1.지도,목록보기(검색 시 유저가 가장 처음 보는 화면) 2.지도보기(하단카드) 3.리스트로보기 앱 내 직관적인 인터렉션으로 보여주기 보다는 아이콘을 통해 각 방법을 넘나들어야 한다.** 에셋구조: 검색/ tune/ 검색 필터.../ 맵/ 정보 안내 문구/ 장소(장소명,평점,거리,주소,영업정보).../ 전화 / 길찾기 맵에서..

UIUX분석관찰 2021.07.22

[1일1페이지]#14 구글맵 메인 페이지 UIUX 분석 및 카피

구글맵 화면 Oct 2020 기준 iPhone 11 Pro / X - 8 페이지 목적: 쉽고 빠른 맵 경로,장소 검색 유저저니: 원하는 경로,장소를 빠르고 직관적으로 찾아보고 싶다 이를 위한 UX/UX 특징: Commute 아이콘을 material design아이콘의 home_work를 썼길래 왜 일까했는데 지금은 commute아이콘으로 바뀌어 있다. 명칭도 commute이 아니라 go(한국어:찾기)로 바뀌었다. 이전의 UI 아이콘은 "집 - 정기적으로 드나드는 장소(주로 학교나 회사)"라는 의미가 강했다면 지금은 "과거 활동에 기반해서 자주 가는 장소들의 대중교통,차편"서비스에 맞추어 변경된 듯. 또 햄버거 아이콘이 사라졌다. 이전에 햄버거 아이콘 안에 있던 것들은 프로필 아이콘 안으로 들어갔다. 햄버..

UIUX분석관찰 2021.07.21

[1일1페이지]#12 에어비앤비 맵 페이지 카피 및 분석

페이지 목적: 쉽고 빠른 지도,위치 기반 숙소 검색 유저저니: 찾는 장소, 숙소(여행과 결합된) 위치를 맵 기반으로 선정 이를 위한 UX/UX 특징: 화면의 절반이 맵,상품 페이지로 나뉘어져 있다. 유저는 맵(상단) 혹은 리스트(하단)로 상품 정보에 접근할 수 있다. 1. 상품 페이지를 아래를 위로 밀어올리면 리스트로 된 상품 페이지 형식으로 유아이가 바뀐다. (이전 분석한 상품 페이지로) 2. 맵 위의 가격 정보를 클릭하거나 상품 페이지를 아래로 밀어 내리면 상품 정보가 카드 형식으로 아래 배치되며 왼쪽으로 스와핑해 상품들을 볼 수 있다 이때 보고 있는 숙소는 맵 위에 검은색으로 표시된다. 맵 위에서 숙소를 탭할 경우 카드는 선택한 숙소 정보로 바뀐다. 숙소를 찾는 유저들에게 맵,즉 숙소의 위치 정보가..

UIUX분석관찰 2021.07.19