๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

Web_Project

์œ ์ €ํ…Œ์ŠคํŠธ ํ”ผ๋“œ๋ฐฑ ๋ฐ˜์˜

 

๐Ÿ“Œ ์œ ์ €ํ…Œ์ŠคํŠธ ๊ฒฐ๊ณผ ๋ฆฌํฌํŠธ ๋ฐ”๋กœ๊ฐ€๊ธฐ (์Šคํ”„๋ ˆ๋“œ ์‹œํŠธ)

 

์ƒ์„ธ ํ”ผ๋“œ๋ฐฑ ๋ฐ˜์˜ ์‚ฌํ•ญ ๋ฐ”๋กœ๊ฐ€๊ธฐ (๋…ธ์…˜)

๐ŸŽฏ ํ…Œ์ŠคํŠธ ๊ฒฐ๊ณผ ๋ฆฌํฌํŠธ

๐Ÿ“Š ์šด์˜์ฒด์ œ

๋Œ€์ฒด๋กœ ๋ฐ์Šคํฌํƒ‘/๋ชจ๋ฐ”์ผ ํ™˜๊ฒฝ์—์„œ ํ…Œ์ŠคํŠธ๊ฐ€ ์ง„ํ–‰๋˜์—ˆ๊ณ , ์šด์˜์ฒด์ œ์ธ ์œˆ๋„์šฐ์™€ ๋งฅ์˜ ๋น„์œจ์€ ๋น„๋“ฑํ–ˆ์Šต๋‹ˆ๋‹ค.

๐Ÿ“Š ์„œ๋น„์Šค ๋งŒ์กฑ๋„

ํšŒ์›๊ฐ€์ž… ๋ฐ ๋กœ๊ทธ์ธ ๊ธฐ๋Šฅ ์„œ๋น„์Šค์—์„œ๋Š” 7~10์ ์„ ์ฃผ์‹  ์‚ฌ์šฉ์ž ๋น„์œจ์ด 94%๋กœ ๊ธ์ •์ ์ธ ์˜๊ฒฌ์„ ์ฃผ์…จ์Šต๋‹ˆ๋‹ค. ํŽ€๋”ฉ ๊ธฐ๋Šฅ ์„œ๋น„์Šค์—์„œ๋Š” 7~10์ ์„ ์ฃผ์‹  ์‚ฌ์šฉ์ž ๋น„์œจ์ด 84.9%๋กœ ๊ธ์ •์ ์ธ ์˜๊ฒฌ์„ ์ฃผ์…จ์Šต๋‹ˆ๋‹ค. ๊ฒฐ์ œ ๊ธฐ๋Šฅ ์„œ๋น„์Šค์—์„œ๋Š” 7~10์  ๋น„์œจ์ด 93.3%๋กœ ๊ธ์ •์ ์ธ ์˜๊ฒฌ์„ ์ฃผ์…จ์Šต๋‹ˆ๋‹ค.

 

๐Ÿ“Š ์‚ฌ์šฉ์„ฑ(UI/UX)

UI/UX ๋ถ€๋ถ„์—์„œ 7~10์  ๋น„์œจ์ด 81.8%๋กœ ๋Œ€์ฒด์ ์œผ๋กœ ๋งŒ์กฑํ•œ๋‹ค๋Š” ์‘๋‹ต์„ ์ฃผ์…จ์Šต๋‹ˆ๋‹ค.

๐Ÿ“Š ์‚ฌ์ดํŠธ ๋งŒ์กฑ๋„

์ „์ฒด์ ์ธ ์‚ฌ์ดํŠธ ๋งŒ์กฑ๋„์—์„œ 7~10์  ๋น„์œจ์ด 84.8%๋กœ ๋Œ€์ฒด์ ์œผ๋กœ ๋งŒ์กฑํ•œ๋‹ค๋Š” ์‘๋‹ต์„ ์ฃผ์…จ์Šต๋‹ˆ๋‹ค.

 

๐Ÿงฉ ํ”ผ๋“œ๋ฐฑ

 

๐Ÿž ํ”ผ๋“œ๋ฐฑ ์˜๊ฒฌ ๋ฐ ๋ฒ„๊ทธ

