์๋ ํ์ธ์ ๋ฐ๊ฐ์ต๋๋ค.
ํผ๊ทธ๋ง ๊ฐ์ฌ์ด์ ํ๋ฆฌ๋์ ๋์์ด๋๋ก ํ๋ํ๊ณ ์๋ ๊ฝ๋ด๋์ ๋๋ค.
๐ผ ๊ฐ์ ์ค์ ํ์ฅ์ฌ์ง
์ฐ๋ฆฌ๊ฐ 0.01% ์ฒ์ฌ๊ฐ ์๋ ์ด์ ์ฐ๋ฆฌ๋ ๋์์ธ ํ ๋
๋ด ๋จธ๋ฆฟ์์ ์๋ ์์ค(Sources)๋ค์ ์กฐํฉํด์ ์ฐฝ์ํ๊ฒ ๋ฉ๋๋ค.
ํ์ง๋ง ๋ด ๋จธ๋ฆฟ์ ์ฐฝ๊ณ ๊ฐ ๊ทธ๋๋ก๋ฉด ์ด๋ป๊ฒ ๋ ๊น์?
๋งค๋ฒ ๋๊ฐ์ ๋์์ธ๋ง ๋์ค๊ฒ ๋ฉ๋๋ค.
๊ทธ๋์ ์ค๋นํ์ต๋๋ค...!
๐ฅ์ํด๋ฆฌ UI ๋์์ธ ๋ฐ๋ผ ๊ทธ๋ฆฌ๊ธฐ ์ฑ๋ฆฐ์ง | ํด๋ก ๋์์ธ๐ฅ
#ํจ๊ปํ๋ฉด ํ ์ ์๋ค
๋ค, ๋ฌด์กฐ๊ฑด ์์นํฉ๋๋ค.
์๋ํ๋ฉด ๊ทธ๋ฅ ๋ฐ๋ผ ๊ทธ๋ฆฌ๋ ๊ฒ ์๋๊ธฐ ๋๋ฌธ์ด์ฃ .
์ฑ๋ฆฐ์ง ๋ฐฉ๋ฒ์ ๋ณด์๋ฉด ๋จ 1๋ถ๋ง์ '์..์ด๊ฑฐํ๋ฉด ๋ฌด์กฐ๊ฑด ๋ ๋ฒจ์
ํ๊ฒ ๋ค'๋ ์๊ฐ์ด ๋์ค๊ฒ๋๋ค.
๋งค์ฃผ ๋ฐ๋ผ ๊ทธ๋ฆด ์๋น์ค 1๊ฐ์ง๋ฅผ ์ ํํ๋ค.
์ค์ ์๋น์ค๋ก ์ถ์๋ ํน์ Dribble๊ณผ ๊ฐ์ ๋ ํผ๋ฐ์ค ์ฌ์ดํธ์์ ์ฐพ์ ๊ฒ๋ ์ ๋ถ ๊ฐ๋ฅํฉ๋๋ค.
(๋ชจ๋ฐ์ผ, PC, ํ
๋ธ๋ฆฟ ๋ชจ๋ ๊ฐ๋ฅํฉ๋๋ค. ํด์ธ ์๋น์ค๋ ๋น์ฐํ ๊ฐ๋ฅํฉ๋๋ค.)
์ต์ 1์ฅ ~ ์ต๋ ๋ฌด์ ํ ๊ทธ๋ ค ์ธ์ฆํ๋ค. *ํ
ํ๋ฆฟ ์ ๊ณต
๋ฐ๋ผ ๊ทธ๋ฆฐ UI๋ฅผ ์ต์ 1์ฅ์ ์ ์ถํฉ๋๋ค.(์์งํ ์ฐ๋ฆฌ ์ผ์ฃผ์ผ์ ํ ์ฅ์ ํ ์ ์์์์..!)
๋ด ์์
์ ํ๊ฐํ๋ค. *ํ
ํ๋ฆฟ ์ ๊ณต
๋ถ๋ช
ํ ๋๊ฐ์ด ๋ฐ๋ผ ๊ทธ๋ ธ์ง๋ง ์๋ ๋ถ๋ถ์ด ์์ ๊ฒ๋๋ค.
์ธ๊ฐ์ด๋๊น์. ์ฐ๋ฆฌ๋ ๋น์ฐํฉ๋๋ค, ๊ด์ฐฎ์ต๋๋ค:)
์ค์ค๋ก์ ์์
์ ํ๊ฐํด๋ณด๋ฉฐ ์ฑ์ฅํ๋ ๊ฒ์ด ์ค์ํฉ๋๋ค!
๋ด๊ฐ ์ ํํ ์๋น์ค๋ฅผ ๋ถ์ํ๋ค. *ํ
ํ๋ฆฟ ์ ๊ณต
์ค๋ง ๊ทธ๋ฅ ๋ฐ๋ผ ๊ทธ๋ฆฌ๊ณ ๋์ด๋ผ๊ณ ์๊ฐํ์
จ๋์?
์ฐ๋ฆฌ๋ T์ํ ์ธ์ฌ ๊ฐ ๋๊ธฐ ์ํด UI๋ฟ ์๋๋ผ UX๋ ๋ถ์ํฉ๋๋ค.
UI๋ฅผ ๋ฐ๋ผ ๊ทธ๋ฆฌ๊ธฐ๋ฅผ ๋ง์ณค์ผ๋ฉด ์๋น์ค์ ๋ ๋น ์ญํด์ง ๋๋ฅผ ๋ฐ๊ฒฌํ ๊ฒ๋๋ค.
๐ผ ํ ํ๋ฆฟ ์ํ
์๋ณธ(๋ฐ๋ผ๊ทธ๋ฆด ์๋น์ค)์ ์ผ์ชฝ์ ๋ด ํ๋ ์์ ์ค๋ฅธ์ชฝ์ ๋ก๋๋ค.
โ์ /๋/์/๋ผ/์ : ์๋ณธ์ ๊ฒน์ณ์ ๊ทธ ์์ ๋ฐ๋ผ ๊ทธ๋ฆฌ์ง ์์ต๋๋ค. ๋ฌด์กฐ๊ฑด ์์ ๋ก๋๋ค!
๋ด ๋์ ๋ฏฟ๊ณ ๋ฐ๋ผํ๊ธฐ ์์
์ ์์ํฉ๋๋ค.
๊ฐ๊ฒฉ์ ์ผ๋ง๋ก ๋๊ฑฐ์ง? ํฐํธ๋ ๋ฌด์์ ์ผ์๊น? ์์์ ์ด๋ค๊ฑฐ์ง? ํ๋ํ๋ ์ถ์ธกํด๋ณด๋ฉฐ ์์
์ ์์ํฉ๋๋ค.
โ์ /๋/์/๋ผ/์ : ์์ ์คํฌ์ด๋๋ก ์ฝ! ์ฐ๋ ๊ฑฐ ์๋ฉ๋๋ค. ๊ฐ๊ฒฉ ์ผ๋ง์ธ์ง ์๋ก ์ฌ์ ์์๋ณด๊ธฐ ์ด๋ฐ๊ฑฐ ์๋ฉ๋๋ค. ์์ด์ฝ ๋์ฒดํด์ ์ฐ๊ธฐ ์๋ฉ๋๋ค.
โ
์ด ๋ถ๋ถ์ ํ์ฉ๋ผ์ : ์ด๋ฏธ์ง์ ๊ฒฝ์ฐ ์บก์ณํด์ ์ฌ์ฉํ๊ธฐ, ๋น์ทํ ํฐํธ๋ก ๋์ฒดํ๊ธฐ
์์ฑ๋ ํ ์๋ณธ๊ณผ ๊ฒน์ณ์ ๋ค๋ฅธ ์ ์ ์ค์ค๋ก ์ฒดํฌํ๋ค.
๋ง์ง๋ง ๊ณผ์ ์ ํตํด ์ฐ๋ฆฌ๋ ์ด๋ฐ ๊ฒ์ ๊นจ๋ซ๊ฒ ๋ฉ๋๋ค.
โ ์ค๋ธ์ ํธ๊ฐ์ ๊ฐ๊ฒฉ
โ ๋ ์ด์์ ๊ท์น
โ ์์ ์์คํ
โ ์์ด์ฝ ๋ง๋ค๊ธฐ ์คํฌ์
โ ์ฌ๊ณ ํ๋ ๋
๋ถ์ ํ
ํ๋ฆฟ์ ํ์ฉํด ํ๊ฐ ๋ฐ ๊นจ๋ฌ์ ๋ฐ๋ฅผ ์์ฑํ๋ค.
[๋ถ์ ํ
ํ๋ฆฟ ์์ ]
โ ํด๋น ์๋น์ค์ ์ด๋ฆ๊ณผ ๊ฐ๋ต ์๊ฐ
โ ์ฃผ์ ์ ๋ํ ์๋น์ค๋ง์ ํน์ง ์)์ฃผ์ ๊ฐ ๋ก๊ทธ์ธ์ด์๋ค๋ฉด, ํด๋น ์๋น์ค์ ๋ก๊ทธ์ธ ํน์ง์ ์ค๋ช
โ ๋ฐ๋ผ ๊ทธ๋ฆฌ๋ฉด์ ๋ฐ๊ฒฌํ ์๋น์ค์ ์ข์๋ UXUI ํด๋น ์ฃผ์ ์ ๊ด๋ จํด ์๋น์ค๊ฐ ์ด๋ป๊ฒ UI๋ก ํ์ด๋๋์ง ๊ณ ๋ฏผํด๋ณด์ธ์.
โ ๋ฐ๋ผ ๊ทธ๋ฆฌ๋ฉด์ ๋ฐ๊ฒฌํ ์๋น์ค์ ์์ฌ์ ๋ UXUI ์ด์ ๋ฅผ ๊ฐ์ด ์ค๋ช ํด์ฃผ์ธ์. ๋ํ ์์ฌ์ด ๊ฒ์์ ๋๋์ง ์๊ณ ์ด๋ป๊ฒ ํ๋ฉด ๊ฐ์ ํ ์ ์์๊น๋ ๊ฐ์ด ์๊ฐํด๋ณด์ธ์!
โ ๋ฐ๋ผ ๊ทธ๋ฆฌ๋ฉด์ ์ค์ค๋ก ์ํ๋ค๊ณ ์๊ฐํ ๋ถ๋ถ ์ด์ ๋ฅผ ๊ฐ์ด ์ค๋ช ํด์ฃผ๋ฉด ์ข๊ฒ ์ฃ ?
โ ๋ฐ๋ผํ๋ฉด์ ์ด๋ ค์ ๋ ๋ถ๋ถ ๋ฐ๋ผํ๋ฉด์ ์ด๋ ค์ ๊ฑฐ๋ ์์ํ ๊ฒ๊ณผ ๋ฌ๋๋ ์ ์ ์ด์ผ๊ธฐํด๋ณด์ธ์.
โ (์ต์
) ๋ ์๋ํ๊ณ ์ถ์ ๋ถ๋ถ ์ฌ๋์ ํด๋ณด๊ณ ์ถ๋ค๋ ์ง, ํด๋น ์๋น์ค์ ๋ชจ๋ UI๋ฅผ ๋ฐ๋ผํด๋ณด๊ฒ ๋ค๋ ์ง, ์๋น์ค์ ๋์์ธ์์คํ
์ ๋ง๋ค์ด๋ณด๊ณ ์ถ๋ค๋ ์ง ๋ฑ ์์ ๋กญ๊ฒ ์ ๊ณ ์ค์ฒํด๋ณด์ธ์!
์ด 2๊ฐ์ง๋ฅผ ์ ์ถํ์๋ฉด ์ธ์ฆ ์ฑ๊ณต์ ๋๋ค!
1๏ธโฃ ์์ ํ Figma ๋งํฌ(View ๊ถํ)
โ ํ์ : ์๋ณธ๊ณผ ๋ด๊ฐ ๋ฐ๋ผ ๊ทธ๋ฆฐ UI (์ต์ 1์ฅ)
โ ์ต์ 1 : ์์ฑ ํ, ์๋ณธ๊ณผ ๋ด๊ฐ ๊ทธ๋ฆฐ ๊ฒ์ ๊ฒน์น ๋ชจ์ต
โ ์ต์ 2 : ๊ฒน์น ํ ํ๋ฆฐ ๋ถ๋ถ์ ์์ ํ ๋ชจ์ต
2๏ธโฃ ์ฃผ์ ์ ๋ํ ํด๋ก ์์ ํ๊ธฐ๋ ์์ ์๊ฐํ [๋ถ์ ํ ํ๋ฆฟ]์ ํ์ฉํ๋ค.
์ฑ๋ฆฐ์ง ์ธ์ฆ๋ฐฉ๋ฒ์ ๋ํ ์ค๋ช ์ ๋ ธ์ ์ ๋ค์ ์ ๋ฆฌ๋์ด์์ด์!
๐๋ ธ์ ๋งํฌ ๋ฐ๋ก๊ฐ๊ธฐ
๋งค์ฃผ ์์์ผ 00์๋ถํฐ ์ผ์์ผ 23:59๊น์ง
์๊ฐ์ ์๊ด์์ด ์ผ์์ผ๊น์ง ํด์ผ ์ธ์ ๋ฉ๋๋ค!
๋ง์ต๋๋ค. ์ฌ์ค ์ฌ๋ฌ๋ถ์ด ๊ฒน์ณ์ ๊ทธ๋ ธ๋์ง ์๋์ง๋ ์ ๊ฐ ๋ค ์ ์๋ ์์ต๋๋ค.
ํ์ง๋ง ๋ณธ์ธ์ ์๊ฒ ์ฃ . ๋ด๊ฐ ์ด๋ ๊ฒํ๋ฉด 9,900์ ๊ทธ๋ฅ ๋ ๋ฆฌ๋ ๊ฒ์ด๋ผ๋ ๊ฑธ...๐ธ
๊ทธ๋์ ์ค๋นํ,
์ฌ๋ฌ๋ถ๋ค์ ๋๊ธฐ๋ถ์ฌ๋ฅผ ๋์ฑ ๋์ด๊ธฐ์ํด ์์ ๋ณด์์ ์ค๋นํ์ต๋๋ค.
1์ฃผ ์ฑ๊ณต ์ 1,000์
๋งค์ฃผ ์ฑ๊ณต ์ 4,000์
๋งค์ฃผ ์ฐธ์ฌํด์ ๋๋ ๋ฐ๊ณ ์ค๋ ฅ๋ ์๊ณ ๊ณต๋ถ๋ ํ์๋ ํ ๋ฒ์ 3๋ง๋ฆฌ ํ ๋ผ ๋ชจ๋ ์ก์๊ฐ์ธ์!
๊ทธ๋ ๋ค๋ฉด ๊ณ ๋ฏผํ์ง ๋ง๊ณ ์ง๊ธ ๋ฐ๋ก ์์ํ์ ์ผ ํฉ๋๋ค.
์ฑ๋ฆฐ์ง๋ฅผ ํตํด ์ป์ด ๊ฐ์ค ๊ฒ ๊ฐ์ฅ ๋ง์ ๋ถ์ด์๋๊น์!
๋งค์ฃผ ๊ธ์์ผ or ํ ์์ผ ์คํ 6์ ๊ฝ๋ด๋ ์ ํ๋ธ์์ ์ค์๊ฐ์ผ๋ก ์ฑ๋ฆฐ์ง ์ฐธ์ฌ ๋ชจ์ต์ ๋ณด์ฌ๋๋ฆด๊ฒ์!
์ ๋ ๊ฐ์ด ๋ ๋ค๋ฉด์ ์ฑ๋ฆฐ์ง ํ์๋ฉด ์ฌ์ธ ๊ฑฐ์์:)
๐์ฌ์์์ด ์ฑ์ฅํ UXUI ๋์์ด๋ ๊ฝ๋ด๋ ์ ํ๋ธ
-
๐ฉ๐ปโ๐ผPM/PO/๊ธฐํ์์ ๊ฒฝ์ฐ, flow๋ฅผ ๊ทธ๋ฆฌ๊ณ ํ๋ฉด์ ๊ทธ๋ฆฌ๋ ๋ฐ์์ ์ ํด์ผํ๋ ์์ฃผ ์ค์ํ ์์น์ ๋๋ค.
๐ง๐ปโ๐ป๊ฐ๋ฐ์์ ๊ฒฝ์ฐ, ๋์์ด๋๊ฐ ๋ง๋ ๋์์ธ์ ์๋์ ์ผ๋ก ๋ฐ์๋ค์ด์ง ์๊ฒ ๋ฉ๋๋ค.
๐ฉ๐ปโ๐จ๋ง์ผํฐ์ ๊ฒฝ์ฐ, ์ฐ๋ฆฌ ์๋น์ค๋ฅผ ๋ ์์ธํ ์ดํดํ๊ณ ๊ฐ์ ์ ํ์ ํ์ฌ ์๋น์ค๋ฅผ ์๋ฆฌ๋๋ฐ ๋์์ด ๋ฉ๋๋ค.
์ ๊ฐ ๋งค์ฃผ ์ฃผ๋ง๋ง๋ค ์คํ๋ผ์ธ์ผ๋ก ์ด์ํ๊ณ ์๋
๐ฅํ๋ฃจ์์ฑ(์๋ฐ์ด) ํผ๊ทธ๋ง์คํฐ๋ - UI๋ง๋ค๊ธฐ | ์์ด๋ณด๐ฅ๋ฅผ ์๊ฐํ์ธ์.
๋งค์ฃผ ํ ์์ผ์ ์คํํฉ๋๋ค.
๋ฐ๋ก ์ด ์ฑ๋ฆฐ์ง์ ์ฐธ์ฌํ ์ ์๋ ์ค๋ ฅ์ด ๋ฌด.์กฐ.๊ฑด ๋ฉ๋๋ค.
๐์คํฐ๋ ๊ตฌ๊ฒฝํ๋ฌ ๊ฐ๊ธฐ
๋ค์์ ๋์์ด๋๊ฐ ์๋ ๋ํ์/์ทจ์ค์/๊ธฐํ์/๋ง์ผํฐ ์ฌ์ง์ด ๊ฐ๋ฐ์๊ฐ ํ๋ฃจ๋ง์ ํผ๊ทธ๋ง ๋ฐฐ์ฐ๊ณ UI๋ ๋ง๋ ๊ฒฐ๊ณผ๋ฌผ์ ๋๋ค.