๐Ÿ‘ฉ‍๐Ÿ’ปDeep Wide School/๐Ÿ’˜Product Design

User Flow Diagram ๊ทธ๋ฆฌ๋Š” ๋ฐฉ๋ฒ•

Deep Wide Studio 2020. 6. 23. 00:18
728x90
๋ฐ˜์‘ํ˜•

ํ”Œ๋กœ์šฐ ๋‹ค์ด์–ด๊ทธ๋žจ?

์•ž์„œ์„œ Flow chart, Flow Diagram, Task Flow, User Flow์˜ ๊ฐœ๋…์— ๋Œ€ํ•ด์„œ ์•Œ์•„๋ณด์•˜๋‹ค. ์‚ฌ์‹ค์ƒ ๋ชจ๋‘ ๊ฐ™์€ ๋งฅ๋ฝ์˜ ๋‹จ์–ด๋ผ๋Š” ๊ฒƒ์„ ์ด์ œ๋Š” ์ดํ•ดํ–ˆ๋‹ค. ํ†ต์นญํ•ด์„œ Flow Diagram์ด๋ผ๊ณ  ์ง€์นญํ•˜๊ฒ ๋‹ค. ์ด ํฌ์ŠคํŒ…์—์„œ๋Š” ๋ณด๋‹ค ๋””ํ…Œ์ผํ•˜๊ฒŒ ์–ด๋–ป๊ฒŒ ํ”Œ๋กœ์šฐ ๋‹ค์ด์–ด๊ทธ๋žจ์„ ๊ทธ๋ฆฌ๋Š” ์ง€์— ๋Œ€ํ•ด์„œ ๋‹ค๋ค„๋ณด๊ณ ์ž ํ•œ๋‹ค. 

 

ํ”Œ๋กœ์šฐ ๋‹ค์ด์–ด๊ทธ๋žจ์˜ ๊ฐœ๋…์— ๋Œ€ํ•ด์„œ๋Š” ์ด์ „ ํฌ์ŠคํŒ…์—์„œ ์ •๋ฆฌํ–ˆ๊ธฐ ๋•Œ๋ฌธ์—, ๊ฐœ๋…์— ๋Œ€ํ•œ ์„ค๋ช…์€ ์ƒ๋žตํ•˜๊ณ  ๋ฐ”๋กœ ๋‹ค์Œ์˜ ์œ ํŠœ๋ธŒ ์˜์ƒ ๋‚ด์šฉ์„ ์ฐธ๊ณ ํ•˜์—ฌ '๊ตฌ์ฒด์ ์ธ ๋ฐฉ๋ฒ•'์— ๋Œ€ํ•ด ์ •๋ฆฌํ•˜๊ฒ ๋‹ค. 

 

How to Create a User Flow Diagram youtu.be/_kPuHPKpCP0

How to Create a User Flow Diagram

 

ํ”Œ๋กœ์šฐ ๋‹ค์ด์–ด๊ทธ๋žจ ๋งŒ๋“œ๋Š” ๋ฒ•

๊ตฌ์„ฑ์š”์†Œ 

ํ”Œ๋กœ์šฐ๋‹ค์ด์–ด๊ทธ๋žจ์„ ๊ทธ๋ฆฌ๊ธฐ ์œ„ํ•ด์„œ๋Š”, ์ด ์„ธ๊ฐ€์ง€ ์š”์†Œ๊ฐ€ ๊ธฐ๋ณธ์ด ๋œ๋‹ค. 

 

ํ”Œ๋กœ์šฐ ๋‹ค์ด์–ด๊ทธ๋žจ์„ ์ด๋ฃจ๋Š” ์„ธ ๊ฐ€์ง€ ์š”์†Œ/ ์œ ํŠœ๋ธŒ How to Create a User Flow Diagram ํ™”๋ฉด ์บก์ณ

 

๋ฐ”๋กœ ๋„ค๋ชจ, ๋‹ค์ด์•„๋ชฌ๋“œ, ํ™”์‚ดํ‘œ๋‹ค. 

