지그재그 UX 개선 / 개발
UX 개선 / 개발
앞선 프로젝트에서 진행한 지그재그의 MVP 기획을 토대로, 해당 기획을 구체화해보려고 한다.
해당 기획의 Backlog (기능 정의)를 바탕으로, IA - Information Architecture (정보계층구조도) 설계, Storyboard (기능명세서 작성) 을 통해 고객이 가진 기존의 문제를 개선할 수 있는 MVP 기획 문서를 만들어 보았다.
Backlog 작성 : 기능 정의
난 MVP 기획을 통해 선정한 서비스 2가지에 대한 기능 정의서 (Backlog)를 작성하였다. 해당 서비스의 필요한 기능들을 모두 리스트업하고, 유사한 기능들끼리 그룹핑하는 과정을 진행하였다. 또한 각각의 기능들의 중요도를 표시하고, 각 기능들에 대한 정의 및 설명을 작성하는 활동을 진행하였다.
☞ '나의 Fit 설정하기' 서비스
해당 서비스는 사용자의 체형과 사이즈 데이터를 입력할 수 있는 서비스이다.
해당 데이터는 사용자에게 상품을 추천하는 서비스에 적극적으로 활용될 것이며, 더불어 사용자의 키와 몸무게 입력을 통해 사용자의 예상 신체 사이즈를 알려주어 사용자들이 지그재그에서 상품을 구매할 때, 유용하게 사용할 수 있다.
☞ '사용자 취향 & 체형(사이즈) 기반 상품 추천' 서비스
현재 운영중인 지그재그의 사용자 취향(스타일) 조사 기능, 찜하기 내역, 구매 내역, 구매 패턴 데이터 수집·관리에 대한 기능과 더불어서 앞서 기획한 '나의 Fit 설정하기' 서비스의 데이터를 활용하여 현재 사용자에게 맞춤형 상품을 제공하는 서비스를 더욱 강화시킨다. 사용자의 상품의 취향 뿐 만 아니라 사용자의 체형 및 사이즈를 분석한 상품을 제공한다.
사용자의 취향 뿐 만아니라 상품이 사용자에게 딱 맞는 사이즈를 제공함으로써, 사용자의 서비스 경험 만족도는 향상될 것이고, 이는 자사의 매출 이익 상승과도 연결 될 것이다.
Information Architecture : 정보계층구조도 설계
IA(정보 계층구조도)란 서비스가 어떻게 구성되는지, 어떤 기능이 어떤 화면으로 보이는지를 나타내는 도구이다. 서비스의 복잡한 구조의 틀을 보여주어, 디자이너와 개발자가 작업할 수 있도록 만든 문서이다. IA는 사용자와 콘텐츠, 시나리오를 고려하여 작성해야한다.
지그재그 '사용자 취향 및 체형 추천 상품' 서비스 & '나의 fit 설정하기' 기능 IAWireframe : 화면 디자인
디자인 툴을 사용하기 전,
1차 적으로 낮은 퀄리티의 wireframe 을 손으로 그려 제작합니다.(생략 가능)
위 내용을 그대로 Figma를 사용하여 wireframe을 디자인하고 화면의 흐름을 표시합니다.
Storyboard : 기능명세서 작성
결정된 각각의 화면에 대해 스토리보드를 작성합니다.
쉽게 말해, A 버튼을 눌렀을 때 어떤 반응을 해야하는지를 작성해 팀원 (개발자, 디자이너)가 혼선을 겪지않도록 하기 위한 소통 문서입니다. 스토리보드, 기능명세서, 화면소개서, PRD (Product Requirements Document) 라고도 합니다.
해당 게시물은 지그재그 MVP 프로젝트를 진행하며 2022년 2월 작성된 글입니다. :)
아래의 블로그에서 작성된 글을 확인할 수 있어요!
