[์ œ๋กœ๋ฒ ์ด์Šค pm์Šค์ฟจ] ๋งค์ผํ•™์Šต์ผ์ง€ Week 7-4

2023. 4. 21. 08:41ใ†STUDY/PM

728x90
๋ฐ˜์‘ํ˜•

โœ๐Ÿป ์˜ค๋Š˜์˜ ํ•  ์ผ

- ์ฑ•ํ„ฐ 17 ๊ฐ•์˜ ์™„๋ฃŒ

- ์ผ€์ด์Šค ์Šคํ„ฐ๋”” 1๊ฐœ

- ๋งค์ผํ•™์Šต์ผ์ง€


์šด์˜์ฒด์ œ

1. ์šด์˜์ฒด์ œ๋Š” ํ•˜๋“œ์›จ์–ด๋ฅผ ๊ด€๋ฆฌํ•ด ์ค€๋‹ค.

ํ•˜๋“œ์›จ์–ด์˜ ์šฉ๋Ÿ‰์ด ์–ผ๋งˆ๋‚˜ ์žˆ๋Š”์ง€ ํ™•์ธํ•  ์ˆ˜ ์žˆ๊ณ , ๋ณด์กฐ ๊ธฐ์–ต์žฅ์น˜๋ฅผ ๊ด€๋ฆฌํ•œ๋‹ค.

 

2. ํ”„๋กœ๊ทธ๋žจ์„ ์„ค์น˜ํ•˜๊ณ  ์‹คํ–‰ํ•˜๋Š” ๊ฒƒ๋„ ๊ด€๋ฆฌํ•œ๋‹ค.

๊ฐ™์€ ํ”„๋กœ๊ทธ๋žจ์ด์–ด๋„ ์„ค์น˜๋˜๋Š” ์šด์˜์ฒด์ œ๊ฐ€ ๋‹ค๋ฅด๋ฉด ์šด์˜์ฒด์ œ์—์„œ ์ง€์›ํ•˜๋Š” ์–ธ์–ด๋กœ ๊ฐœ๋ฐœ๋˜์–ด์•ผ ํ•œ๋‹ค.

 

์„œ๋ฒ„์™€ ํด๋ผ์ด์–ธํŠธ์˜ ๊ด€๊ณ„

์„œ๋ฒ„์—์„œ ์ •ํ•œ ์ฒด๊ณ„์— ๋งž์ถฐ์„œ ์š”์ฒญ์„ ํ•œ๋‹ค.

 

์ฟ ํ‚ค(Cookie)

์•ฑ ๋˜๋Š” ์›น์‚ฌ์ดํŠธ๋ฅผ ๋ฐฉ๋ฌธํ•˜๋Š” ์œ ์ €๋“ค์— ๋Œ€ํ•œ ์ •๋ณด๋ฅผ ์ €์žฅํ•˜๋Š” ์ฃผ๋œ ๋ฐฉ๋ฒ•์ด๋‹ค.

์ฟ ํ‚ค๋Š” ์ตœ๋Œ€ 4KB์˜ ์šฉ๋Ÿ‰์„ ๊ฐ€์ง„ ๋งค์šฐ ์ž‘์€ ์–‘์˜ ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•œ๋‹ค.

๋‹จ์ : ๋ณด์•ˆ์— ์ทจ์•ฝํ•จ

 

์„ธ์…˜ ์ฟ ํ‚ค

: ์ฟ ํ‚ค์— ๋งŒ๋ฃŒ์ผ์ด ํฌํ•จ๋˜์–ด ์žˆ์ง€ ์•Š์€ ๊ฒฝ์šฐ, ๋ฉ”๋ชจ๋ฆฌ์— ์ €์žฅ๋˜๊ณ , ํ•˜๋“œ ๋””์Šคํฌ์— ๋‚จ์ง€ ์•Š๋Š”๋‹ค.

๋ธŒ๋ผ์šฐ์ €๋ฅผ ๋‹ซ์œผ๋ฉด ์˜๊ตฌ์ ์œผ๋กœ ์†์‹ค๋œ๋‹ค.

 

์˜๊ตฌ์  ์ฟ ํ‚ค