1) ๋„ค๋ชจ : Screen (ex. ํ™ˆ ์Šคํฌ๋ฆฐ, ๋กœ๊ทธ์ธ ์Šคํฌ๋ฆฐ, ๋“ฑ๋“ฑ)
2) ๋‹ค์ด์•„๋ชฌ๋“œ : Decision (ex. ๋กœ๊ทธ์ธ ๋ฒ„ํŠผ ํด๋ฆญํ•˜๊ธฐ, ์™ผ์ชฝ์œผ๋กœ ์Šค์™€์ดํ”„ํ•˜๊ธฐ, ์ด๋ฏธ์ง€ ์คŒ์ธํ•˜๊ธฐ ๋“ฑ)
3) ํ™”์‚ดํ‘œ : ๋„ค๋ชจ์™€ ๋‹ค์ด์•„๋ชฌ๋“œ๋ฅผ ์ด์–ด์ฃผ๋Š” ํ™”์‚ดํ‘œ

์ด ์„ธ๊ฐ€์ง€๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ์œ ์ € ํ”Œ๋กœ์šฐ ๋‹ค์ด์–ด๊ทธ๋žจ์„ ๋งŒ๋“ค๊ฒŒ ๋œ๋‹ค. 

 

 

ํŠธ์œ„ํ„ฐ ์•ฑ์„ ํ†ตํ•ด ์ดํ•ดํ•˜๊ธฐ

์˜์ƒ์—์„œ๋Š” ํ”Œ๋กœ์šฐ๋‹ค์ด์–ด๊ทธ๋žจ์„ ๊ทธ๋ฆฌ๋Š” ๋ฐฉ๋ฒ•์„ ์ดํ•ดํ•˜๊ธฐ ์œ„ํ•ด ๋จผ์ €, ํŠธ์œ„ํ„ฐ ์•ฑ์„ ๋ณด์—ฌ์ฃผ๋ฉฐ ์„ค๋ช…์„ ์ง„ํ–‰ํ•œ๋‹ค. 

 

ํŠธ์œ„ํ„ฐ ํ™”๋ฉด/ ์œ ํŠœ๋ธŒ How to Create a User Flow Diagram ํ™”๋ฉด ์บก์ณ

 

์™ผ์ชฝ์˜ ์ด๋ฏธ์ง€๋Š”, ํŠธ์œ„ํ„ฐ ์•ฑ์„ ์ผฐ์„ ๋•Œ ๋ณด์ด๋Š” ํŠธ์œ„ํ„ฐ์˜ ํ™ˆ ์Šคํฌ๋ฆฐ์ด๋‹ค. ์˜ค๋ฅธ์ชฝ ์ด๋ฏธ์ง€๋Š” ์™ผ์ชฝ ์ด๋ฏธ์ง€ ์ƒ๋‹จ์˜ "New Tweet"๋ฒ„ํŠผ์„ ๋ˆŒ๋ €์„ ๋•Œ ์ด๋™ํ•˜๊ฒŒ ๋˜๋Š” ํ™”๋ฉด์ด๋‹ค. ์ด ํ™”๋ฉด์—์„œ๋Š” ๊ธ€์„ ์˜ฌ๋ฆด์ง€ ๋ง์ง€ 'Action'์„ ์ทจํ•ด์•ผ ํ•œ๋‹ค. ์ทจ์†Œํ•˜๊ณ  ๋ฐ–์œผ๋กœ ๋‚˜๊ฐ€๊ธฐ ์œ„ํ•ด ์˜ค๋ฅธ์ชฝ ์ด๋ฏธ์ง€ ์ƒ๋‹จ์˜ X๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๊ฑฐ๋‚˜, ์ž‘์„ฑํ•œ ๊ธ€์„ ์˜ฌ๋ฆฌ๊ธฐ ์œ„ํ•ด ํ•˜๋‹จ์˜ Tweet ๋ฒ„ํŠผ์„ ๋ˆŒ๋Ÿฌ์•ผ ํ•œ๋‹ค. 

 

1) ํŠธ์œ„ํ„ฐ์— ๋“ค์–ด๊ฐ€์„œ
2) ์ƒˆ ํŠธ์œ—์„ ์ž‘์„ฑํ•˜๊ณ 
3) ์ทจ์†Œํ•˜๊ฑฐ๋‚˜ ์˜ฌ๋ฆฌ๊ธฐ๋กœ ๊ฒฐ์ •ํ•˜๊ธฐ

 

