코드잇에서 중급 프로젝트를 시작하였다. 기초프로젝트와 마찬가지로 기술을 마스터하지 못한 상태에서 프로젝트를 시작한다는 점이 아쉽다. 하지만 개발을 배우는 최고의 방법은 학습이 아니라 실전에서 직접 개발을 하는 것이라는 말을 들어서 오히려 좋아라는 마인드를 가지고 실력을 향상 시켜볼 예정이다.
이번에 프로젝트 세팅에 관련해서 User Flow Diagram을 만드는 일을 맡게 되었다. 약간 기획에 가까운 일이라는 생각이 들었다. 이런식으로 시야를 점차 넓히는 과정을 겪으면, 코딩만 할 줄 아는 개발자에서 도메인을 이해하고, 아키택처?를 보는 개발자로 성장할 수 있지 않을까라는 생각이 들었다.
User Flow Diagram
User Flow Diagram(사용자 흐름 다이어그램)은 사용자가 특정 목표를 달성하기 위해 웹사이트나 앱에서 거치는 경로를 시각적으로 보여주는 지도와 같다. 이 다이어그램은 유저의 여정을 단계별로 보여줌으로써, 디자이너와 개발자가 더 직관적이고 효율적인 사용자 경험(UX)을 설계하도록 돕는 핵심적인 도구이다.
User Flow Diagram 제작 단계
- 목표 설정: 다이어그램을 통해 분석하고자 하는 사용자의 목표를 명확하게 정의한다. 예를 들어, '상품 구매 완료', 회원 가입' 등이 있다.
- 사용자 이해: 이 목표를 달성하려는 사용자가 누구인지 파악한다.
- 진입점 파악: 사용자가 이 흐름을 어디서 시작하는지 확인한다. 예를 들어, 검색엔진, 광고 등이 있다.
- 단계별 흐름 그리기: 뒤이어 설명한 기호를 가지고 사용자가 거치게 될 단계를 순서대로 그린다!
User Flow Diagram의 기호와 의미
내가 그린 User Flow Diagram
개발이 우선이기에 간단하게만 알아보았다. User Flow Diagram과 연결되는 UX,UI 지식들이 많은데 나중에 공부해서 글을 써보겠다.
발전하는 프론트엔드 개발자입니다!