안녕하세요, 꾸우._. 입니다. 이번주에는 웹 랜딩 페이지 분석과 API 분석을 통해 개발 프로세스에 대해 정리해보겠습니다. 분석할 프로덕트는 지난 주차 과제들에서 몇 차례 언급했던 음원 플랫폼 'FLO'입니다. 📌 웹 랜딩 페이지 들여다보기 FLO를 웹에서 접속했을 때 보이는 랜딩 페이지는 아래와 같습니다. 개발자 도구를 통해 본 HTML 구조는 크게 '헤더', '섹션 홈', '푸터', '플레이어' 로 구성된 것을 확인할 수 있었으며, 자세한 구조는 아래와 같습니다. Header Inner FLO 스와이퍼 배너 오늘 발매 음악 오늘 인기 오디오 TOP20 추천 플레이리스트 1 : 오늘 뭐 듣지? 장르 콜렉션 추천 플레이리스트 2 : 노래는 내가 틀게, 넌 운전만 해 Editor's Pick 하단 컨텐츠..

안녕하세요, 꾸우._. 입니다. 이번에는 UX 설계를 위한 정보구조도 (IA), 화면 흐름도 (User Flow) 작성 방법에 대해 알아보고 정리하는 시간을 가져보겠습니다. 📌 IA (Information Architecture) IA는 서비스의 전체적인 구조를 지탱하는 뼈대입니다. 즉, 우리가 사용자에게 제공하려는 정보와 이용에 관한 구조적인 설계를 의미합니다. 즉, 서비스 제공 전, 정보 설계를 구축해 전체 서비스의 구조를 설계함으로써 사용자가 뭔하는 정보를 쉽고 빠르게 찾도록 하는 데 목적을 두고 있다고 볼 수 있습니다. 📌 IA 설계 방법 IA는 서비스 전체를 아우르기 때문에 설계 시 고려해야 할 사항을 외부와 내부로 나눌 수 있습니다. 외부 요소에 대해 먼저 파악한 후 내부 요소를 적용시켜 IA..

안녕하세요, 꾸우._. 입니다. 이번 6주차에는 패스오더의 메인 기능들에 대한 흐름을 알아보고 플로우 차트를 작성하고, 패스오더와 같은 스마트 오더 서비스와 관련하여 데이터를 수집, 분석, 시각화해보겠습니다. 📌 패스오더의 Flow Chart 패스오더의 메인 서비스는 스마트 오더이기 때문에 패스오더의 화면에서 보여지는 주요 기능들을 기반으로 총 3가지 유형의 플로우를 작성하게 되었습니다. [홈] 화면에서 매장 선택 후 주문 [주문내역] 화면에서 통해 기존에 주문했던 메뉴 재주문 [자주 가요] 화면에서 매장을 선택해 메뉴 주문 💡 [홈] 화면에서 매장 선택 후 주문하기 첫 번째로, 사용자가 홈 화면에서 매장 선택 후 주문 시 발생하는 플로우입니다. 위의 플로우를 나눠 확대시켜 보겠습니다. [홈] 화면에서 ..

안녕하세요, 꾸우._. 입니다. 이번에는 좋은 UX를 위한 제품 개선 시 고려할 요소들에 대해 알아보겠습니다.  📌 제품 개선 시 생각해 볼 요소제품/서비스에 있는 문제를 발견하고 개선하기 쉽게 서비스를 아래의 요소들로 분류해 볼 수 있습니다. 💡 콘텐츠텍스트, 그림, 소리, 동영상 등을 묶어 지칭한 것콘텐츠는 사용자의 흐름을 해치지 않고 패턴을 분석해 배치텍스트, 이미지뿐만 아니라 필요한 정보는 동영상으로 더 확실하게 알려줄 수도 있음지속적인 업데이트도 중요콘텐츠가 주가 되는 서비스에서 새로운 콘텐츠가 제공되지 않으면 더이상 사용할 필요를 못 느낄 수 있음 💡 정보서비스 내에서 사용자가 반드시 알아야 하는 정보를 의미금융 / 쇼핑 / 의료 정보를 제공하는 서비스의 경우 정보가 변경되면 공지를 통해..

안녕하세요, 꾸우._. 입니다. 이번 포스팅에서는 요구사항 수집을 위해 VOC 수집 및 분석 과정에 대해 알아보고 정리해보겠습니다. 📌 VOC (Voice of Customer) VOC는 사용자들이 상시적으로 제품과 서비스에 대한 요청을 보내거나 불만을 제시하는 것을 말합니다. 우리가 흔히 볼 수 있는 앱 스토어 리뷰나 서비스 내 문의 게시판 또는 콜센터 등의 채널로 유입됩니다. PM은 VOC를 받아 일정 기간을 두고 정리합니다. 이를 주기적으로 수집∙분석하여 문제 해결의 방향을 잡거나 결정적 실마리를 찾아낼 수 있습니다. 📌 VOC 가 중요한 이유 VOC를 얻기 위해 올바른 도구, 전략을 사용하면 앱을 사용하는 여정의 모든 지점에서 사용자의 요구를 충족시킴으로써 고객 여정 전반에 걸쳐 좋은 CX (Cu..