๋’ค๋กœ
๊น€์„œ์—ฐ
๊น€์„œ์—ฐ ·

๐Ÿฆ„ ์‹ค์ „์ฐฝ์—…ํ•™ํšŒ UNIS 6๊ธฐ ์ •๊ธฐ๋ชจ์ž„ #12

Dev-Ready ๊ธฐํš ์‹ค์ „ #1 | 2025๋…„ 6์›” 25์ผ(์ˆ˜)

์•ˆ๋…•ํ•˜์„ธ์š”, ์ดํ™”์—ฌ์ž๋Œ€ํ•™๊ต ์‹ค์ „์ฐฝ์—…ํ•™ํšŒ UNIS์ž…๋‹ˆ๋‹ค.


12๋ฒˆ์งธ ์ •๊ธฐ๋ชจ์ž„์—์„œ๋Š” ์‹ค์ „ ์ฐฝ์—… ํ”„๋กœ์ ํŠธ์˜ ํ•ต์‹ฌ์ธ
Dev-Ready ๊ธฐํš ๋ฌธ์„œ ์ž‘์„ฑ๊ณผ ์‹ค๋ฌด ํ˜‘์—… ์ค€๋น„๋ฅผ ์ค‘์‹ฌ์œผ๋กœ ์‹ค์Šต์ด ์ง„ํ–‰๋˜์—ˆ์Šต๋‹ˆ๋‹ค.


๐Ÿ“ ๋ชจ์ž„ ๊ฐœ์š”

  • ์ผ์‹œ: 2025๋…„ 6์›” 25์ผ(์ˆ˜) 19:00โ€“21:00

  • ์žฅ์†Œ: ์ดํ™”์—ฌ์ž๋Œ€ํ•™๊ต ํ•™๊ด€ 655ํ˜ธ

  • ์ฃผ์ œ: IA, ์œ ์ € ํ”Œ๋กœ์šฐ, ์™€์ด์–ดํ”„๋ ˆ์ž„ ์‹ค์Šต & ํŒ€๋ณ„ ๊ธฐํš ์ •๋ฆฌ

  • ์ค€๋น„๋ฌผ: ๋…ธํŠธ๋ถ ๋˜๋Š” ์•„์ดํŒจ๋“œ


1๏ธโƒฃ SESSION #1 | Dev-Ready ๊ธฐํš ์‹ค์ „

๋ณธ ์„ธ์…˜์—์„œ๋Š” ๊ธฐํš์ž, ๋””์ž์ด๋„ˆ, ๊ฐœ๋ฐœ์ž, ๋งˆ์ผ€ํ„ฐ๊ฐ€ ํ˜‘์—…ํ•˜๊ธฐ ์œ„ํ•ด ๊ณตํ†ต์ ์œผ๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ๋ฌธ์„œ ์ž‘์„ฑ๋ฒ•์„ ํ•™์Šตํ–ˆ์Šต๋‹ˆ๋‹ค.

IMG_6149.webp

๐Ÿ“Œ ์ง๋ฌด๋ณ„ ์—ญํ•  ์ดํ•ด

  • ๋งˆ์ผ€ํ„ฐ: ์‚ฌ์šฉ์ž ํŽ˜๋ฅด์†Œ๋‚˜ ์ •์˜, ํ•ต์‹ฌ ๊ฐ€์น˜ ๋ฉ”์‹œ์ง€ ์„ค๊ณ„, ์‹œ์žฅ์กฐ์‚ฌ ๋ฐ ๊ธฐ๋Šฅ ์ˆ˜์š” ํŒ๋‹จ

  • ๊ธฐํš์ž: IA ๋ฐ ์œ ์ € ํ”Œ๋กœ์šฐ ์„ค๊ณ„, ๊ธฐ๋Šฅ ๋ช…์„ธ์„œ ์ž‘์„ฑ, ์šฐ์„ ์ˆœ์œ„ ์„ค์ •, ์˜ˆ์™ธ ์ผ€์ด์Šค ์ •์˜

  • ๋””์ž์ด๋„ˆ: UX ํ”Œ๋กœ์šฐ ์„ค๊ณ„, ํ™”๋ฉด ํ๋ฆ„๋„ ์ž‘์„ฑ, ์™€์ด์–ดํ”„๋ ˆ์ž„ ์ œ์ž‘, UI ํ•ด์„ ๋ฐ ์—ฐ๊ฒฐ

  • ๊ฐœ๋ฐœ์ž: ์‹คํ˜„ ๊ฐ€๋Šฅ์„ฑ ํŒ๋‹จ, ๊ธฐ๋Šฅ ๊ตฌํ˜„, API ์—ฐ๋™, ๊ธฐํš ๋ฌธ์„œ ํ•ด์„ ๋ฐ ์˜ˆ์™ธ ๋Œ€์‘