๊ฐ„๋‹จํ•˜๊ฒŒ ์ด ์„ธ๊ฐ€์ง€ ์š”๊ฑด์— ๋Œ€ํ•œ ์œ ์ € ํ”Œ๋กœ์šฐ ๋‹ค์ด์–ด๊ทธ๋žจ์„ ๋งŒ๋“ค์–ด๋ณด๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค.

 

'ํŠธ์œ—ํ•˜๊ธฐ' ์œ ์ € ํ”Œ๋กœ์šฐ ๋‹ค์ด์–ด๊ทธ๋žจ ๊ฐ„๋‹จ ver. /์œ ํŠœ๋ธŒ How to Create a User Flow Diagram ํ™”๋ฉด ์บก์ณ

 

1) ํŠธ์œ„ํ„ฐ ์•ฑ์„ ์ผฐ์„ ๋•Œ ๋ณด์ด๋Š” ํ™ˆ ์Šคํฌ๋ฆฐ, ์ฆ‰ Feed๊ฐ€ ๋„ค๋ชจ๋กœ ์œ„์น˜ํ•˜๊ณ ,

2) ํด๋ฆญ์ด๋ผ๋Š” ์•ก์…˜์„ ๊ฒฐ์ •ํ•ด์•ผํ•˜๋Š” "New Tweet"๋Š” ๋‹ค์ด์•„๋ชฌ๋“œ๊ฐ€ ๋œ๋‹ค.

3) New Tweet์„ ๋ˆŒ๋ €์„ ๋•Œ ๋ณด์ด๋Š” ์ฒซ 'Compose' ์Šคํฌ๋ฆฐ์€ ๋„ค๋ชจ๋กœ,

4) ๊ธ€์„ ์ž‘์„ฑํ•œ ๋’ค 'Cancel' ํ•  ๊ฒƒ์ธ์ง€, 'Tweet'ํ•  ๊ฒƒ์ธ์ง€ ์•ก์…˜์„ ๊ฒฐ์ •ํ•ด์•ผํ•˜๋Š” ๋‘ ๊ฐ€์ง€ ์„ ํƒ์ง€๊ฐ€ ๋‹ค์ด์•„๋ชฌ๋“œ๊ฐ€ ๋œ๋‹ค. 

 

์ด๋Ÿฐ ์‹์œผ๋กœ, ํ•œ ์›น์‚ฌ์ดํŠธ ์ „์ฒด์— ๋Œ€ํ•œ ํ”Œ๋กœ์šฐ๋‹ค์ด์–ด๊ทธ๋žจ์„ ๋งŒ๋“ค์–ด๋ณด๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™์€ ์ด๋ฏธ์ง€๋กœ ํ‘œํ˜„๋  ์ˆ˜ ์žˆ๋‹ค. 

 

์œ ์ € ํ”Œ๋กœ์šฐ ๋‹ค์ด์–ด๊ทธ๋žจ/ ์œ ํŠœ๋ธŒ How to Create a User Flow Diagram ํ™”๋ฉด ์บก์ณ

 

