๋ผ์ด๋ฉ์ผ๋ก ์ผ์์ ๋ฆฌํ๋ ์ฌํ๋ค, ๋ผ-ํ๋ ์ฌ
๊ธฐํ ์ค์ธ ์๋น์ค๊ฐ ์์ํ ํ์ ์ก์๊ฐ๋ฉด์, ์ง์นญํ ์ด๋ฆ์ด ํ์ํ๋ค. '๋ผ์ด๋ฉ+๋ฆฌํ๋ ์ฌ'์ ์๋ฏธ๋ฅผ ๋ด์ '๋ผํ๋ ์ฌ'๋ผ๊ณ ์ ํ๊ธฐ๋ก ํ๋ค. ์์ด๋ก ์ฐ์๋ฉด ์ข ์ ๋งคํด์ ธ์, ์ด ๋ถ๋ถ๋ค์ Wireframe๊น์ง ๊ทธ๋ฆฌ๊ณ ๋์ ๋ณธ๊ฒฉ์ ์ธ ๋ธ๋๋ฉ ์์ ์ผ๋ก ๋ค์ด๊ฐ ๋ ์ก์๊ฐ๋๋ก ํ๊ฒ ๋ค. ์ค๋์ ๋๋์ด, ๋ผํ๋ ์ฌ์ ์ ์ ํ๋ก์ฐ๋ฅผ ์์ฑํ๋ค.
User flow๋ฅผ ๊ทธ๋ฆฌ๊ธฐ ์ํด, ์ฐ๋ฆฌ์ ์ฌ์ฉ์์ ๊ทธ ์ฌ์ฉ์์ ๋ชฉํ๋ฅผ ๋ค์ ํ ๋ฒ ๊ฐ๊ฒฐํ๊ฒ ์ ๋ฆฌํด๋ณด์๋ค.
1. User: ์คํธ๋ ์ค ํด์ & ๊ฐ์ ๋ฐ๋์ค๋ฅผ ์ํด ๊ฐ๋ณ๊ฒ ๋ผ์ด๋ฉ์ ํ๋ ์ด์ฌ์ ๋ผ์ด๋
2. Goal:
1) ๊ฐ์ ์ฒดํฌ์ ๊ธฐ๋ก์ผ๋ก ๋์ ๋ง์์ํ ๋์๋ณด๊ณ , Mind Balance ์ ์ง๋ฅผ ์ํ ๊ฒฉ๋ ค์ ๋ผ์ด๋ฉ ๋๊ธฐ๋ถ์ฌ ์ป๊ธฐ.
2) ๋ผ์ด๋ฉ ์ ํ๋ก ๋ง์ ์ํ, ์๊ฐ ๋ณํ๋ฅผ ํ์ธํ๊ณ , ์ฃผํ๊ฑฐ๋ฆฌ/์ฃผํ์๊ฐ/์ฃผํ ์๋/์นผ๋ก๋ฆฌ ์๋ชจ๋/๋ผ์ด๋ฉ ๊ฒฝ๋ก์ง๋ ๊ธฐ๋ก ์ ์ฅํ๊ธฐ
+ ๊ท์ฌ์ด ์บ๋ฆญํฐ์์ Interaction์ผ๋ก ๋ผ์ด๋ฉ์ ๋ํ ์ฅ๋ฒฝ๊ณผ ๋ถ๋ด๊ฐ ๋ฎ์ถ๊ณ ์น์ํด์ง๊ธฐ
์์ผ๋ก ์ ์ด๋ณธ User Flow
1. Task Flow
๋น๋ฃจํ์ง๋ง, ์์ผ๋ก ์จ๋ณด์๋ค..
2. Lo-fi wireflow
์ง์ง ํ์ ํ์ง๋ง ์ปดํจํฐ๋ก ์ฎ๊ธฐ๊ธฐ ์ ์ ์์ผ๋ก ์์ด๋์์ด์ ํ๋ ๊ณผ์ ์ ๊ธฐ๋กํด๋๊ณ ์ถ์ด ์ ๋ก๋ํ๋ค. ์ผ๋จ ๋นจ๋ฆฌ ํ๋ก์ ํธ๋ฅผ ์ง์ฒ์์ผ ๋ชจ๋ ๋จ๊ณ๋ฅผ ๊ฒฝํํ๋ ๊ฒ์ด ๋ชฉํ๊ธฐ ๋๋ฌธ์, ์ต์ํ์ ๋ชฉํ๋ค๋ก ๊ตฌ์ฑํ๊ณ ์ ํ๋ค. Lo-fi wireflow๋ฅผ ๊ทธ๋ฆฌ๋ฉด์, ์ด๋ป๊ฒ ํ๋ฉด ๋ฒ๊ฑฐ๋กญ์ง ์๊ฒ ๋ค์ ์คํ ์ผ๋ก ๋์ด๊ฐ ์ ์์๊น๋ฅผ ๊ณ ๋ฏผํ๊ฒ ๋์๋ค.
ํนํ ์ ์ฌํ ๊ธฐ๋ฅ์ ์ ๊ณตํ๋, '๋ง์ธ๋ ์ปค๋ฅํธ', 'Dailo'์ ๊ฐ์ ๊ฐ์ ๊ธฐ๋ก ์ฑ๊ณผ ํฌ์ค์ผ์ด ๊ธฐ๋ก ์๋น์ค์ธ 'Nike Run Club'์ด๋ 'Relive', Strava'๊ฐ์ ๋ผ์ด๋ฉ ๊ธฐ๋ก ์ฑ๋ค์ ์ฐธ๊ณ ํ๋ค. ์ด์ ๋ค์ ํฌ์คํ ์์๋, Figma๋ฅผ ์ด์ฉํด์ ์์ ํ๋ฆํ ์ข ์ด ๋ฒ์ ์.. ์ข๋ ๊น๋ํ๊ฒ ์ฎ๊ฒจ๋ณด๋๋ก ํ๊ฒ ๋ค.... :) Wireframe์ ๋ํ ๋ณด๋ค ์์ธํ ๊ณต๋ถ ํฌ์คํ ์ด ์ ํ๋ ๊ฑฐ๋ค.
์ด๋๋ก๋ก๋ ํฌ์คํ ์ด ๋๋ฌด ํ์ ํด๋ณด์ฌ์, ์ผ๋ฌ์คํธ๋ก ๊ทธ๋ ค๋ณธ ๋ผ-ํ๋ ์ฌ์ ์บ๋ฆญํฐ ๋ผ๋ฉ์ด์ ์ฌํํ ์ปจ์ ์ด๋ฏธ์ง๋ฅผ ์ฒจ๋ถํ๋ค.
'๐คธโโ๏ธ Project Deep-Dive > โจํผ์ํ๋ ์๋น์ค ๊ธฐํ ์ฐ์ต' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
๐New Project! ์๋น์ค ์ธ์ฌ์ดํธ ๋์ถ์ ์ํ ๊ณ ๊ฐ์ธํฐ๋ทฐ ์ค๋นํ๊ธฐ (0) | 2020.11.03 |
---|---|
Design Project #7 ๋ฏธ์ค๋งต ๊ทธ๋ฆฌ๊ธฐ (0) | 2020.07.14 |
Design Project #6 ์์ฒด ์ค๊ฐ ์ ๊ฒ (0) | 2020.06.23 |
Design Project #5 ํผ์๋๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ์ ์ ์๋๋ฆฌ์ค User Scenario ๋ง๋ค๊ธฐ(feat. Le (0) | 2020.06.22 |
Design Project #4 ํผ์๋ ๋ง๋ค๊ธฐ 2ํ (0) | 2020.06.21 |