๐Ÿ“Œ ๊ธฐํš ๋ฌธ์„œ

IA (Information Architecture)

โœ… ์ •์˜

์„œ๋น„์Šค ๋‚ด ์ฝ˜ํ…์ธ ์˜ ๊ตฌ์กฐ์™€ ํ๋ฆ„์„ ์ •๋ฆฌํ•œ ์„ค๊ณ„๋„
๋””์ž์ด๋„ˆ์™€ ๊ฐœ๋ฐœ์ž๊ฐ€ ์ „์ฒด ๊ตฌ์กฐ๋ฅผ ํ•œ๋ˆˆ์— ํŒŒ์•…ํ•  ์ˆ˜ ์žˆ๋„๋ก ์ž‘์„ฑ๋จ

โœ… ๋ชฉ์ 

  • ์–ด๋–ค ์ •๋ณด๊ฐ€ ์–ด๋””์— ์œ„์น˜ํ•ด์•ผ ํ•˜๋Š”์ง€ ์ •๋ฆฌ

  • ์‚ฌ์šฉ์ž๊ฐ€ ์ฝ˜ํ…์ธ ์— ์–ด๋–ป๊ฒŒ ์ ‘๊ทผํ•˜๋Š”์ง€ ํŒŒ์•…

  • ๊ฐ ํ™”๋ฉด/๊ธฐ๋Šฅ์˜ ์—ฐ๊ฒฐ ๋‹จ๊ณ„ ์ดํ•ด

  • ์ „์ฒด ์„œ๋น„์Šค ๊ตฌ์กฐ์˜ ๊นŠ์ด(Depth)๋ฅผ ์‹œ๊ฐํ™”ํ•˜์—ฌ ์„ค๊ณ„

โœ… ํŠน์ง•

  • ์Šคํ”Œ๋ž˜์‹œ, ํŠœํ† ๋ฆฌ์–ผ, ํšŒ์›๊ฐ€์ž…, ๋กœ๊ทธ์ธ, ๋‚ด๋น„๊ฒŒ์ด์…˜ ๋“ฑ ์ „์ฒด ํ™”๋ฉด ํฌํ•จ

  • Depth(๊ณ„์ธต) ๊ตฌ์กฐ๊ฐ€ ๋ช…ํ™•ํžˆ ๊ตฌ๋ถ„๋˜์–ด ์žˆ์–ด์•ผ ํ•จ

  • ๋””์ž์ด๋„ˆ์™€ ๊ฐœ๋ฐœ์ž๋ฅผ ์œ„ํ•œ ํ˜‘์—… ๋„๊ตฌ

  • ํŠธ๋ฆฌ ๊ตฌ์กฐ ๋˜๋Š” ํ‘œ ๊ตฌ์กฐ ํ˜•์‹์œผ๋กœ ํ‘œํ˜„ ๊ฐ€๋Šฅ


์œ ์ € ํ”Œ๋กœ์šฐ (User Flow)

โœ… ์ •์˜

์‚ฌ์šฉ์ž์˜ ๋ชฉํ‘œ ๋‹ฌ์„ฑ์„ ์œ„ํ•œ ํ–‰๋™ ์‹œ๋‚˜๋ฆฌ์˜ค

โœ… ๋ชฉ์ 

  • ์‚ฌ์šฉ์ž๊ฐ€ ์–ด๋–ค ํ๋ฆ„์œผ๋กœ ์„œ๋น„์Šค๋ฅผ ์‚ฌ์šฉํ•˜๋Š”์ง€ ํŒŒ์•…

  • UX ์„ค๊ณ„์˜ ์ถœ๋ฐœ์ ์œผ๋กœ ํ™œ์šฉ

  • ๋ชฉํ‘œ ์ง€ํ–ฅ์ ์ธ ๊ฒฝ๋กœ๋ฅผ ์‹œ๊ฐ์ ์œผ๋กœ ์„ค๊ณ„