๊ทธ๋Ÿฌ๋‚˜, ์ฒ˜์Œ๋ถ€ํ„ฐ ์ด๋ ‡๊ฒŒ ๋ชจ๋“  ๊ฒƒ์„ ๊ทธ๋ฆฌ๋Š” ๊ฒƒ์€ ๋ณต์žกํ•˜๊ณ  ์–ด๋ ต๊ธฐ ๋•Œ๋ฌธ์—, ํ•œ ๊ฐœ์˜ ์‹œ๋‚˜๋ฆฌ์˜ค์— ํ•ด๋‹นํ•˜๋Š” ํ”Œ๋กœ์šฐ ๋‹ค์ด์–ด๊ทธ๋žจ์„ ํ•˜๋‚˜์”ฉ ๊ทธ๋ ค๋‚˜๊ฐ€๋Š” ๊ฒƒ์„ ์ถ”์ฒœํ•œ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, ์œ„ flow diagram์˜ ์ฒซ ๋‹จ๊ณ„์ธ Welcome ์Šคํฌ๋ฆฐ ์ดํ›„์— Log in with Facebook/ Log in with Goole์„ ๊ฑฐ์นœ ํ›„ 'Home Screen'์œผ๋กœ ์˜ค๊ฒŒ ๋˜๋Š”๋ฐ, ์—ฌ๊ธฐ์„œ ๋„ค ๊ฐˆ๋ž˜๋กœ ๊ฐ€์ง€๊ฐ€ ์ณ์ง„๋‹ค. ์ด๋•Œ, ์• ์ดˆ๋ถ€ํ„ฐ ์ด ์ค‘ ํ•œ ๊ฐœ์˜ ๊ฐˆ๋ž˜์— ํ•ด๋‹นํ•˜๋Š” ์‹œ๋‚˜๋ฆฌ์˜ค๋งŒ ์ƒ๊ฐํ•ด๋ณด๋ผ๋Š” ๊ฒƒ์ด๋‹ค. ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค. 

 

 

์œ ์ € ํ”Œ๋กœ์šฐ ๋‹ค์ด์–ด๊ทธ๋žจ ์ผ๋ถ€/ ์œ ํŠœ๋ธŒ How to Create a User Flow Diagram ํ™”๋ฉด ์บก์ณ

 

 


Flow Diagram์„ ์จ์•ผ๋งŒ ํ•˜๋Š” ์ด์œ 

ํฌํ† ์ƒต์œผ๋กœ ๊ฐ€์„œ ๋””์ž์ธ์„ ํ•œ๋‹ค๊ฑฐ๋‚˜, ๋ฐ”๋กœ ์ฝ”๋”ฉ์„ ํ•œ๋‹ค๊ฑฐ๋‚˜ ํ•˜๋ฉด ์•ˆ ๋˜๋Š” ์ด์œ ๊ฐ€ ์žˆ์„๊นŒ? ์ด๋ ‡๊ฒŒ ํ”Œ๋กœ์šฐ๋‹ค์ด์–ด๊ทธ๋žจ์„ ๊ผญ ๊ทธ๋ ค์•ผ๋งŒ ํ•˜๋Š” ์ด์œ ๊ฐ€ ๋ญ˜๊นŒ? 

ํ”Œ๋กœ์šฐ ๋‹ค์ด์–ด๊ทธ๋žจ์—์„œ๋Š”, '์ตœ์ ์˜ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜'์„ ์œ„ํ•œ ๋…ผ๋ฆฌ๋ฅผ ์ฐพ์•„ ๋‹ค์–‘ํ•˜๊ฒŒ ๋ณ€ํ˜•ํ•ด๋ณด๋Š” ๊ฒƒ์ด ์‰ฝ๊ณ  ๋น ๋ฅด๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. ๊ฐ„๋‹จํ•œ ๋ณ€๊ฒฝ์ด๋ผ๋„, ํฌํ† ์ƒต์ด๋‚˜ ์ฝ”๋”ฉ์—์„œ ๊ตฌํ˜„ํ•˜๋Š” ์ค‘์— ๋ณ€๊ฒฝ์„ ํ•ด์•ผ ํ•œ๋‹ค๋ฉด ๋ช‡ ์‹œ๊ฐ„, ์‹ฌ์ง€์–ด๋Š” ๋ฉฐ์น ์ด ๊ฑธ๋ฆฌ๊ฒŒ ๋œ๋‹ค. ์‹œ๊ฐ„๊ณผ ๋ˆ, ์—๋„ˆ์ง€๋ฅผ ํšจ์œจ์ ์œผ๋กœ ์‚ฌ์šฉํ•˜๊ธฐ ์œ„ํ•ด ์œ ์ € ํ”Œ๋กœ์šฐ ๋‹ค์ด์–ด๊ทธ๋žจ์ด ๊ผญ ํ•„์š”ํ•œ ์ด์œ ๋‹ค. ์œ ์ € ํ”Œ๋กœ์šฐ ๋‹ค์ด์–ด๊ทธ๋žจ์—์„œ ์•„์ฃผ ํƒ„ํƒ„ํ•œ ๊ธฐ๋ฐ˜์„ ๋‹ค์ง€์ง€ ์•Š๋Š”๋‹ค๋ฉด, ์ดํ›„์— ์•„์ฃผ ํž˜๋“ค์–ด์ง€๊ณ  ์‹œ๊ฐ„์„ ํ›จ์”ฌ ๋งŽ์ด ์†Œ์š”ํ•˜๊ฒŒ ๋  ๊ฒƒ์ด๋‹ค. 