์ด 34๊ฑด์˜ ์œ ์ € ํ”ผ๋“œ๋ฐฑ ์ค‘ ํšŒ์›๊ฐ€์ž… ๋ฐ ๋กœ๊ทธ์ธ์— ๋Œ€ํ•œ ์˜๊ฒฌ 20๊ฐœ, ๊ฒฐ์ œ ๊ธฐ๋Šฅ์— ๋Œ€ํ•œ ์˜๊ฒฌ 8๊ฐœ, ํŽ€๋”ฉ ๊ธฐ๋Šฅ์— ๋‹คํ•œ ์˜๊ฒฌ 26๊ฐœ์˜ ์‘๋‹ต์ด ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ๊ทธ ์ค‘ ํ”ผ๋“œ๋ฐฑ ํ™•์ธ์ด ๋ถˆ๊ฐ€ํ•œ ์˜๊ฒฌ๊ณผ ์œ ์ € ํ…Œ์ŠคํŠธ ๋‚ด ๋ฐ˜์˜์ด ๋ถˆ๊ฐ€ํ•œ ๊ธฐ๋Šฅ๋“ค์„ ์ œ์™ธํ•œ ๋ชจ๋“  ํ”ผ๋“œ๋ฐฑ ์˜๊ฒฌ์„ ๋ฐ˜์˜ํ•˜์˜€์Šต๋‹ˆ๋‹ค.

 

๐Ÿ”ฅ ํšŒ์›๊ฐ€์ž… ๋ฐ ๋กœ๊ทธ์ธ
- UI & UX 6๊ฑด
- ์•ฝ๊ด€ ์ •๋ณด ๋ฆฌ์…‹ 4๊ฑด
- ์œ ํšจ์„ฑ ๊ฒ€์ฆ 4๊ฑด
- ๋ณด์•ˆ ๊ฐ•ํ™” ์š”์ฒญ 2๊ฑด
- ์˜คํƒˆ์ž ์ˆ˜์ • ์š”์ฒญ 1๊ฑด
- ์ถ”๊ฐ€ ๊ธฐ๋Šฅ ๊ตฌํ˜„ ์š”์ฒญ 1๊ฑด
- ์ด๋ฉ”์ผ ๊ฒ€์ฆ 1๊ฑด
- ํ”ผ๋“œ๋ฐฑ ํ™•์ธ ๋ถˆ๊ฐ€ 1๊ฑด

๐Ÿ”ฅ ๊ฒฐ์ œ ๊ธฐ๋Šฅ
- ํƒ€ ๊ฒฐ์ œ ๊ธฐ๋Šฅ ์š”์ฒญ 5๊ฑด
- ๋ณด์•ˆ ๊ฐ•ํ™” ์š”์ฒญ 1๊ฑด
- ์ถ”๊ฐ€ ์•ˆ๋‚ด ์š”์ฒญ 1๊ฑด
- ๊ฒฐ์ œ ์—๋Ÿฌ ๋ฐœ์ƒ 1๊ฑด

๐Ÿ”ฅ ํŽ€๋”ฉ ๊ธฐ๋Šฅ
- UI & UX
- ์ด๋ฏธ์ง€ ๋“ฑ๋ก 7๊ฑด
- ๋‹ฌ๋ ฅ ๋‚ ์งœ 5๊ฑด
- ๊ธˆ์•ก ๋‹จ์œ„ ํ‘œ์‹œ 3๊ฑด
- ์ข…๋ฃŒ ๊ฒฐ์ œ ๋ฐฉ์ง€ 2๊ฑด
- ํŽ€๋”ฉ ์กฐํšŒ 2๊ฑด
- ํƒœ๊ทธ ๋ณ€๊ฒฝ 1๊ฑด
- ๊ธ€์ž์ˆ˜ ์ œํ•œ 2๊ฑด
- ์—๋Ÿฌ ์ฒ˜๋ฆฌ 2๊ฑด
- ๋ฆฌ๋‹ค์ด๋ ‰ํŠธ 1๊ฑด
- ํฐํŠธ 1๊ฑด

 

๐Ÿ™‡๐Ÿป‍โ™‚๏ธ ํ”ผ๋“œ๋ฐฑ ๋ฐ˜์˜ ๊ฒฐ๊ณผ

์œ„ ์œ ์ € ํ”ผ๋“œ๋ฐฑ ์˜๊ฒฌ ๋ฐ ๋ฒ„๊ทธ์˜ ๋‚ด์šฉ ์ค‘ ํ”ผ๋“œ๋ฐฑ ํ™•์ธ์ด ๋ถˆ๊ฐ€ํ•œ ์˜๊ฒฌ๊ณผ ์œ ์ € ํ…Œ์ŠคํŠธ ๋‚ด ๋ฐ˜์˜์ด ๋ถˆ๊ฐ€ํ•œ ๊ธฐ๋Šฅ๋“ค์„ ์ œ์™ธํ•œ ๋ชจ๋“  ํ”ผ๋“œ๋ฐฑ ์˜๊ฒฌ์„ ๋ฐ˜์˜ํ•˜์˜€์Šต๋‹ˆ๋‹ค.

 

