It continues.

์“ธ๋ชจ์—†๋Š” ๊ฒฝํ—˜์€ ์—†๋‹ค.

๐Ÿค“ ํ”„๋กœ๋•ํŠธ ๋””์ž์ธ์บ ํ”„ 6๊ธฐ/์ˆ˜์—… ๋ฐ ์‹ค์Šต

(DAY44) GPT๋ฅผ ํ™œ์šฉํ•œ ๋””์ž์ธ ํ”„๋กœ์„ธ์Šค ์ˆ˜ํ–‰

mizi.Design 2025. 11. 13. 22:41

 

์•ˆ๋…•ํ•˜์„ธ์š” :)

๊ทธ๋™์•ˆ ํ”„๋กฌํ”„ํŠธ ์—”์ง€๋‹ˆ์–ด๋ง ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ๋ฐฐ์› ์—ˆ๋Š”๋ฐ์š”, ์˜ค๋Š˜์€ ๋ฐฐ์šด๊ฒƒ์„ ํ™œ์šฉํ•˜์—ฌ ๋””์ž์ธ ํ”„๋กœ์„ธ์Šค์— ์ ‘๋ชฉํ•˜๋Š” ๋ฒ•์„ ๋ฐฐ์› ์Šต๋‹ˆ๋‹ค.

์˜ค๋Š˜์—์„œ์•ผ ์ง€๊ธˆ๊นŒ์ง€ ํ”„๋กฌํ”„ํŠธ ์—”์ง€๋‹ˆ์–ด๋ง ๋ฐฐ์šด ์ด์œ ๋ฅผ ์•Œ๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค๐Ÿ˜ณ

 


 

 

โœ๏ธ์˜ค๋Š˜์˜ ํ•™์Šต

ํ…์ŠคํŠธ ํ”„๋กฌํ”„ํŠธ ์—”์ง€๋‹ˆ์–ด๋ง ๊ธฐ๋ฒ• ์•Œ์•„๋ณด๊ธฐ

- ํŽ˜๋ฅด์†Œ๋‚˜ ๊ธฐ๋ฒ•
- ์˜ˆ์‹œ ๊ธฐ๋ฒ•
- ํ˜•์‹ ๊ธฐ๋ฒ•
- ์‚ฌ๊ณ  ๊ธฐ๋ฒ•

ํ˜•์‹ ๊ธฐ๋ฒ• ์ค‘, ์ฑ—GPT ํ”„๋กฌํ”„ํŠธ ํ”„๋ ˆ์ž„์›Œํฌ ํ™œ์šฉํ•˜๊ธฐ (RTF, TAG, BAB, CARE, RISE)

์‹ค์Šต 1) ํ”„๋กฌํ”„ํŠธ ํ”„๋ ˆ์ž„์›Œํฌ ์จ๋ณด๊ธฐ

์‹ค์Šต 2) Relume ์ฒดํ—˜ํ•ด๋ณด๊ธฐ

์‹ค์Šต 3) Workout / Exercise UI ๊ทธ๋ฆฌ๊ธฐ ๋ฏธ์…˜

์‹ค์Šต 4) Itinerary UI ๋””์ž์ธ

 

 

 

๐Ÿ“–์˜ค๋Š˜์˜ ํ•ต์‹ฌ

๋”๋ธ” ๋‹ค์ด์•„๋ชฌ๋“œ ๋””์ž์ธ ํ”„๋กœ์„ธ์Šค ๋‹จ๊ณ„๋งˆ๋‹ค AI๋ฅผ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ์—ญ๋Ÿ‰ ์Šต๋“ํ•˜๊ธฐ

 

 

 

 

 

๐Ÿ“์ˆ˜์—… ๋‚ด์šฉ ๋ฉ”๋ชจ์žฅ๐Ÿ‘‡๐Ÿป

๋”๋ณด๊ธฐ

๐Ÿ“์ˆ˜์—… ๋‚ด์šฉ ๋ฉ”๋ชจ์žฅ

 

์ง€๊ธˆ๊นŒ์ง€ ํ”„๋กฌํ”„ํŠธ ์—”์ง€๋‹ˆ์–ด๋ง ๋ฐฐ์šด ์ด์œ 

= ๋””์ž์ธ ํ”„๋กœ์„ธ์Šค ๋‹จ๊ณ„๋งˆ๋‹ค AI๋ฅผ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค!โ˜๐Ÿป

 

์•ฑ ๋””์ž์ธ๋งŒ ํ•˜๋Š”๊ฒŒ ์•„๋‹ˆ๋ผ ex ๋น„์ „ ํ”„๋กœ ์ธํ„ฐํŽ˜์ด์Šค ๋””์ž์ธ ๋“ฑ์œผ๋กœ ์ ์ฐจ ์—ญํ• ์ด ๋ณ€ํ™”๋˜๊ณ  ์žˆ๋‹ค.

 

 

- ์—”์ง€๋‹ˆ์–ด๋ง์„ ํ•  ์ค„ ์•Œ์•„์•ผ ํ•จ