๋‚˜๋„ ํ•œ ๋ฒˆ ํ•ด๋ณด๊ธฐ

์ด ์˜์ƒ์—์„œ, ๋์œผ๋กœ ์‹œ์ฒญ์ž์—๊ฒŒ Hands-on ๊ณผ์ œ๋ฅผ ์ œ๊ณตํ•œ๋‹ค. '๋ ˆ์‹œํ”ผ ์•ฑ'์˜ ๊ฐ„๋‹จํ•œ ํ”Œ๋กœ์šฐ ๋‹ค์ด์–ด๊ทธ๋žจ์„ ๊ทธ๋ ค๋ณด๋ผ๋Š” ๊ฒƒ์ด๋‹ค! ์ด ์•ฑ์—์„œ ์ˆ˜ํ–‰ํ•  ๋‘ ๊ฐ€์ง€ ๊ฐ„๋‹จํ•œ ์•ก์…˜์— ๋Œ€ํ•ด์„œ ์ œ์‹œํ•ด์ฃผ์—ˆ๋‹ค.

 

1) ๋ ˆ์‹œํ”ผ๋“ค์„ ๋‘˜๋Ÿฌ๋ณธ๋‹ค.
2) ๋‚˜์ค‘์— ๋ ˆ์‹œํ”ผ๋ฅผ ์‚ดํŽด๋ณด๊ธฐ ์œ„ํ•ด, ๋งˆ์Œ์— ๋“œ๋Š” ๋ ˆ์‹œํ”ผ๋ฅผ ์ €์žฅ/์ฆ๊ฒจ์ฐพ๊ธฐ์— ๋„ฃ๋Š”๋‹ค.

 

 

์ž ๊น ์˜์ƒ์„ ์ •์ง€ํ•˜๊ณ , ์ด ์—ฌ์ •์— ๋Œ€ํ•ด ์œ ์ € ํ”Œ๋กœ์šฐ๋‹ค์ด์–ด๊ทธ๋žจ์„ ๊ทธ๋ ค๋ณด๋ผ๊ณ  ํ–ˆ๋‹ค. ์กฐ๊ธˆ ์‘์šฉํ•ด์„œ ๋‹ค์Œ๊ณผ ๊ฐ™์ด ๊ทธ๋ ค๋ณด์•˜๋‹ค. 

 

๋‚ด๊ฐ€ ๊ทธ๋ฆฐ ๋ ˆ์‹œํ”ผ ์•ฑ ํ”Œ๋กœ์šฐ๋‹ค์ด์–ด๊ทธ๋žจ1, 2

 

์˜์ƒ ์•ž์ชฝ์—์„œ ํ•™์Šตํ•œ ๊ฒƒ๋“ค์„ ๋‚˜๋ฆ„ ํ™œ์šฉํ•ด๋ดค๋‹ค. ๋‘ ๊ฐ€์ง€ ๋ฒ„์ „์„ ๋งŒ๋“ค์–ด๋ดค๋‹ค.