โœ… ํŠน์ง•

  • ์˜ˆ: ํšŒ์›๊ฐ€์ž… โ†’ ํ”ผ๋“œ ๋‘˜๋Ÿฌ๋ณด๊ธฐ โ†’ ์ €์žฅ

  • ์‚ฌ์šฉ์ž ๊ด€์ ์—์„œ์˜ ํ–‰๋™ ํ๋ฆ„์„ ๊ฐ„๊ฒฐํ•˜๊ฒŒ ์ •๋ฆฌ

  • ๊ฐœ๋ฐœ ์ „ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ์‹œ๋ฎฌ๋ ˆ์ด์…˜ํ•  ์ˆ˜ ์žˆ์Œ


ํ™”๋ฉด ํ๋ฆ„๋„ (Screen Flow)

โœ… ์ •์˜

์‹ค์ œ UI ํ™”๋ฉด ๊ฐ„์˜ ์ „ํ™˜ ํ๋ฆ„์„ ์‹œ๊ฐ์ ์œผ๋กœ ํ‘œํ˜„ํ•œ ํ๋ฆ„๋„

โœ… ๋ชฉ์ 

  • ์„œ๋น„์Šค ๋‚ด ๊ฐ ํ™”๋ฉด์˜ ์—ฐ๊ฒฐ ๊ด€๊ณ„๋ฅผ ๋ช…ํ™•ํ•˜๊ฒŒ ํŒŒ์•…

  • ๊ฐœ๋ฐœ ๋ฐ ๋””์ž์ธ ์ž‘์—… ์‹œ ํ๋ฆ„์— ๋”ฐ๋ฅธ ํ™”๋ฉด ์ „ํ™˜ ๊ธฐ์ค€ ์ œ๊ณต

โœ… ํŠน์ง•

  • ์˜ˆ: ํ™”๋ฉด A โ†’ B โ†’ C (ํƒญ ์ด๋™, ๋ฒ„ํŠผ ํด๋ฆญ ๋“ฑ)

  • ์‚ฌ์šฉ ๊ธฐํ˜ธ

    • ๋์ด ๋‘ฅ๊ทผ ์‚ฌ๊ฐํ˜•: ์‹œ์ž‘/๋

    • ํ™”์‚ดํ‘œ: ํ๋ฆ„ ์ˆœ์„œ

    • ํ‰ํ–‰์‚ฌ๋ณ€ํ˜•: ๋ฐ์ดํ„ฐ ์ž…์ถœ๋ ฅ

    • ์ง์‚ฌ๊ฐํ˜•: ์‹คํ–‰ ์ž‘์—…

    • ๋งˆ๋ฆ„๋ชจ: ์กฐ๊ฑด ๋ถ„๊ธฐ

  • ์œ ์ € ํ”Œ๋กœ์šฐ๋ณด๋‹ค ์‹ค์ œ UI์™€์˜ ์—ฐ๊ฒฐ์„ฑ ๊ฐ•์กฐ


์™€์ด์–ดํ”„๋ ˆ์ž„ (Wireframe)

โœ… ์ •์˜

ํ™”๋ฉด์˜ ๋ผˆ๋Œ€๋ฅผ ์„ค๊ณ„ํ•˜๋Š” ๋„์‹์œผ๋กœ, ๊ตฌ์กฐ์™€ ๊ธฐ๋Šฅ ์ค‘์‹ฌ์˜ ๋ ˆ์ด์•„์›ƒ ์„ค๊ณ„๋„

โœ… ๋ชฉ์ 

  • ์–ด๋–ค ์ •๋ณด๊ฐ€ ๋‚˜ํƒ€๋‚˜์•ผ ํ•˜๋Š”์ง€ ์‹œ๊ฐํ™”

  • ๋ ˆ์ด์•„์›ƒ ๋ฐ ์—ฐ๊ฒฐ ํ๋ฆ„ ๊ตฌ์„ฑ

  • ์‚ฌ์šฉ์ž ํ๋ฆ„์„ ๊ณ ๋ คํ•ด ๊ธฐ๋Šฅ ๋ฐฐ์น˜