๐Ÿ‘ ํšŒ์›๊ฐ€์ž… ๋ฐ ๋กœ๊ทธ์ธ
- UI & UX
    - ์ง๊ด€์ ์ธ ๋กœ๊ทธ์ธ ๋ฒ„ํŠผ ๊ตฌํ˜„ ์™„๋ฃŒ, ์ฒดํฌ๋ฐ•์Šค ๊ธฐ๋Šฅ ๊ตฌํ˜„ ์™„๋ฃŒ
- ์•ฝ๊ด€ ์ •๋ณด ๋ฆฌ์…‹
    - ์•ฝ๊ด€ ํŽ˜์ด์ง€๋ฅผ ๋ชจ๋‹ฌ๋กœ ๋ณ€๊ฒฝ ์™„๋ฃŒ
- ์œ ํšจ์„ฑ ๊ฒ€์ฆ
    - ์œ ํšจ์„ฑ ๊ฒ€์ฆ ์ •๊ทœ์‹ ๋ณ€๊ฒฝ ์™„๋ฃŒ
- ๋ณด์•ˆ ๊ฐ•ํ™” ์š”์ฒญ
    - ์œ ์ € ํ…Œ์ŠคํŠธ ๋‚ด ๋ฐ˜์˜ ๋ถˆ๊ฐ€
- ์˜คํƒˆ์ž ์ˆ˜์ • ์š”์ฒญ
    - ์˜คํƒˆ์ž ์ˆ˜์ • ์™„๋ฃŒ
- ์ถ”๊ฐ€ ๊ธฐ๋Šฅ ๊ตฌํ˜„ ์š”์ฒญ
    - ์†Œ์…œ ๋กœ๊ทธ์ธ(๊ตฌ๊ธ€) ๊ธฐ๋Šฅ ์ถ”๊ฐ€ ์™„๋ฃŒ
- ์ด๋ฉ”์ผ ๊ฒ€์ฆ
    - ์ด๋ฉ”์ผ ์ธ์ฆ ๊ธฐ๋Šฅ ์ถ”๊ฐ€ ์™„๋ฃŒ
- ํ”ผ๋“œ๋ฐฑ ํ™•์ธ ๋ถˆ๊ฐ€

๐Ÿ‘  ๊ฒฐ์ œ ๊ธฐ๋Šฅ
- ํƒ€ ๊ฒฐ์ œ ๊ธฐ๋Šฅ ์š”์ฒญ
    - ์œ ์ € ํ…Œ์ŠคํŠธ ๋‚ด ๋ฐ˜์˜ ๋ถˆ๊ฐ€
- ๋ณด์•ˆ ๊ฐ•ํ™” ์š”์ฒญ
    - ์œ ์ € ํ…Œ์ŠคํŠธ ๋‚ด ๋ฐ˜์˜ ๋ถˆ๊ฐ€
- ํ…Œ์ŠคํŠธ ๊ฒฐ์ œ ์•ˆ๋‚ด ์š”์ฒญ
    - ํ…Œ์ŠคํŠธ ๊ฒฐ์ œ์™€ ๊ด€๋ จ๋œ ํ•ญ๋ชฉ์— 'ํ…Œ์ŠคํŠธ' ๋ฌธ๊ตฌ๋ฅผ ์ผ๊ด„ ์ถ”๊ฐ€ํ•จ
    - '[ํ…Œ์ŠคํŠธ ๊ฒฐ์ œ ์•ˆ๋‚ด]'๋ฅผ ์ถ”๊ฐ€ํ•˜์—ฌ ํ•ด๋‹น ๋‚ด์šฉ์„ ํ™•์ธํ•œ ํ›„ ํ•„์ˆ˜ ๋™์˜ํ•œ ๊ฒฝ์šฐ์—๋งŒ ํ…Œ์ŠคํŠธ ๊ฒฐ์ œ๋ฅผ ์ง„ํ–‰ํ•  ์ˆ˜ ์žˆ๋„๋ก ์ˆ˜์ •ํ•จ
- ๊ฒฐ์ œ ์—๋Ÿฌ ๋ฐœ์ƒ
    - ํ”ผ๋“œ๋ฐฑ ๋ฌธ์ œ ํŒŒ์•… ๋ถˆ๊ฐ€

๐Ÿ‘  ํŽ€๋”ฉ ๊ธฐ๋Šฅ
- UI & UX
    - ์ƒํ’ˆ URL ๋“ฑ๋ก์œผ๋กœ ๋ช…์‹œ -> ๋ถˆ๊ฐ€๋Šฅ Url์— ๋Œ€ํ•ด์„  ์ ์šฉ ๋ถˆ๊ฐ€ ์•ˆ๋‚ด & ๋‚ด๊ฐ€ ์“ด ํŽ€๋”ฉ๋งŒ ์ˆ˜์ •ํ•˜๊ธฐ ๋ฒ„ํŠผ ๋ณด์ด๋„๋ก ์ˆ˜์ •