์™ผ์ชฝ ์ฒซ๋ฒˆ์งธ ํ”Œ๋กœ์šฐ ๋‹ค์ด์–ด๊ทธ๋žจ์€ ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค.

 

  1. ์•ฑ์„ ์ผฐ์„ ๋•Œ Welcome Screen์ด ๋œจ๊ณ ,
  2. '๋กœ๊ทธ์ธ ์•ˆํ•œ ์ฑ„๋กœ ์‚ฌ์šฉํ•˜๊ธฐ/Face book์œผ๋กœ ๋กœ๊ทธ์ธ ํ•˜๊ธฐ/Google๋กœ ๋กœ๊ทธ์ธ ํ•˜๊ธฐ'๋ผ๋Š” ์„ธ ๊ฐ€์ง€ Decision์„ ๋งŒ๋“ค์—ˆ๋‹ค.
  3. ์ดํ›„ ๋ฉ”์ธ ํŽ˜์ด์ง€์— ํ•ด๋‹นํ•˜๋Š” 'Home Screen'์œผ๋กœ ์ด๋™ํ•œ๋‹ค.
  4. ํ™ˆ ์Šคํฌ๋ฆฐ ์•ˆ์— '๋ ˆ์‹œํ”ผ ํ”ผ๋“œ'๋กœ ๋„˜์–ด๊ฐˆ ์ˆ˜ ์žˆ๋Š” '๋ ˆ์‹œํ”ผ ๋ธŒ๋ผ์šฐ์ง•' ๋ฒ„ํŠผ์ด ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ–ˆ๋‹ค. ๊ทธ๋ž˜์„œ '๋ ˆ์‹œํ”ผ ๋ธŒ๋ผ์šฐ์ง•'์„ ๋‹ค์ด์•„๋ชฌ๋“œ๋กœ ๋ฐฐ์น˜ํ–ˆ๋‹ค.
  5. ๋ ˆ์‹œํ”ผ ํ”ผ๋“œ๊ฐ€ ๋ณด์—ฌ์งˆ ํ…Œ๋‹ˆ, ๋„ค๋ชจ ์•ˆ์— 'Recipes Feed'๋ฅผ ๋ฐฐ์น˜ํ–ˆ๋‹ค. 
  6.  '๋ ˆ์‹œํ”ผ ์ €์žฅํ•˜๊ธฐ'๋ฅผ ๋‹ค์ด์•„๋ชฌ๋“œ์— ๋ฐฐ์น˜ํ–ˆ๋‹ค.
  7. ๋‚˜์˜ ์ €์žฅ๋œ ๋ ˆ์‹œํ”ผ๋“ค์ด ๋ชจ์—ฌ์žˆ๋Š” '๋ ˆ์‹œํ”ผ ์ €์žฅ ํŽ˜์ด์ง€'๊ฐ€ ๋ณด์—ฌ์งˆ ๊ฒƒ์ด๋ผ ์ƒ๊ฐํ•˜๊ณ , 'Recipe Saving Page'๋ฅผ ๋„ค๋ชจ์— ๋ฐฐ์น˜ํ–ˆ๋‹ค. 
  8. ์ €์žฅํ•˜๊ธฐ/ ์ทจ์†Œํ•˜๊ธฐ๋ผ๋Š” ๋‘๊ฐ€์ง€ Decision ์˜ต์…˜์„ ์ œ์•ˆํ–ˆ๊ณ , ๋‘ ๊ฐ€์ง€์˜ ์˜ต์…˜์ด ์™„๋ฃŒ๋์„ ๋•Œ ๋‘˜๋‹ค Recipe Feed๋กœ ๋Œ์•„๊ฐ€๋„๋ก ํ–ˆ๋‹ค. 

์˜ค๋ฅธ์ชฝ์— ์œ„์น˜ํ•œ ๋‘๋ฒˆ ์งธ ํ”Œ๋กœ์šฐ ๋‹ค์ด์–ด๊ทธ๋žจ์€, ์ฃผ์–ด์ง„ ์ •๋ณด๋งŒ์œผ๋กœ๋Š” ๋ฌด์šฉํ•ด๋ณด์ด๋Š” Home Screen์„ ์ œ๊ฑฐํ•˜๊ณ , ๋กœ๊ทธ์ธ ์ ˆ์ฐจ๋ฅผ ๋งˆ์น˜๋ฉด ๋ฐ”๋กœ 'Recipes Feed'๊ฐ€ ๋ณด์ด๋„๋ก ํ–ˆ๋‹ค. ์ด๋ ‡๊ฒŒ ํ‘œํ˜„ํ•˜๋ฉด ๊ตณ์ด 'Browse Recipes'๋ผ๋Š” ๊ฒฐ์ • ๊ณผ์ •์ด ํ•„์š” ์—†์–ด์ง„๋‹ค. ๊ทธ ์ฐจ์ด๊ฐ€ ์žˆ๊ณ , ๋‚˜๋จธ์ง€๋Š” ์ฒซ๋ฒˆ์งธ ํ”Œ๋กœ์šฐ ๋‹ค์ด์–ด๊ทธ๋žจ๊ณผ ๊ฐ™๋‹ค.

 