: ์ฟ ํ‚ค์— ๋งŒ๋ฃŒ์ผ์ด ํฌํ•จ๋˜์–ด ์žˆ๋Š” ๊ฒฝ์šฐ, ๋ธŒ๋ผ์šฐ์ €๋ฅผ ์ข…๋ฃŒํ•ด๋„ ํ•˜๋“œ ๋””์Šคํฌ์— ๋‚จ๋Š”๋‹ค. 

๋งŒ๋ฃŒ ์‹œ๊ธฐ๊ฐ€ ๋˜๋ฉด ์‚ญ์ œ๋œ๋‹ค.

 

์„ธ์…˜(Session)

์ผ์ • ์‹œ๊ฐ„ ๋™์•ˆ ๊ฐ™์€ ์‚ฌ์šฉ์ž์˜ ๋ธŒ๋ผ์šฐ์ €๋กœ๋ถ€ํ„ฐ ๋“ค์–ด์˜ค๋Š” ์ผ๋ จ์˜ ์š”๊ตฌ๋ฅผ ํ•˜๋‚˜์˜ ์ƒํƒœ๋กœ ๋ณด๊ณ  ๊ทธ ์ƒํƒœ๋ฅผ ์ผ์ •ํ•˜๊ฒŒ ์œ ์ง€์‹œํ‚ค๋Š” ๊ธฐ์ˆ ์ด๋‹ค.

์ผ์ •์‹œ๊ฐ„์ด๋ž€ ์‚ฌ์šฉ์ž๊ฐ€ ์›น ๋ธŒ๋ผ์šฐ์ €๋ฅผ ์›น ์„œ๋ฒ„์— ์ ‘์†ํ•œ ์‹œ์ ์œผ๋กœ๋ถ€ํ„ฐ ์›น ๋ธŒ๋ผ์šฐ์ €๋ฅผ ์ข…๋ฃŒํ•จ์œผ๋กœ์จ ์—ฐ๊ฒฐ์„ ๋๋‚ด๋Š” ์‹œ์ ์ด๋‹ค.

 

์ฟ ํ‚ค์™€ ๋‹ค๋ฅด๊ฒŒ ์„ธ์…˜์€ ์„œ๋ฒ„์—์„œ ๊ด€๋ฆฌํ•œ๋‹ค.

์„œ๋ฒ„์—์„œ ํด๋ผ์ด์–ธํŠธ๋ฅผ ๊ตฌ๋ถ„ํ•˜๊ธฐ ์œ„ํ•ด ์„ธ์…˜ ID๋ฅผ ๋ถ€์—ฌํ•œ๋‹ค. ๋ธŒ๋ผ์šฐ์ €๋ฅผ ์ข…๋ฃŒํ•  ๋•Œ๊นŒ์ง€ ์ธ์ฆ ์ƒํƒœ๋ฅผ ์œ ์ง€ํ•œ๋‹ค.

 

์บ์‹œ(Cache)

์บ์‹ฑ์˜ ์˜๋ฏธ๋Š” ๋ฐ์ดํ„ฐ๋‚˜ ๊ฐ’์„ ๋ฏธ๋ฆฌ ๋ณต์‚ฌํ•ด ์ €์žฅํ•œ๋‹ค๋Š” ๋œป์ด๋‹ค.

์›น์‚ฌ์ดํŠธ์— ์ฒ˜์Œ ์ ‘์†ํ•  ๋•Œ๋ณด๋‹ค ๋‹ค์‹œ ์ ‘์† ํ–ˆ์„ ๋•Œ ๋กœ๋”ฉ์‹œ๊ฐ„์ด ๋‹จ์ถ•๋˜๋Š” ์ด์œ 

 

ํ† ํฐ ๊ธฐ๋ฐ˜ ์ธ์ฆ

์ธ์ฆ ๋ฐ›์€ ์‚ฌ์šฉ์ž๋“ค์—๊ฒŒ ํ† ํฐ์„ ๋ฐœ๊ธ‰ํ•˜๊ณ  ํด๋ผ์ด์–ธํŠธ์—์„œ ํ† ํฐ์„ ์ €์žฅํ–ˆ๋‹ค๊ฐ€ ์„œ๋ฒ„์— ์š”์ฒญํ•  ๋•Œ ํ† ํฐ์„ ํ•จ๊ป˜ ๋ณด๋‚ด์„œ ํ† ํฐ์„ ๊ฒ€์ฆํ•œ ํ›„ ์š”์ฒญํ•œ ์‘๋‹ต์„ ํ•œ๋‹ค.

 