โœ… ํŠน์ง•

  • Low-Fi (Low Fidelity):

    • ๋น ๋ฅธ ๊ตฌ์กฐ ์„ค๊ณ„์šฉ, ํ‘๋ฐฑยทํ…์ŠคํŠธ ์ค‘์‹ฌ

  • Hi-Fi (High Fidelity):

    • ์‹ค์ œ UI์™€ ์œ ์‚ฌํ•˜๊ฒŒ ์‹œ๊ฐํ™” (์ƒ‰์ƒ, ํฐํŠธ, ์ปดํฌ๋„ŒํŠธ ํฌํ•จ)

  • ๊ธฐ๋Šฅ ์˜๋„๋ฅผ ํŒ€์› ๊ฐ„ ๋ช…ํ™•ํžˆ ์ „๋‹ฌํ•˜๋Š” ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜ ๋„๊ตฌ


2๏ธโƒฃ SESSION #2 | ํŒ€๋ณ„ ์‹ค์Šต

๊ฐ ํŒ€์€ ์ž์‹ ๋“ค์˜ ์ฐฝ์—… ์•„์ดํ…œ์„ ๋ฐ”ํƒ•์œผ๋กœ ๋‹ค์Œ ํ•ญ๋ชฉ์„ ์‹ค์Šตํ–ˆ์Šต๋‹ˆ๋‹ค:

  • IA ๊ตฌ์กฐ๋„

  • ์œ ์ € ํ”Œ๋กœ์šฐ ์ฐจํŠธ

  • Low-Fi ์™€์ด์–ดํ”„๋ ˆ์ž„

  • ํ™”๋ฉด ํ๋ฆ„๋„

๐Ÿ’ก ์‹ค์Šต์€ ๋ชจ๋‘ ํ”ผ๊ทธ๋งˆ(Figma)๋ฅผ ํ™œ์šฉํ•ด ์ง„ํ–‰๋˜์—ˆ์œผ๋ฉฐ,
๋ชจ๋“  ์ž‘์—…๋ฌผ์€ 7์›” 1์ผ(ํ™”) 23:59๊นŒ์ง€ ์‚ฐ์ถœ๋ฌผ DB์— ์ œ์ถœ ์˜ˆ์ •์ž…๋‹ˆ๋‹ค.


โœจ ๋งˆ๋ฌด๋ฆฌ ๋ฐ ๋‹ค์Œ ์ผ์ •

์ด๋ฒˆ ์‹ค์Šต์„ ํ†ตํ•ด ์ถ”์ƒ์ ์ธ ์•„์ด๋””์–ด๊ฐ€ ์ ์ฐจ
๊ตฌํ˜„ ๊ฐ€๋Šฅํ•œ ์„œ๋น„์Šค ํ˜•ํƒœ๋กœ ๊ตฌ์ฒดํ™”๋˜๊ณ  ์žˆ์Œ์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค.

๐Ÿ”œ ๋‹ค์Œ ์ •๊ธฐ๋ชจ์ž„์—์„œ๋Š” UI ๋””์ž์ธ ๊ตฌ์ฒดํ™” ๋ฐ ์ง๋ฌด๋ณ„ ์ ๊ฒ€์„ ํ†ตํ•ด
๋”์šฑ ์‹ค์งˆ์ ์ธ Dev-Ready ์ƒํƒœ๋กœ ๋‚˜์•„๊ฐˆ ์˜ˆ์ •์ž…๋‹ˆ๋‹ค.

์•ž์œผ๋กœ๋„ UNIS๋Š” ์‹ค์ „ ๊ฒฝํ—˜์„ ๊ธฐ๋ฐ˜์œผ๋กœ
๋„์ „ํ•˜๋Š” ์ฐฝ์—…๊ฐ€๋กœ ์„ฑ์žฅํ•˜๊ธฐ ์œ„ํ•œ ์—ฌ์ •์„ ์ด์–ด๊ฐ€๊ฒ ์Šต๋‹ˆ๋‹ค ๐Ÿ’ช

์ด๊ธ€๋ฃจ(EGL) ๊ทธ๋ฃน์˜ ๊ธ€
0

๋Œ“๊ธ€

๋กœ๊ทธ์ธ ํ›„ ๋Œ“๊ธ€์„ ๋‚จ๊ธธ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์•„์ง ๋Œ“๊ธ€์ด ์—†์Šต๋‹ˆ๋‹ค.