- ์˜์‚ฌ๊ฒฐ์ • ํ•  ์ˆ˜ ์žˆ์–ด์•ผ ํ•จ

 

 

 

๋””์ž์ธ ํ”„๋กœ์„ธ์Šค์—์„œ chatGPT๋ฅผ ์ด์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•

https://www.thefountaininstitute.com/blog/chat-gpt-ux-design

 

How to Use Chat GPT in Your Design Process: 11 Advanced UX Tasks

A full guide on how to automate 11 types of UX activities and 35 UX-specific prompts to get started in AI-assisted design

www.thefountaininstitute.com

 

 

- ํŽ˜๋ฅด์†Œ๋‚˜ ๊ธฐ๋ฒ• ์˜ˆ์‹œ : ๋„Œ ์ง€๊ธˆ๋ถ€ํ„ฐ UXUI๋””์ž์ด๋„ˆ์•ผ, OO์•  ๋Œ€ํ•ด ๋‹ต๋ณ€ํ•ด์ค˜. 

- ํ˜•์‹ ๊ธฐ๋ฒ• ์˜ˆ์‹œ : ํ…Œ์ด๋ธ”(ํ‘œ) ํ˜•์‹์œผ๋กœ ๋‚˜์—ดํ•ด์ค˜.

- ์‚ฌ๊ณ  ๊ธฐ๋ฒ• ์˜ˆ์‹œ : ๋น„ํŒ์ ์‚ฌ๊ณ  ๊ด€์ ์—์„œ ๋ถ„์„ํ•ด๋ด, ํ”ผ๋ผ๋ฏธ๋“œ ๊ตฌ์กฐ๋„ ํ™œ์šฉํ•ด์„œ.

 

 

 

 

์ฑ—์ง€ํ”ผํ‹ฐ ํ”„๋ ˆ์ž„์›Œํฌ ์ข…๋ฅ˜๋ณ„ ์‚ฌ์šฉ๋ฒ• (ํ”„๋กฌํ”„ํŠธ ์˜ˆ์‹œ)


RTF role, task, format
๋„ˆ๋Š” ์‹œ๋‹ˆ์–ด UX๋””์ž์ด๋„ˆ์•ผ. 
๋ฎค์ง์•ฑ ์˜จ๋ณด๋”ฉ์„ ๊ฐœ์„ ํ•˜๊ธฐ์œ„ํ•ด ๋ฌธ์ œ์ ์„ ์ฐพ์•„์ค˜
๋‹จ๊ณ„๋ณ„๋กœ ์ •๋ฆฌํ•ด์ค˜ 


TAG
task ์‡ผํ•‘๋ชฐ ์ƒ์„ธํŽ˜์ด์ง€ ๋‚ฎ์€ ์ „ํ™˜์œจ์„ ๋ถ„์„ํ•ด์ค˜
action ์‹ค์ œ ์‚ฌ์šฉ์ž ์‹œ๋‚˜๋ฆฌ์˜ค๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœํ•ด์„œ ๋ฌธ์ œ๋ฅผ ๋„์ถœํ•˜๊ณ , ๊ทธ ๊ทผ๊ฑฐ๋ฅผ UX ์‹ฌ๋ฆฌํ•™์ ์œผ๋กœ ์ •๋ฆฌํ•ด์ค˜
goal ๋””์ž์ด๋„ˆ๊ฐ€ ์ˆ˜์ • ๊ฐ€๋Šฅํ•œ ๋ฒ”์œ„ 3๊ฐ€์ง€๋กœ ์ •๋ฆฌํ•ด๋ด

BAB (์‚ฌ์šฉ ํŒ : ๋‚ด๊ฐ€ ๋งŒ๋“  ๊ฐœ์„ ์•ˆ์„ ์„ค๋“ํ•ด์•ผ ํ•  ๋•Œ ์‚ฌ์šฉ)
before ๋ฎค์ง์•ฑ ์˜จ๋ณด๋”ฉ์—์„œ 1-2๋‹จ๊ณ„์—์„œ ์‚ฌ์šฉ์ž ์ ˆ๋ฐ˜ ์ดํƒˆ
after ์˜จ๋ณด๋”ฉ ์™„์ฃผ์œจ 70%
bridge ๋‹ฌ์„ฑ๋ฐฉ๋ฒ•์€ ๋„ˆ๊ฐ€ ์•Œ๋ ค์ค˜

