[번외편] figma에서 프로토타입핑 어디까지 될까? (왓챠 APP

* 사용자 입장에서 Figma 툴을 사용하여 UX REDESIGN 한 후 프로토타입핑을 제작해보았습니다.
* 해당 서비스 : 왓챠 APP의 REDESIGN

[Figma prototyping 기능 활용] https://www.figma.com/
- Horizontal Scrolling, Smart Animation, overlay 등의 기능

[UX Redesign Overview]
*감성적인 부분보다 정보 탐색 적인 면으로 접근하여 UX를 REDESIGN 하였다.
*왓챠 서비스의 메인컬러(핑크)는 유지 하되, 왓챠플레이(동영상 스트리밍 서비스)서비스를 모르는 유저를 고려하여 추천 왓챠플레이의 썸네일에 왓챠 플레이 로고 대신 영상 플레이 아이콘으로 대체하였다. (영화 상세 페이지를 통해 왓챠플레이 서비스로 이동하여 재생 을 유도하도록 )

- 추천 콘텐츠 노출도 높임 : 기존의 큰 썸네일의 세로 스크롤 방식을 토픽별 가로 스크롤 방식으로 변경
- 왓챠 메인 : 영화, TV, 도서 별 추천 카테고리의 Depth를 줄임
- 추천 페이지 : 더 이상 보고 싶지 않은 콘텐츠를 가로로 드래그하여 숨길 수 있도록 함.
- 왓챠와 왓챠플레이의 연결점을 자연스럽게 유도하기 위해 추천 페이지 하단에 고정된 배너를 삽입
- 하단 GNB 영역에 이벤트 메뉴 삽입하여 접근성 높임
- 메인의 영화 카테고리에 박스오피스 랭킹 노출 : 영화 추천 만큼 자주 검색하는 정보가
현재 개봉중인 영화의 랭킹인 만큼 Core Experience 라는 가정하에 사용자가 정보를 찾기 쉽도록 1 Depth에 노출하였다.
- 검색 UX 보완 : 검색어의 횡렬식 방식을 탭 방식으로 분류하여 스크롤 없이 기본 정보 노출토록함.

[Figma 툴 가이드 ]
   • 피그마 빠르게 훑어보기 (feat. 피그마를 사용해야 하는 이유)  

#figma #prototyping #프로토타입핑_테스트 #overlay #smartAnimaiton #redesign #왓챠 #caseStudy