#UX디자인 #사용자흐름 #유저플로
*오류 수정 : 2:12 영상에서 보여준 다이아몬드 도형 (Resend Verification Email?) 에 Yes, No 경우를 붙이는 부분이 빠졌어요. 제가 공유한 파일 받아서 다시 봐주세요. 빠진 부분 수정했어요.
안녕하세요. 오늘은 UX 디자인하는 단계에서 리서치 하고 난 다음 만들어지는 사용자 흐름, User flows에 대해서 제가 하는 방법을 영상으로 만들어 봤어요. 유저 플로 보기에는 좀 딱딱하게 보일 수 있는데. 여러분들이 저 플로를 그리는 작업을 몇 차례 하시다 보면 전체 그림이 머릿속에서 정확하게 그려지실 거예요. 제가 실무에서 만드는 유저 플로에 대해서 공유했는데 유저 플로 공부하시거나 만들려고 준비하시는 분들께 도움이 되었으면 좋겠어요.
--------------------------
급하게 상담이 필요하신 분 / 멘토가 필요하신 분들을 위해 제가 1:1 상담 창을 만들었습니다.
1:1 Career Coffee Chat - calendly.com/uxsun/
이제 커피챗 calendly.com/uxsun/ 통해서 시간 잡아주시면 제가 자세하게 준비해서 1:1 상담해 드릴게요.
--------------------------
Time Stamp
0:00 미리보기
0:26 영상 주제 소개 : User Flows (사용자 흐름)
0:40 유저 플로 정의
2:37 왜 유저 플로를 이용하나? 1) 직관적인 사용자 흐름, 인터페이스를 위해
3:26 2) 프로덕트 전체 그림을 이해하기 위해
4:34 3) 협업을 효율적으로 하기 위해
8:02 사용자 흐름 차트 유형
8:21 1)작업 흐름 (Task Flows)
9:28 2) 와이어 흐름 (Wire Flows)
10:31 3) 사용자 흐름 (User Flows)
12:11 언제 어떻게 유저 플로우 작업을 하나?
--------------------------
Download
📥 Design Tool : www.figma.com/
📥 User Flows Sample PDF : drive.google.com/file/d/1JcT-...
📥 User Flows Sample Figma file : drive.google.com/file/d/1XLq1...
📥 Font for the design file : blog.naver.com/ktk350/2220463...
--------------------------
References
Wireflow : dribbble.com/shots/5972047-Wi...
Task flows : / ux-task-flows-versus-u...
Product Requirements Documents
clevertap.com/blog/product-re...
/ how-to-write-a-painles...
lvivity.com/write-a-good-prod...
www.atlassian.com/agile/produ...
----------------------------------
Music in the video
All Music Licensed to KZitem by (on behalf of Epidemic Sound)
🎵 Descartes - Bonsaye
🎵 Granite Stone (Instrumental Version) - Daxten
🎵 Reach out to Me (Instrumental Version) - Daxten
🎵 Weather Any Storm (Instrumental Version) - Cody Francis
Негізгі бет [앱UX/UI디자인] STEP4. 유저는 내 프로덕트와 어떻게 대화하나 / UX 디자인을 위한 유저플로 / 사용자 흐름 차트 만드는 저의 방법 공유 할게요.
Пікірлер: 98