- ์ด๋ฏธ์ง€ ๋“ฑ๋ก
    - ๋ฉ”ํƒ€์ด๋ฏธ์ง€๊ฐ€ ์—†๋Š” ์‚ฌ์ดํŠธ -> placeholder ์ด๋ฏธ์ง€๋ฅผ ์ œ๊ณต ์ ์šฉ ์•ˆํ•จ
- ๋‹ฌ๋ ฅ ๋‚ ์งœ
    - ๋‹ฌ๋ ฅ ์ด์ „ ๋‚ ์งœ ์„ ํƒ ๋ฐฉ์ง€
- ๊ธˆ์•ก ๋‹จ์œ„ ํ‘œ์‹œ
    - ๊ธˆ์•ก ๋“ฑ๋ก ์‹œ, ๋‹จ์œ„ํ‘œ์‹œ(์ฒœ๋‹จ์œ„๋กœ ',')
- ์ข…๋ฃŒ ๊ฒฐ์ œ ๋ฐฉ์ง€
    - ์ข…๋ฃŒ์ฒ˜๋ฆฌ๊ฐ€ ๋œ ํŽ€๋”ฉ์—์„  ํ›„์›ํ•˜๊ธฐ ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅผ ๊ฒฝ์šฐ, ํ›„์›๊ฒฐ์ œ๋กœ ์ ‘๊ทผํ•˜์ง€ ๋ชปํ•˜๋„๋ก alert & navigate
- ํŽ€๋”ฉ ์กฐํšŒ
    - ์ตœ์‹ ์ˆœ, ์ข‹์•„์š” ์ˆœ์ด ์•„๋‹Œ ์ „์ฒด ํŽ€๋”ฉ, ์ง„ํ–‰์ค‘์ธ ํŽ€๋”ฉ, ์™„๋ฃŒ๋œ ํŽ€๋”ฉ์œผ๋กœ ๋ถ€๋ถ„ ๋ฐ˜์˜
- ํƒœ๊ทธ ๋ณ€๊ฒฝ
    - ์ด๋ฏธ์ง€ ๋ณ€๊ฒฝ h1 ํƒœ๊ทธ -> P ํƒœ๊ทธ๋กœ ๋ณ€๊ฒฝ
- ๊ธ€์ž์ˆ˜ ์ œํ•œ
    - ๋ณธ๋ฌธ 200์ž ์ด๋‚ด, ํ˜„์žฌ ๊ธ€์ž์ˆ˜๊ฐ€ ๋ช‡๊ธ€์ž์ธ์ง€ 0/200๋กœ ํ‘œํ˜„๋˜๊ฒŒ ์ ์šฉ & ์ƒํ’ˆ๋ช… 25์ž ์ด๋‚ด, ํ˜„์žฌ ๊ธ€์ž์ˆ˜๊ฐ€ ๋ช‡๊ธ€์ž์ธ์ง€ 0/25๋กœ ํ‘œํ˜„๋˜๊ฒŒ ์ ์šฉ
- ์—๋Ÿฌ ์ฒ˜๋ฆฌ
    - ์ˆ˜์ • ์‚ญ์ œ ๋ฒ„ํŠผ ์•Œ๋ฆผ ์ ์šฉ & ํŽ€๋”ฉ ๋“ฑ๋ก์‹œ
- ๋ฆฌ๋‹ค์ด๋ ‰ํŠธ
    - ์ˆ˜์ • ์™„๋ฃŒ ํ›„ ์ƒ์„ธํŽ˜์ด์ง€ ์ด๋™ ์ ์šฉ
- ํฐํŠธ
    - ํฐํŠธ์˜ ๊ฒฝ์šฐ ๋””์ž์ด๋„ˆ ๊ฒฐ์ •์— ๋งž์ถฐ์„œ ์ง„ํ–‰

 

โš™๏ธ ์ƒ์„ธ ํ”ผ๋“œ๋ฐฑ ๋ฐ˜์˜ ์‚ฌํ•ญ

[์ž์„ธํ•œ ๋‚ด์šฉ] ํŒ€ ํ”„๋กœ์ ํŠธ ๋…ธ์…˜ https://www.notion.so/hiryuji/62e82f605c7d42e891adb6f4bebef537

 

์œ ์ €ํ…Œ์ŠคํŠธ | Notion

๐Ÿ“Œ ์œ ์ €ํ…Œ์ŠคํŠธ ๊ฒฐ๊ณผ ๋ฆฌํฌํŠธ ๋ฐ”๋กœ๊ฐ€๊ธฐ (์Šคํ”„๋ ˆ๋“œ ์‹œํŠธ)

hiryuji.notion.site