์›น ์ ‘๊ทผ์„ฑ ์ค€์ˆ˜ ๊ฐ€์ด๋“œ

- ์žฅ์• ์ธ ์ฐจ๋ณ„ ๊ธˆ์ง€๋ฒ•

- ์ปจํ…์ธ ์˜ ์ƒ‰์ƒ ๋ช…๋„ ์ฑ„๋„ ๊ฐ€์ด๋“œ๋ผ์ธ

- ํ•„์ˆ˜ ๊ถŒํ•œ ๋ฐ ์„ ํƒ ๊ถŒํ•œ

 

๋””์ž์ด๋„ˆ์™€ ํ˜‘์—…ํ•˜๊ธฐ

์ƒ‰์ƒ(color)

Primary Color / Service Identity Color

๋ฉ”์ธ ์ปฌ๋Ÿฌ (Main Color), ํ‚ค ์ปฌ๋Ÿฌ(Key Color), ๋ธŒ๋žœ๋“œ ์ปฌ๋Ÿฌ(Brand Color)

 

GUI Design Guideline

- Color Pallet

- Typography

- Layout guideline

- UI guideline + icon style ์ •์˜

 

๋””์ž์ธ ์‹œ์Šคํ…œ

- ๊ตฌ๊ธ€ material ๊ฐ€์ด๋“œ๋ผ์ธ

- ios human interface guideline(HIG)

 

๋””์ž์ธ ์‹œ์Šคํ…œ์ด ํ•„์š”ํ•œ ์ด์œ 

- ๊ธฐํš, ๋””์ž์ธ, ๊ฐœ๋ฐœ ์ƒ์‚ฐ์„ฑ์„ ํ–ฅ์ƒ์‹œํ‚ค๊ณ  ๋น„์šฉ ์ ˆ๊ฐ

- ์ผ๊ด€๋œ ๋ธŒ๋žœ๋“œ ์ •์ฒด์„ฑ๊ณผ ๋†’์€ ์‚ฌ์šฉ์„ฑ ์œ ์ง€

- ์—…๋ฐ์ดํŠธ๋„ ๋น ๋ฅด๊ณ  ํšจ์œจ์ 

 

Affordance

์‚ฌ์šฉ์ž์˜ ํ–‰๋™์„ ์ž์—ฐ์Šค๋Ÿฝ๊ฒŒ ์œ ๋„

 

๋””์ž์ด๋„ˆ์™€ ํ˜‘์—…ํ•˜๊ธฐ

1. PM/PO๋Š” ์š”๊ตฌ์‚ฌํ•ญ์„ ์ „๋‹ฌํ•œ๋‹ค.

2. ๊ฐœ๋ฐœ๊ณผ ๋””์ž์ธ ์‚ฌ์ด์—์„œ ๋””์ž์ธ ๊ฒฐ๊ณผ๋ฌผ์ด ์ •ํ•ด์ง„ ๋ฆฌ์†Œ์Šค์™€ ์ผ์ • ์•ˆ์—์„œ ๊ฐ€๋Šฅํ•œ์ง€ ํ•ญ์ƒ ๊ณ ๋ คํ•˜๊ณ  ๊ตํ†ต์ •๋ฆฌ๋ฅผ ์ •๋ฆฌํ•ด์ค˜์•ผ ํ•œ๋‹ค.

3. ์‹œ์Šคํ…œ ์ƒํ™ฉ ๋ณ€๊ฒฝ์— ๋Œ€ํ•œ ํ‘œํ˜„๋„ ๋””์ž์ธ์ด ๋˜์–ด์•ผ ํ•œ๋‹ค.

4. ์„  ๊ฒฝ์ฒญ/ํ›„ ํ˜‘์˜: ๋ฐ์ž์ธ ๊ฒฐ๊ณผ๋ฌผ์ด ์˜๋„์™€ ๋‹ค๋ฅด๊ฒŒ ๋””์ž์ธ ๋œ ๊ฒฝ์šฐ, ๋””์ž์ด๋„ˆ์˜ ๊ด€์ /์ฒ ํ•™์„ ๋ฌผ์–ด๋ณด๊ณ  ์˜๋„๋ฅผ ํŒŒ์•…ํ•˜์ž.