๐Ÿ“๋„ํ—ˆํ‹ฐ ์ž„๊ณ„์™€ UX ๋””์ž์ธ 2์›” ๋งˆ์ง€๋ง‰ ์ฃผ ๊ธˆ์š”์ผ์€ ์ •๊ธฐ ์Šคํ„ฐ๋”” ์‹œ๊ฐ„์ด์—ˆ์Šต๋‹ˆ๋‹ค. (ํผ๋ธ”๋ฆฌ๋Š” ๊ฒฉ์ฃผ๋กœ ์Šคํ„ฐ๋””์™€ ๋””์ž์ธ ํšŒ์˜๋ฅผ ์ง„ํ–‰ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค!) UX/UI์˜ 10๊ฐ€์ง€ ์‹ฌ๋ฆฌํ•™ ๋ฒ•์น™์— ๋Œ€ํ•œ ๋‚ด์šฉ์œผ๋กœ ๋ฐœํ‘œ๋ฅผ ์ค€๋น„ํ•˜์˜€๋Š”๋ฐ์š”. ์ฑ…์€ ๋‹ค์†Œ ๊ฐ€๋ณ์ง€๋งŒ ์ œ๊ฒŒ๋Š” ์ƒ๊ฐํ•ด๋ณผ๊ฑฐ๋ฆฌ๊ฐ€ ๋งŽ์€ ๋ฌด๊ฑฐ์šด ์ฑ…์ด์—ˆ์–ด์š”. ๊ผญ๊ผญ ์”น์–ด ์†Œํ™”ํ•˜๊ณ  ์‹ถ์€ ๋‚ด์šฉ์ด ๋งŽ์•˜๊ธฐ ๋•Œ๋ฌธ์—, ์Šคํ„ฐ๋””๋กœ ๋๋‚ด๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋ผ ๊ธ€๋กœ ์ž˜ ์ •๋ฆฌํ•˜๊ณ  ์‹ถ์–ด์กŒ์Šต๋‹ˆ๋‹ค. ์ด๋ฒˆ ๋‚ด์šฉ์€ ๋„ํ—ˆํ‹ฐ ์ž„๊ณ„์™€ UX๋””์ž์ธ์— ๋Œ€ํ•œ ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค. - ๋„ํ—ˆํ‹ฐ ์ž„๊ณ„ (Doherty threshold)๋ž€ ๋ฌด์—‡์ธ๊ฐ€ ์‚ฌ์šฉ์ž์˜ ์ฃผ์˜๊ฐ€ ๋ถ„์‚ฐ๋˜๋Š” ๊ฒƒ์„ ๋ง‰๊ณ  ์ƒ์‚ฐ์„ฑ์„ ๋†’์ด๋ ค๋ฉด ์‹œ์Šคํ…œ์˜ ๋ฐ˜์‘์€ 0.4์ดˆ ์ด๋‚ด์— ์ด๋ฃจ์–ด์ ธ์•ผ ํ•œ๋‹ค. - ์ œํ’ˆ์˜ ๋ฐ˜์‘ ์†๋„๋Š” ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์— ํฌ๊ฒŒ ์˜ํ–ฅ์„ ๋ฏธ์น˜๊ธฐ ๋•Œ๋ฌธ์— ์ด ๋ถ€๋ถ„์€ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์˜ ํ•ต์‹ฌ์ด ๋˜๋Š” ๋””์ž์ธ ์˜์—ญ์ด๋ผ๊ณ  ๋ด์•ผ ํ•  ๊ฒƒ. - ๋””์ž์ด๋„ˆ๋Š” ๋””์ž์ธ ์š”์†Œ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ "์ฒด๊ฐ ์„ฑ๋Šฅ"์„ ๋†’์—ฌ์„œ ๋Œ€๊ธฐ์‹œ๊ฐ„์— ๊ด€๋Œ€ํ•ด์ง€๋„๋ก ํ•  ์ˆ˜ ์žˆ๋‹ค. 1. ์ •๋ณด์˜ ์Šค์ผˆ๋ ˆํ†ค ์Šคํฌ๋ฆฐ 2. ์ด๋ฏธ์ง€ ๋กœ๋”ฉ ์‹œ ๋ธ”๋Ÿฌ ์—… 3. (์ •ํ™•ํ•˜์ง„ ์•Š๋”๋ผ๋„) ์ž‘์—… ์ง„ํ–‰ ์ƒํ™ฉ์— ๋Œ€ํ•œ Progress bar /Progress indicator 4. Optimistic UI ์Šคํ„ฐ๋””๋ฅผ ์ •๋ฆฌํ•˜๋ฉฐ, - ๋„ํ—ˆํ‹ฐ ์ž„๊ณ„์™€ ์ œํ’ˆ์˜ ๊ฒฝํ—˜์€ ๋ฐ€์ ‘ํ•˜๊ฒŒ ์—ฐ๊ฒฐ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค๋งŒ, ๋””์ž์ด๋„ˆ๋Š” ์ œํ’ˆ์ด ์–ธ์ œ ๋ฐ˜์‘ ์†๋„๊ฐ€ ์ €ํ•˜๋˜๋Š”์ง€, ์–ด๋””์„œ ๊ณ ๊ฐ์ด ๋Š๋ผ๋Š” ์ฒด๊ฐ ์„ฑ๋Šฅ์„ ๋†’์—ฌ์•ผ ํ•˜๋Š”์ง€ ์•Œ๊ธฐ ์–ด๋ ค์šธ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋Ÿฐ ๋ถ€๋ถ„์—์„œ๋Š” ์ œํ’ˆ์„ ํ•จ๊ป˜ ๋งŒ๋“œ๋Š” ์—”์ง€๋‹ˆ์–ด์™€์˜ ๋ฐ€์ ‘ํ•œ ํ˜‘์—…์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค. - ์šฐ๋ฆฌ์˜ ๊ณ ๊ฐ์€ ์šฐ๋ฆฌ๊ฐ€ ์ƒ๊ฐํ•˜๋Š” ๊ฒƒ๋ณด๋‹ค ๋‹ค์–‘ํ•œ ํ™˜๊ฒฝ์—์„œ ์ œํ’ˆ์„ ์‚ฌ์šฉํ•˜๊ฒŒ ๋ฉ๋‹ˆ๋‹ค. ๊ทธ๋Ÿฐ ์ƒํ™ฉ์—์„œ ๊ณ ๊ฐ์ด ๋‚˜์œ ๊ฒฝํ—˜์„ ๊ฒช์ง€ ์•Š๋„๋ก, ๋˜๋„๋ก์ด๋ฉด ๋ช…ํ™•ํ•˜๊ณ  ์ฆ๊ฑฐ์šด ๊ฒฝํ—˜์„ ํ•˜๋„๋ก ์ œํ’ˆ์„ ์„ค๊ณ„ํ•ด์•ผ ํ•œ๋‹ค๋Š” ๊ฒƒ์„ ๋‹ค์‹œ ํ•œ๋ฒˆ ๋Š๊ผˆ์Šต๋‹ˆ๋‹ค. - ๊ฐœ์ธ์ ์œผ๋กœ ๋„ํ—ˆํ‹ฐ ์ž„๊ณ„์™€ ์—ฌ๋Ÿฌ ํŒจํ„ด์— ๋Œ€ํ•œ ์Šคํ„ฐ๋””๋ฅผ ํ†ตํ•ด ์ด์ œ๊นŒ์ง€ ๋จธ๋ฆฟ์†์— ํฉ์–ด์ ธ์žˆ๋Š” ์—ฌ๋Ÿฌ ๊ฐœ๋…์ด ์ž˜ ์ •๋ฆฌ๋˜๋Š” ์‹œ๊ฐ„์„ ๊ฒฝํ—˜ํ–ˆ์Šต๋‹ˆ๋‹ค. ํŠนํžˆ ์ตœ๊ทผ์— ๋กœ๋”ฉ ์ƒํ™ฉ ์ฒ˜๋ฆฌ๋ฅผ ์–ด๋–ป๊ฒŒ ํ•  ๊ฒƒ์ธ๊ฐ€์— ๋Œ€ํ•œ ๊ฐ€์ด๋“œ๋ฅผ ์ž‘์„ฑํ•˜์˜€๋Š”๋ฐ, ์ด ๊ฐœ๋…์„ ํ•™์Šตํ•จ์œผ๋กœ์จ ์ข€ ๋” ํƒ„ํƒ„ํ•œ ๊ฐ€์ด๋“œ๋ฅผ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ์„ ๊ฒƒ์ด๋ผ๋Š” ์ž์‹ ๊ฐ์ด ์ƒ๊ฒผ์Šต๋‹ˆ๋‹ค. - ์กด ์•ผ๋ธ”๋ก ์Šคํ‚ค๋Š” ์‚ฌ์šฉ์ž ๊ฒฝํ—˜ ๋””์ž์ธ๊ณผ ํ”„๋ŸฐํŠธ์—”๋“œ ์›น ๊ฐœ๋ฐœ์˜ ๊ต์ฐจ ์ง€์ ์— ๋Œ€ํ•œ ๊ฐ•ํ•œ ์—ด์ •์ด ์žˆ๋‹ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ํ”„๋ŸฐํŠธ์—”๋“œ ์›น ๊ฐœ๋ฐœ์— ๋Œ€ํ•ด ๊นŠ์ด ์•„๋Š” ๊ฒƒ์€ ์–ด๋ ค์šธ ์ˆ˜ ์žˆ์ง€๋งŒ, ์–ด๋Š ์ •๋„ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋‹ค๋ฉด ๋””์ž์ด๋„ˆ๋กœ์„œ ์ œํ’ˆ์„ ๋ณด๊ณ  ๋งŒ๋“œ๋Š” ๊ด€์  ๋ชจ๋‘๊ฐ€ ํ™•์žฅ๋  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