์™€์šฐ ์ƒ์•  ์ฒซ ์œ ์ € ํ”Œ๋กœ์šฐ ๋‹ค์ด์–ด๊ทธ๋žจ์„ ๋งŒ๋“ค์–ด๋ณธ ๊ฒƒ์ด๋‹ค! ๋‘๊ทผ๋‘๊ทผ.. ์ œ๋Œ€๋กœ ํ•œ ๊ฒƒ์ผ๊นŒ? ์ •์ง€ํ•ด๋’€๋˜ ์˜์ƒ์„ ๋‹ค์‹œ ํ”Œ๋ ˆ์ด ํ•ด๋ณธ๋‹ค. ๋ ์šฉ? ์˜ˆ์‹œ ๋‹ต์•ˆ์ด ์žˆ์„๊ฑฐ๋ผ ์ƒ๊ฐํ–ˆ๋Š”๋ฐ ์•„๋‹ˆ์—ˆ๋‹ค. ใ…Žใ…Ž ๊ธด๊ฐ€๋ฏผ๊ฐ€ํ•˜๋ฉฐ ๊ทธ๋ฆฌ๋ฉด์„œ ๊ธฐ์กด์˜ ์•ฑ๋“ค์„ ๊ฐ€์ง€๊ณ  ๊ทธ๋ ค๋ณด๋Š” ์—ฐ์Šต์„ ํ•˜๋ฉด ์ข‹๊ฒ ๋‹ค๋Š” ์ƒ๊ฐ์„ ํ–ˆ๋‹ค. ๋ฌด์—์„œ ์œ ๋ฅผ ์ƒ์ƒํ•ด๊ฐ€๋ฉฐ ๊ทธ๋ฆฌ๋ ค๋‹ˆ ์ƒ๊ฐ๋ณด๋‹ค ์‰ฝ์ง€ ์•Š์•˜๋‹ค. ํ‰์†Œ์— ์•ฑ์„ ์‚ฌ์šฉํ•  ๋•Œ ์–ด๋–ค ์‹์œผ๋กœ User Flow๋ฅผ ๊ตฌ์„ฑํ•˜๊ณ  ์žˆ๋Š”์ง€ ๋” ์ฃผ์˜ ๊นŠ๊ฒŒ ๋ณด๊ฒŒ ๋  ๊ฒƒ ๊ฐ™๋‹ค. ๋‚ด๊ฐ€ ์ž์ฃผ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋Š” ์•ฑ์„ ๊ฐ€์ง€๊ณ  User Flow Diagram์„ ๋ถ„์„ํ•ด๋ณด๋Š” ์—ฐ์Šต์„ ํฌ์ŠคํŒ…ํ•ด์•ผ๊ฒ ๋‹ค๊ณ  ๋‹ค์งํ–ˆ๋‹ค. ์ข‹์€ User Flow๋ฅผ ๋งŽ์ด ํ•™์Šตํ•˜๊ณ  ์ตํ˜€๋‘๋ฉด ๋‚˜์ค‘์— ๋‚ด๊ฐ€ ๊ตฌํ˜„ํ•˜๋ ค๋Š” ์„œ๋น„์Šค๋ฅผ ๋””์ž์ธํ•  ๋•Œ ๋„์›€์ด ๋งŽ์ด ๋˜๊ฒ ๋‹ค๋Š” ์ƒ๊ฐ์„ ํ–ˆ๋‹ค. 

 

๋‹ค์Œ ํฌ์ŠคํŒ…์€, '๊ธฐ์กด์˜ ์•ฑ์œผ๋กœ User Flow ๋ถ„์„ํ•˜๊ธฐ'๋กœ ๋Œ์•„์˜ค๊ฒ ๋‹ค!

728x90
๋ฐ˜์‘ํ˜•