CARE
(์ด๋Ÿฐ ์Šคํƒ€์ผ๋กœ ํ•ด์ค˜! ํ•˜๊ณ  ์•Œ๋ ค์ฃผ๋Š” ๊ฒƒ์ž„)
Context "ux๋ฆฌ์„œ์น˜ ์ˆ˜์—…์—์„œ ํ™œ์šฉํ•  ์ดˆ๋ณด ๋””์ž์ด๋„ˆ ํŽ˜๋ฅด์†Œ๋‚˜๊ฐ€ ํ•„์š”ํ•ด"
Action (์นดํ…Œ๊ณ ๋ฆฌ๋ณ„๋กœ ์ •๋ฆฌํ•ด๋ด) "๋ชฉํ‘œ, ํŽ˜์ธํฌ์ธํŠธ,ํƒœ๋„์–‘์ƒ ํ•ญ๋ชฉ์œผ๋กœ ์ •๋ฆฌํ•ด์ค˜"
Result (์นด๋“œ๋””์ž์ธ์ด๋‚˜ ํ‘œ๋กœ ์š”์•ฝํ•ด๋ด) "๋ฐ”๋กœ ์Šฌ๋ผ์ด๋“œ์— ์“ธ ์ˆ˜ ์žˆ๊ฒŒ ์นด๋“œ ํ˜•ํƒœ๋กœ ์š”์•ฝํ•ด์ค˜"
Example (๋ ˆํผ๋Ÿฐ์Šค ์ฒจ๋ถ€) : "๊ฐ€์žฅ ํŠธ๋ Œ๋“œํ•œ ํ†ค๊ณผ ๊ตฌ์กฐ ํ˜•์‹์˜ ํŽ˜๋ฅด์†Œ๋‚˜ ๋А๋‚Œ์œผ๋กœ"
 

RISE → ์ด๊ฒŒ ๊ฐ€์žฅ ๊ณ ํ€„๋ฆฌํ‹ฐ ์‚ฐ์ถœ๋ฌผ์„ ์–ป์„ ์ˆ˜ ์žˆ์Œ
Role ๋„ˆ๋Š” ์‹œ๋‹ˆ์–ด UX ๋ฆฌ์„œ์ฒ˜์•ผ.
Input ์—ฌ๊ธฐ ์‚ฌ์šฉ์ž ๋ฆฌ์„œ์น˜ ๋กœ๊ทธ๊ฐ€ ์žˆ์–ด. (์‚ฌ์šฉ์žvocํŒŒ์ผ, csvํŒŒ์ผ ๋“ฑ ๊ด€๋ จ๋œ ์ž๋ฃŒ ์ฒจ๋ถ€) ๋ถ„์„ํ•ด์ค˜.
Step ์œ„์˜ ๋กœ๊ทธ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ๋ถ„๋ฅ˜ํ•ด๋ณด๊ณ  ์›์ธ๋ถ„์„ํ•ด๋ณด๊ณ  ๊ฐœ์„ ์•ˆ์งœ๊ณ  ์ตœ์ข…์š”์•ฝํ•ด๋ด
Expectation : (๋‚ด๊ฐ€ gpt์—๊ฒŒ ๊ธฐ๋Œ€ํ•˜๋Š” ๊ฒƒ ์ ๊ธฐ) pm์—๊ฒŒ ๋ณด๋‚ผ ๋ฆฌ๋ณดํŠธ ์ˆ˜์ค€์œผ๋กœ ์ •๋ฆฌํ•ด

 

 

 

 

 

 

https://www.relume.io/

 

Relume — Websites designed & built faster with AI | AI website builder

Use AI as your design ally, not as a replacement. Effortlessly generate sitemaps and wireframes for marketing websites in minutes with Relume’s AI website builder.

www.relume.io

 

 

 

 

๐Ÿ€๋””์ž์ธ ํ”„๋กœ์„ธ์Šค๋ณ„ ์‚ฌ์šฉํ•˜๊ธฐ ์ข‹์€ AI ์ข…๋ฅ˜

 

 


 

๐Ÿ’ก ๋ ˆํผ๋Ÿฐ์Šค ์ฐพ๋Š” ์•ˆ๋ชฉ ๋†’์ด๋Š” ํŒ
UI ๋ถ€๋ถ„๋ถ€๋ถ„๋งŒ ํŠนํ™”๋œ ๋ ˆํผ๋Ÿฐ์Šค ๋ชจ์Œ ์‚ฌ์ดํŠธ ๊ฐ™์€ ๊ฒƒ๋“ค์„ ์ฐธ๊ณ ํ•œ๋‹ค.

 


https://www.navbar.gallery/
: ๋‚ด๋น„๊ฒŒ์ด์…˜ ๋””์ž์ธ ์‹œ ๋ ˆํผ๋Ÿฐ์Šค ํ•„์š”ํ•  ๋•Œ

UI tip ์‚ฌ์ดํŠธ
https://www.uidesign.tips/ui-tips
 

 

 

 

 

๐Ÿ˜ฃ ์‹ฌํ™”๋ฐ˜ ์‚ฌ์ด๋“œ ํ”„๋กœ์ ํŠธ ํ•˜๋А๋ผ ์˜ค๋Š˜ ๋ฐ์ผ๋ฆฌ ๊ณผ์ œ ์†์„ ๋ชป๋Œ”๋„ค์š”...

 

๋‚ด์ผ ์•„์นจ์— ํ•ด์„œ ์—…๋กœ๋“œ ํ•ด์•ผ๊ฒ ์Šต๋‹ˆ๋‹ค ๐Ÿฅฒ