๋„ํ—ˆํ‹ฐ ์ž„๊ณ„์™€ UX ๋””์ž์ธ

Brunch Story

๋„ํ—ˆํ‹ฐ ์ž„๊ณ„์™€ UX ๋””์ž์ธ

๋‹ค์Œ ๋‚ด์šฉ์ด ๊ถ๊ธˆํ•˜๋‹ค๋ฉด?

๋˜๋Š”

์ด๋ฏธ ํšŒ์›์ด์‹ ๊ฐ€์š”?

2021๋…„ 3์›” 1์ผ ์˜คํ›„ 1:40

๋Œ“๊ธ€ 0




๋น„์Šทํ•œ ๊ฒŒ์‹œ๋ฌผ

์ฃผ๊ฐ„ ์ธ๊ธฐ TOP 10

1

์ด์žฅ๊ทผ NAVER ๋ฐ์ดํ„ฐ๋ถ„์„

2024 ํ•˜๋ฐ˜๊ธฐ IT ์ปจํผ๋Ÿฐ์Šค

2

๋ฐ•์Šน๊ทœ ์นด์นด์˜ค์—”ํ„ฐํ…Œ์ธ๋จผํŠธ ๋‹ค๋‹ˆ๋Š” ๋‹ค์žฌ๋‹ค๋Šฅํ•œ ๊ฐœ๋ฐœ์ž

์ด๋ ฅ์„œ๋ฅผ ํŽธํ•˜๊ฒŒ ๋งŒ๋“ญ์‹œ๋‹ค - resumemaker

3

์กฐํ˜„์šฑ ํŽ˜์ด์›Œ์น˜ ์†Œํ”„ํŠธ์›จ์–ด ์—”์ง€๋‹ˆ์–ด

15๋…„ ์ „ ๋‚˜์—๊ฒŒ ํ•ด์ฃผ๊ณ  ์‹ถ์€ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์กฐ์–ธ

4

K๋ฆฌ๊ทธ ํ”„๋กœ๊ทธ๋ž˜๋จธ ์ปคํ”ผํ•œ์ž” ๊ฐœ๋ฐœ์ž

์ฃฝ์„ ๋งŒํผ ํž˜๋“  ๋‚ ์€ ์—†์—ˆ๋‹ค

5

์„œ์ง€์—ฐ ๊ฐœ๋ฐœ์ž

๊ธˆ์œต ์‹œ์Šคํ…œ ๊ตฌ์ถ•์„ ์œ„ํ•œ ์—”์ง€๋‹ˆ์–ด๋ง ์›์น™

์ถ”์ฒœ ํ”„๋กœํ•„