๐ŸŒŸ ๋””ํ…Œ์ผ์˜ ๊ฐ„๊ฒฉ ์‹œ๋ฆฌ์ฆˆ! [๐Ÿ’–์•ฑ ์•Œ๋ฆผ์„ | ์ปค๋ฆฌ์–ด๋ฆฌ

๐ŸŒŸ ๋””ํ…Œ์ผ์˜ ๊ฐ„๊ฒฉ ์‹œ๋ฆฌ์ฆˆ! [๐Ÿ’–์•ฑ ์•Œ๋ฆผ์„ ์„ค๊ณ„ ํ•˜๋Š” 7๊ฐ€์ง€ ๋‹จ๊ณ„] (๐Ÿ‘€๊ฐ„๋‹จ ์š”์•ฝ) ๐Ÿ“Œ์•Œ๋ฆผ์„ ๋””์ž์ธ ํ•˜๊ธฐ ์œ„ํ•œ ๋…ผ์˜ ๋ฐ ํ•ด๊ฒฐ์  โœ“ ์•ฑ์—์„œ ์•Œ๋ฆผ์€ ์™œ ํ•„์š”ํ• ๊นŒ? โœ“ ์–ด๋–ค ์•Œ๋ฆผ๋“ค์ด ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ์„๊นŒ? โœ“ ์–ด๋–ค ์•Œ๋ฆผ ๋ชจ๋ธ์„ ์‚ฌ์šฉํ•ด์•ผ ํ• ๊นŒ? โœ“ ์•Œ๋ฆผ(or ํ‘ธ์‹œ ์•Œ๋ฆผ)์˜ ์ƒ์„ฑ๊ณผ ๋งŒ๋ฃŒ์˜ ๊ธฐ์ค€์€ ๋ฌด์—‡์ผ๊นŒ? โœ“ ์•Œ๋ฆผ ํด๋ฆญ ์‹œ ํ™”๋ฉด์„ ์–ด๋–ป๊ฒŒ ๋ณด์—ฌ์ค„๊นŒ? โœ“ ์•Œ๋ฆผ์„ ์–ด๋–ป๊ฒŒ ํšจ์œจ์ ์œผ๋กœ ๋ณด์—ฌ์ค„๊นŒ? โœ“ ์•Œ๋ฆผ ์„ค์ •์€ ์–ด๋–ป๊ฒŒ ๊ธฐํšํ•˜๋ฉด ์ข‹์„๊นŒ? ๐Ÿ“Œ์•ฑ์—์„œ ์•Œ๋ฆผ์€ ์™œ ํ•„์š”ํ• ๊นŒ? ์šฐ๋ฆฌ ์•ฑ์˜ ํ™œ์šฉ๋„์™€ ์‚ฌ์šฉ์ž์˜ ํŽธ์˜๋ฅผ ๋†’์ด๊ธฐ ์œ„ํ•ด 1. ๋งฅ๋ฝ์— ๋ถ€ํ•ฉํ•œ๋‹ค. (Contextual) - "๋‚ด๊ฐ€ ์™œ ์ด ์•Œ๋ฆผ์„ ๋ฐ›์•˜๋Š”๊ฐ€?" 2. ์ ์‹œ์— ๋„์ฐฉํ•œ๋‹ค. (Time-sensitive) - "๋‚ด๊ฐ€ ์™œ ์ด ์•Œ๋ฆผ์„ ์ง€๊ธˆ ๋ฐ›์•˜๋Š”๊ฐ€?" ๐Ÿ“Œ์–ด๋–ค ์•Œ๋ฆผ๋“ค์ด ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ์„๊นŒ? ์šฐ์„ , ์šฐ๋ฆฌ ์•ฑ ๋‚ด์—์„œ ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ๋Š” ๋ชจ๋“  ์•Œ๋ฆผ๋“ค์„ ๋‚˜์—ดํ•ด์„œ ๋ธŒ๋ ˆ์ธ ์Šคํ† ๋ฐ ํ•ด๋ณด์ž. ์ดํ›„ ๊ฐ ์•Œ๋ฆผ๋“ค์ด ๋ฐ›๋Š” ๋Œ€์ƒ, ํ”ผ๋“œ๊ฐ€ ์ƒ์„ฑ๋˜๋Š”์ง€, ํ‘ธ์‹œ์•Œ๋ฆผ ์—ฌ๋ถ€, ์•Œ๋ฆผ ํ›„ ๋™์ž‘ ์—ฌ๋ถ€, ์•Œ๋ฆผ์„ ํด๋ฆญํ–ˆ์„ ๋•Œ ์ด๋™๋˜๋Š” ํ™”๋ฉด ๋“ฑ์„ ๋ถ„๋ฅ˜ํ•œ๋‹ค. ๐Ÿ“Œ์–ด๋–ค ์•Œ๋ฆผ ๋ชจ๋ธ์„ ์‚ฌ์šฉํ•ด์•ผ ํ• ๊นŒ? 1. ์•Œ๋ฆผ ์„ผํ„ฐ(Notification Center) - ์•Œ๋ฆผ์ด ๋ชจ์•„์ ธ ์žˆ๋Š” ์„น์…˜, ํ•˜๋‚˜์˜ ํ’€ํŽ˜์ด์ง€๋‚˜ย [๋ชจ๋‹ฌ ๋“œ๋กœ์–ด](https://material.io/components/navigation-drawer/#usage)ย ํ˜•ํƒœ๋กœ ๋‚˜ํƒ€๋‚จ 2. ์†Œ์Šค์— ์ •์ฐฉํ•œ ์•Œ๋ฆผ(Source Anchored Notification) - ๋„ค๋น„๊ฒŒ์ด์…˜์— ๊ฐ ํ•ญ๋ชฉ์— ๋ฐฐ์ง€ ํ‘œ์‹œ 3. ํ˜ผํ•ฉ๋ชจ๋ธ(Mixed Model) ํŽ˜์ด์Šค๋ถ์˜ ๊ฒฝ์šฐ๋Š” ํ˜ผํ•ฉ๋ชจ๋ธ์„ ์ฑ„ํƒํ•˜๊ณ  ์žˆ๋‹ค. ํ˜ผํ•ฉ๋ชจ๋ธ ์‚ฌ์šฉ ๊ฐ€์ด๋“œ์— ๋”ฐ๋ฅด๋ฉด, ํ˜ผํ•ฉ๋ชจ๋ธ์€ ๋ชจ๋“  ์•Œ๋ฆผ์ด ๋‚˜์˜ฌ ์ˆ˜ ์žˆ๋Š” ์ƒํ™ฉ์„ ์ƒ๊ฐํ•œ ๋’ค ์•Œ๋ฆผ์˜ ํŠน์„ฑ์— ๋”ฐ๋ผ ์–ด๋–ค ์•Œ๋ฆผ์€ ๋„ค๋น„๊ฒŒ์ด์…˜์— ์ •์ฐฉ(=์†Œ์Šค์— ์ •์ฐฉ, ๋ฐฐ์ง€ ํ˜•ํƒœ์˜ ์•Œ๋ฆผ)ํ•˜๊ณ , ์–ด๋–ค ์•Œ๋ฆผ๋“ค์€ ๊ทธ๋Ÿฌ๊ธฐ ํž˜๋“ค ๋•Œ ์•Œ๋ฆผ์„ผํ„ฐ์—์„œ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ๋„๋ก ์œ ๋„ํ•˜๋Š” ๊ฒƒ์ด๋‹ค. ๐Ÿ“Œ์•Œ๋ฆผ(or ํ‘ธ์‹œ ์•Œ๋ฆผ)์˜ ์ƒ์„ฑ๊ณผ ๋งŒ๋ฃŒ์˜ ๊ธฐ์ค€์€ ๋ฌด์—‡์ผ๊นŒ? ์•Œ๋ฆผ์€ย **๋งฅ๋ฝ์„ฑ๊ณผ ์ ์‹œ์„ฑ**์— ์˜ํ•ด ๋ฐœ์ƒํ•œ๋‹ค. ์ด๋ฅผ ์ข€๋” ์•„๋ž˜์™€ ๊ฐ™์ด ๊ตฌ์ฒดํ™” ํ•ด ๋ณด์•˜๋‹ค. ์•Œ๋ฆผ ๋ฉ”์„ธ์ง€๋ฅผ ์œ ํ˜•ํ™”ํ•˜๋ฉด ํ‘ธ์‹œ ์•Œ๋ฆผ์˜ ์—ฌ๋ถ€๋ฅผ ๊ณ ๋ คํ•˜๊ธฐ์— ์œ ์šฉํ•˜๋‹ค. 1. ๋‚ด๊ฐ€ ํ•œ ํ–‰์œ„์— ๋Œ€ํ•œ ๊ฒฐ๊ณผ๋‚˜ ์ƒํƒœ ๋ณ€๊ฒฝ์ด ๋ฐœ์ƒ ํ–ˆ์„ ๋•Œ (๋งฅ๋ฝ์„ฑ) - โ‘  ๋‹ต๋ณ€ or ํ”ผ๋“œ๋ฐฑํ˜• 2. ๋‚ด๊ฐ€ ํ•œ ํ–‰์œ„์˜ ์™„๋ฃŒ, ๋”๋ธ”์ฒดํฌ์„ฑ ์•Œ๋ฆผ (๋งฅ๋ฝ์„ฑ) - โ‘ก ๋”๋ธ”์ฒดํฌํ˜• 3. ํ˜„์žฌ ์‹œ๊ธฐ์— ์„œ๋น„์Šค์— ๋Œ€ํ•œ ์•Œ๋ฆผ์ด ํ•„์š”ํ•  ๋•Œ (์ ์‹œ์„ฑ) - โ‘ข ์‹œ์Šคํ…œ์•Œ๋ฆผํ˜•, ํ”„๋กœ๋ชจ์…˜ํ˜• 4. ๋‚ด๊ฐ€ ์›ํ•˜๋Š” ์„œ๋น„์Šค์˜ ์ƒˆ ์ฝ˜ํ…์ธ ๊ฐ€ ๊ฒŒ์‹œ ๋˜์—ˆ์„ ๋•Œ (์ ์‹œ์„ฑ) - โ‘ฃ ์ƒˆ๊ธ€์•Œ๋ฆผํ˜• ํŠน์ •ํ•œ ๊ธฐ๊ฐ„์„ ๋ฏธ๋ฆฌ ์ •ํ•˜๊ธฐ ๋ณด๋‹ค๋Š” ๊ฐ ์„œ๋น„์Šค์—์„œ ์•Œ๋ฆผ์ด ๋ฐœ์ƒํ•˜๋Š” ๋นˆ๋„ ์ˆ˜๋‚˜ ์•ฑ ๋‚ด์—์„œ์˜ ์•Œ๋ฆผ์˜ ์ค‘์š”์„ฑ์˜ ๋น„์ค‘์— ๋”ฐ๋ผ ์–ด๋Š ์ •๋„ ๊ธฐ๊ฐ„์˜ ์•Œ๋ฆผ์„ ๋ณด์—ฌ์ค„์ง€ ์„ค์ •ํ•˜๋Š” ๊ฒƒ๋„ ๋ฐฉ๋ฒ•์ด๋‹ค. ๐Ÿ“Œ์•Œ๋ฆผ ํด๋ฆญ ์‹œ ํ™”๋ฉด์„ ์–ด๋–ป๊ฒŒ ๋ณด์—ฌ์ค„๊นŒ? ์•Œ๋ฆผ์„ผํ„ฐ ๋‚ด์˜ ๊ฐ ๋ฉ”์„ธ์ง€๋ฅผ ํด๋ฆญํ•˜๋ฉด ๊ด€๋ จ๋œ ํŽ˜์ด์ง€๋กœ ์ด๋™ ์‹œํ‚จ๋‹ค. ์•Œ๋ฆผ ํ•ญ๋ชฉ ํด๋ฆญ ์‹œ ํ•˜๋‚˜์˜ ๋Ž์Šค๋กœ ๋“ค์–ด๊ฐ€ ๊ด€๋ จ ํŽ˜์ด์ง€๋ฅผ ๋ณด์—ฌ์ฃผ๊ณ , Back ํด๋ฆญ ์‹œ ์›๋ž˜ ๋ณธ์ธ์ด ์žˆ๋˜ ํŽ˜์ด์ง€(์•Œ๋ฆผ์„ผํ„ฐ๋Š” ๋“ค์–ด๊ฐ)๋กœ ๋‚˜์˜ค๋Š” ํ”Œ๋กœ์šฐ๋กœ ๊ตฌ์ƒํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค. ๐Ÿ“Œ์•Œ๋ฆผ์„ ์–ด๋–ป๊ฒŒ ํšจ์œจ์ ์œผ๋กœ ๋ณด์—ฌ์ค„๊นŒ? ์•Œ๋ฆผ์˜ ์ถœ์ฒ˜, ์ฆ‰ ์†Œ์Šค๋ฅผ ์•„์ด์ฝ˜์œผ๋กœ ์‹œ๊ฐํ™”ํ•˜์—ฌ ๊ตฌ๋ถ„ํ•˜๊ณ , ์†Œ์Šค๋ณ„๋กœ ํ•„ํ„ฐ๋งํ•˜์—ฌ ๋ณผ ์ˆ˜ ์žˆ๋„๋ก ํ•„ํ„ฐ ์นฉ๊ณผ ์•Œ๋ฆผ์— ๋Œ€ํ•ด ๋ฐ”๋กœ ์„ค์ •ํ•  ์ˆ˜ ์žˆ๋Š” ์–ดํฌ๋˜์Šค๋ฅผ ์ œ๊ณตํ•œ๋‹ค. ๐Ÿ“Œ์•Œ๋ฆผ ์„ค์ •์€ ์–ด๋–ป๊ฒŒ ๊ธฐํšํ•˜๋ฉด ์ข‹์„๊นŒ? ์•Œ๋ฆผ ์„ค์ •์€ ์ผ๋ฐ˜ ์„ค์ • ๋‚ด์˜ ์ผ๋ถ€๋กœ ํฌํ•จ๋˜์–ด ์žˆ์œผ๋ฉฐ, ์•Œ๋ฆผ์˜ ์œ ํ˜•๊ณผ ๊ฐ ์„œ๋น„์Šค์— ๋”ฐ๋ผ ํ‘ธ์‹œ ์•Œ๋ฆผ์„ ์„ค์ •ํ•  ์ˆ˜ ์žˆ๋‹ค. (๐Ÿ‘‹์ค‘์š”ํ•œ ์ด์œ ๊ฐ€ ๋ญ”๊ฐ€์š”?) ๋ฏธ๋””์—„, ๋ธŒ๋Ÿฐ์น˜ ๋“ฑ์— '์•Œ๋ฆผ'์— ๋Œ€ํ•ด ๊ฒ€์ƒ‰ํ•ด ๋ณด๋ฉด ๊ฐ์ž์˜ ๊ธฐ์ค€์€ ๋‹ค๋ฅด๊ฒ ์ง€๋งŒ ์ƒ๊ฐ๋ณด๋‹ค ๋” ๋งŽ์€ ๊ณ ๋ฏผ๋“ค์ด ์ง„ํ–‰๋˜๊ณ  ์žˆ๋‹ค๋Š” ์‚ฌ์‹ค์„ ์•Œ ์ˆ˜ ์žˆ์–ด์š”. ์ œ๊ฐ€ ์•Œ๋ฆผ์„ ๋Œ€ํ•  ๋•Œ ๊ฐ€์žฅ ๋งŽ์ด ์ƒ๊ฐํ•˜๋Š” ๊ฑด '์ด๋ฉ”์ผ'์ธ๋ฐ์š”. ์ด๋ฉ”์ผ์ด ์ค‘์š”ํ•˜์ง€ ์•Š์•„! ๋ผ๊ณ  ์ฃผ์žฅํ•˜๋Š” ์ž…์žฅ์ด๋ผ๊ธฐ ๋ณด๋‹ค ์ด๋ฉ”์ผ์€ ์ƒ๋Œ€์ ์œผ๋กœ ์ค‘์š”ํ•˜์ง€ ์•Š์€ ์ฑ„๋„์ด์•ผ - ๋ผ๊ณ  ์ƒ๊ฐํ•  ์ˆ˜ ์žˆ๋‹ค๋Š” ๊ด€์ ์ด์—์š”. ๋ชจ๋ฐ”์ผ์•ฑ์—์„œ์˜ ์•Œ๋ฆผ์„ ๊ทธ๋ ‡๊ฒŒ ์ƒ๊ฐํ•˜๊ณ  ๋„˜์–ด๊ฐˆ ์ˆ˜๋„ ์žˆ๋‹ค ๋ผ๋Š” ๊ฒƒ์ด์ฃ . ์•Œ๋ฆผ์€ ํฌ๊ฒŒ 2๊ฐ€์ง€๋กœ ๋‚˜๋ˆŒ ์ˆ˜ ์žˆ์–ด์š”. ํ•˜๋‚˜๋Š” ์‚ฌ์šฉ์ž์˜ ํ–‰๋™์— ๋Œ€ํ•œ ๋ฐ˜์‘. ์ด ์•Œ๋ฆผ์€ ์ƒ๋Œ€์ ์œผ๋กœ ์‰ฝ๊ฒŒ ์‚ฌ์šฉ์ž๋ฅผ ๋‹ค์‹œ ์•ฑ์œผ๋กœ ๋ถˆ๋Ÿฌ์˜ฌ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋„ˆ์˜ ๊ฒŒ์‹œ๊ธ€์— ์ข‹์•„์š”๊ฐ€ ๋‹ฌ๋ ธ์–ด. ์ข‹์•„์š”๊ฐ€ n๊ฐœ๋ฅผ ๋„˜์—ˆ์–ด! ๋“ฑ๋“ฑ ํ•˜๋‚˜์˜ ๋ฐ˜์‘์œผ๋กœ๋„ ์—ฌ๋Ÿฌ๊ฐœ์˜ ์•Œ๋ฆผ์„ ์„ค๊ณ„ ํ•  ์ˆ˜ ์žˆ์–ด์š”. ๊ตฌ๊ฐ„์— ๋”ฐ๋ผ์„œ ์–ผ๋งˆ๋“ ์ง€ ๋ง์ด์ฃ . ๋ฌธ์ œ๋Š” ์ € ์•Œ๋ฆผ์˜ ๊ฒฝ์šฐ ์‚ฌ์šฉ์ž๊ฐ€ ์šฐ๋ฆฌ ์•ฑ์„ ์–ด๋Š์ •๋„ ํ™œ์šฉํ•ด์•ผ ๊ฐ€๋Šฅํ•˜๋‹ค๋Š” ๊ฒƒ. D+1 ๊ธฐ์ค€ ๋“ฑ์—์„œ๋Š” ํฌ๊ฒŒ ์˜๋ฏธ๊ฐ€ ์—†๋Š” ์•Œ๋ฆผ์ด๊ธฐ๋„ ํ•ฉ๋‹ˆ๋‹ค. ๋˜ ํ•˜๋‚˜๋Š” ์‹ ๊ทœ ์‚ฌ์šฉ์ž๋ฅผ ๋‹ค์‹œ ํ•œ ๋ฒˆ ๋ถˆ๋Ÿฌ์˜ค๋Š” ์•Œ๋ฆผ์ด์—์š”. ์ •ํ™•ํ•œ ๊ธฐ์ค€์ด์•ผ ์„œ๋น„์Šค์— ๋”ฐ๋ผ ๋‹ค๋ฅผ ์ˆ˜ ์žˆ์ง€๋งŒ ์ฒซ ๋ฐฉ๋ฌธ ํ›„ ์žฌ๋ฐฉ๋ฌธ์„ ๊ธฐ์ค€์œผ๋กœ ํ•œ๋‹ค๋ฉด ์•Œ๋ฆผ์€ ์—„์ฒญ๋‚˜๊ฒŒ ์ค‘์š”ํ•œ ์—ญํ• ์„ ํ•  ์ˆ˜ ๋ฐ–์— ์—†์Šต๋‹ˆ๋‹ค. ์‚ฌ์šฉ์ž๊ฐ€ ์ฒซ ๋ฐฉ๋ฌธ ์‹œ ๊ทธ๋ƒฅ ์šฐ๋ฆฌ ์•ฑ์„ ๋‘˜๋Ÿฌ๋ณด๊ณ  ๋‚˜๊ฐ”๋‹ค๋ฉด? ๊ทธ ์‚ฌ์šฉ์ž์—๊ฒŒ ์–ด๋–ค ๊ทผ๊ฑฐ๋กœ ๋‹ค์‹œ ๋Œ์•„์˜ค๋ผ๊ณ  ๋งํ•  ์ˆ˜ ์žˆ์„๊นŒ? ์˜ค๊ฒŒ ๋œ๋‹ค๋ฉด ์–ด๋””๋กœ ๋ถˆ๋Ÿฌ์˜ค์ง€? ๋“ฑ๋“ฑ ๊ณ ๋ฏผ์ด ํญ์ด ์ฒซ ๋ฒˆ์งธ ์œ ํ˜•๋ณด๋‹ค ๋งŽ์•„์ง€๊ฒŒ ๋ฉ๋‹ˆ๋‹ค. ์ด๋Ÿฐ ์ผ๋ จ์˜ ์ƒํ™ฉ๋“ค์— ๋Œ€ํ•ด ์ •๋ง ์ž˜ ์ •๋ฆฌ๋œ ๊ธ€์ด๋ผ ์ƒ๊ฐํ–ˆ์–ด์š”. 7๊ฐ€์ง€์— ๋Œ€ํ•ด ๋‹จ๊ณ„๋ณ„๋กœ ๊ณ ๋ฏผํ•˜๋‹ค ๋ณด๋ฉด ์•Œ๋ฆผ์˜ ์ฒ˜์Œ๋ถ€ํ„ฐ ๋๊นŒ์ง€ ์ข…ํ•ฉ์ ์œผ๋กœ ๊ณ ๋ฏผํ•˜๊ณ , ํŒ๋‹จํ•˜๊ณ , ์ ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์„ ์ฐพ์„ ์ˆ˜ ์žˆ์„๊ฑฐ์—์š”.

์Šคํƒ€ํŠธ์—…์—์„œ ์•ฑ์—์„œ์˜ ์•Œ๋ฆผ UI/UX ๋””์ž์ธํ•˜๊ธฐ

brunch

2020๋…„ 7์›” 29์ผ ์˜คํ›„ 2:25

๋Œ“๊ธ€ 0

ํ•จ๊ป˜ ๋ณด๋ฉด ๋” ์ข‹์€

โœ ๊ธฐํš์ž์˜ ๊ธ€์“ฐ๊ธฐ ์‹œ๋ฆฌ์ฆˆ [๐Ÿ“ย UX ๊ธฐํš 3๋…„์ฐจ๊ฐ€ ๋Š๋‚€ UX ๋ผ์ดํŒ…์˜ ์ค‘์š”์„ฑ] (๐Ÿ‘€๊ฐ„๋‹จ ์š”์•ฝ) ๐Ÿ“Œย UX ๋ผ์ดํŒ…์„ ์‹ ๊ฒฝ ์จ์•ผ ํ•˜๋Š” ์ด์œ  โœ“ ํ”„๋กœ์ ํŠธ์—์„œ ๊ฐ€์žฅ ๊ธฐ์–ต์— ๋‚จ์•˜๋˜ ์—…๋ฌด๋ฅผ ๊ผฝ์ž๋ฉด, ๋ฌธ๊ตฌ(ํ…์ŠคํŠธ) ์ˆ˜์ • โœ“ ์œ ์˜์‚ฌํ•ญ ๊ฐ™์ด ์‚ฌ์šฉ์ž์—๊ฒŒ ๋ถ„๋ช…ํžˆ ๊ณ ์ง€ํ•ด์•ผ ํ•˜๋Š” ์„ค๋ช…๋ฌธ์„ ๋‹ค๋“ฌ์–ด๋‹ฌ๋ผ๋Š” ์š”์ฒญ โœ“ ์ž˜ ๋งŒ๋“  UI์ง€๋งŒ ๊นŠ์€ ๊ณ ๋ฏผ์„ ๊ฑฐ์น˜์ง€ ์•Š์€ ๋ฌธ๊ตฌ๋กœ ์ด๋ฃจ์–ด์ง€์ง€ ์•Š์€ ์„œ๋น„์Šค๋Š” ๋Œ€์ค‘์˜ ์‹ ๋ขฐ๋ฅผ ์žƒ๊ธฐ ์‰ฝ๋‹ค๊ณ  ์ƒ๊ฐ โœ“ ์Šค์Šค๋กœ ๊ธฐํšํ•œ ๋ฉ”์‹œ์ง€๊ฐ€ ๊ธฐ์—…์˜ ์„œ๋น„์Šค๋ฅผ ๋Œ€๋ณ€ํ•˜๊ฒŒ ๋˜๋Š” ์ˆœ๊ฐ„ ์‚ฌ์šฉ์ž ์ž…์žฅ์—์„œ ๊ทธ๊ฒƒ์€ ๊ธฐ์—…์˜ ๋ชฉ์†Œ๋ฆฌ ๐Ÿ“Œย ํ–‰๋™ ์œ ๋„ ๋ฒ„ํŠผ(Call-to-action, CTA) โœ“ ์‚ฌ์šฉ์ž์˜ ํŠน์ • ํ–‰๋™์„ ์ทจํ•˜๋„๋ก ํ•˜๋Š” CTA๋Š” UX ๋ผ์ดํŒ… ์ค‘ ๋ชฉํ‘œ ๋‹ฌ์„ฑ์— ๋งค์šฐ ์ค‘์š”ํ•œ ์—ญํ•  โœ“ ์งง๊ณ  ๊ฐ„๊ฒฐํ•˜๊ฒŒ ์ž‘์„ฑํ•˜๋Š” ๊ฒƒ์ด ํšจ๊ณผ์ ์ด๋ฉฐ ํด๋ฆญํ•œ ํ›„ ๋ฐœ์ƒํ•  ๊ฒƒ์— ๋Œ€ํ•ด ๋ช…ํ™•ํ•˜๊ฒŒ ์ œ์‹œ๋˜์–ด์•ผ ๐Ÿ“Œย ๋‚ ์งœ ํ‘œ๊ธฐ ๋ฐฉ์‹ โœ“ ์ด๋ฒคํŠธ, ์•ˆ๋‚ด, ๊ณต์ง€, ๋ฐฐ์†ก ๋“ฑ ๊ฑฐ์˜ ๋ชจ๋“  ์„œ๋น„์Šค์—์„œ ํ•ญ์ƒ ๋น ์ง€์ง€ ์•Š๋Š” ์ผ์ • ์•ˆ๋‚ด์™€ ๋‚ ์งœ๋Š” ํ‘œ๊ธฐ ๊ทœ์น™์ด ์ค‘์š” โœ“ ์›”/์ผ/์š”์ผ์„ ๋ชจ๋‘ ํ‘œ๊ธฐํ•˜๋Š” ๋‚ ์งœ ์ •๋ณด๋Š” ๋‹ค์Œ ํ˜•์‹ ์ค‘ ์–ด๋–ค ํ‘œ๊ธฐ ๊ทœ์น™์„ ์ ์šฉํ• ์ง€ ์ •ํ•ด์•ผ โœ“ ๊ธ€์ž ์ˆ˜ ์ œํ•œ, ์ฝ˜ํ…์ธ  ์ข…๋ฅ˜, ๋ฉ”์‹œ์ง€ ํ†ค ์•ค ๋งค๋„ˆ ๋“ฑ์„ ๊ณ ๋ คํ•ด์„œ ์ •ํ•ด์ง„ ๊ทœ์น™์„ ํ†ต์ผํ•˜๋Š” ๊ฒƒ์ด ์ข‹์Œ โœ“ ์„œ๋น„์Šค ๋‚ด์— ๋‚ ์งœ ํ‘œ๊ธฐ๊ฐ€ ์—ฌ๋Ÿฌ ๋ฒ„์ „์ด๊ฑฐ๋‚˜ ๊ทธ ๊ทœ์น™์ด ๋‹ค๋ฅด๋ฉด ์ผ์ • ์ •๋ณด์— ๋Œ€ํ•œ ์‹ ๋ขฐ๊ฐ€ ๊นจ์งˆ ์ˆ˜ ์žˆ๊ธฐ ๋•Œ๋ฌธ โœ“ ์—ฐ๋„๊ฐ€ ๋“ค์–ด๊ฐ€๋Š” ๊ฒฝ์šฐ์—๋„ ๋™์ผํ•˜๊ฒŒ ๊ณตํ†ต ๊ทœ์น™์— ๋”ฐ๋ผ ํ‘œ๊ธฐ โœ“ ๊ธ€์ž ์ˆ˜ ์ œํ•œ ๊ฐ™์€ ๋Œ๋ฐœ ์ด์Šˆ๊ฐ€ ์ƒ๊ธฐ๋Š” ๊ฒฝ์šฐ๊ฐ€ ์žˆ์œผ๋‹ˆ ์˜ˆ์™ธ ์ƒํ™ฉ์— ๋Œ€ํ•œ ๊ทœ์น™๊นŒ์ง€ ์ •ํ•ด ๋†“๋Š” ๊ฒƒ์ด ์ค‘์š” ๐Ÿ“Œย ๋‚ ์งœ ํ‘œ๊ธฐ ๋ฐฉ์‹ ์˜ˆ์‹œ โœ“ 03์›” 01์ผ ํ™”์š”์ผ โ†’ ํ•œ ์ž๋ฆฌ ์ˆซ์ž์ผ ๊ฒฝ์šฐ ์•ž์— 0์„ ๋ถ™์—ฌ ํ•œ๊ธ€๋กœ ๋ชจ๋‘ ํ‘œ๊ธฐ โœ“ 4์›” 9์ผ ํ™”์š”์ผ โ†’ 0์„ ํ‘œ์‹œํ•˜์ง€ ์•Š๊ณ  ์›”, ์ผ, ์š”์ผ์„ ํ•œ๊ธ€๋กœ ํ‘œ๊ธฐํ•œ ์ผ€์ด์Šค โœ“ - 4/9(ํ™”) โ†’ 0์„ ํ‘œ์‹œํ•˜์ง€ ์•Š๊ณ  ๋ถ€ํ˜ธ๋กœ ์›”, ์ผ์„ ํ‘œ๊ธฐํ•œ ์ผ€์ด์Šค ๐Ÿ“Œย ์‹œ๊ฐ„ ํ‘œ๊ธฐ ๋ฐฉ์‹ โœ“ ์‹œ๊ฐ„ ํ‘œ๊ธฐ๋Š” 24์‹œ๊ฐ„ ํ‘œ๊ธฐ๋ฒ•๊ณผ 12์‹œ๊ฐ„ ํ‘œ๊ธฐ๋ฒ• โœ“ 24์‹œ๊ฐ„ ํ‘œ๊ธฐ๋ฒ•์€ ์˜ค์ „/์˜คํ›„, AM/PM, ๋‚ฎ/๋ฐค, ์ƒˆ๋ฒฝ/์•„์นจ/์ ์‹ฌ/์ €๋… ๋“ฑ์„ ๊ธฐ์žฌํ•˜์ง€ ์•Š์•„๋„ ๋˜์ง€๋งŒ ์ง๊ด€์ ์ด์ง€ ์•Š์Œ โœ“ 12์‹œ๊ฐ„ ํ‘œ๊ธฐ๋ฒ•๊ณผ ๋น„๊ตํ•ด๋ดค์„ ๋•Œ 22์‹œ๋ณด๋‹จ ์˜คํ›„ 10์‹œ๊ฐ€ ๋” ์‰ฝ๊ฒŒ ์ดํ•ด โœ“ ํŠนํžˆ 24์‹œ, ๋ฐค 12์‹œ, 0์‹œ, 00์‹œ, ์ž์ • ๋“ฑ ๋‚ ์งœ๊ฐ€ ๋ฐ”๋€Œ๋Š” ์‹œ์ ์— ๋งž๋ฌผ๋ ค ์žˆ๋Š” ์‹œ๊ฐ„ ํ‘œ๊ธฐ๋Š” ๋”์šฑ ํ˜ผ๋ž€ โœ“ ์‚ฌ์šฉ์ž์˜ ์ดํ•ด๋ฅผ ์‰ฝ๊ฒŒ ํ•ด ์ฃผ๊ธฐ ์œ„ํ•ด 12์‹œ๊ฐ„ ํ‘œ๊ธฐ๋ฒ•, ์˜ค์ „๊ณผ ์˜คํ›„๋กœ ๊ตฌ๋ถ„ํ•ด ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ์œ ์ € ์นœํ™”์  ๐Ÿ“Œย ์‹œ๊ฐ„ ํ‘œ๊ธฐ ๋ฐฉ์‹ ์˜ˆ์‹œ โœ“ 3/1(ํ™”) ๋ฐค 11์‹œ 59๋ถ„์„ ์ง€๋‚˜ ๋๋‚˜๋Š” 12์‹œ๋ฅผ ์˜๋ฏธํ•  ๊ฒฝ์šฐ โœ“ 3/1(ํ™”) ์ž์ •๊นŒ์ง€ โœ“ 3/1(ํ™”) ๋ฐค 12์‹œ๊นŒ์ง€ โœ“ 3/1(ํ™”) 24์‹œ๊นŒ์ง€ โœ“ 3/1(ํ™”) ์ž์ •์„ ์ง€๋‚˜ ์‹œ์ž‘ํ•˜๋Š” 0์‹œ๋ฅผ ์˜๋ฏธํ•  ๊ฒฝ์šฐ โœ“ 3/1(ํ™”) 0์‹œ๋ถ€ํ„ฐ โœ“ 2/28(ํ™”) ์ž์ •๋ถ€ํ„ฐ โœ“ โ€˜์ž์ •โ€™์˜ ์‚ฌ์ „ ์˜๋ฏธ๋Š” โ€˜๋ฐค ์—ด๋‘ ์‹œโ€™. โ€˜์ž์ • 12์‹œโ€™๋ผ ํ‘œ๊ธฐํ•  ๊ฒฝ์šฐ, ๊ฐ™์€ ์˜๋ฏธ๊ฐ€ ์ค‘๋ณต ๐Ÿ“Œย ์„ฑ๊ณต/์‹คํŒจ ์•Œ๋ฆผ โœ“ ์–ด๋–ค ์ž‘์—…์ด ์™„๋ฃŒ๋˜์—ˆ๊ฑฐ๋‚˜ ์ž‘์—…์„ ์™„๋ฃŒํ•˜๋Š” ์ค‘์— ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ–ˆ์Œ์„ ์‚ฌ์šฉ์ž์—๊ฒŒ ์•Œ๋ ค์ฃผ๋Š” ์šฉ๋„ โœ“ ๊ฒฐ์ œ ๋‚ด์—ญ์— ์˜ค๋ฅ˜๊ฐ€ ์ƒ๊ฒผ๋‹ค๋ฉด ํ•ด๋‹น ์˜ค๋ฅ˜์— ๋Œ€ํ•ด ๋ฐ˜๋“œ์‹œ ์•Œ๋ ค์ค˜์•ผ ํ˜ผ๋ž€์„ ๋ฐฉ์ง€ํ•˜๊ณ  ๋‹ค์‹œ ๊ฒฐ์ œ๋ฅผ ํ•˜๋„๋ก ์œ ๋„ํ•ด์•ผ โœ“ ์‹คํŒจ์— ๋Œ€ํ•œ ์•Œ๋ฆผ์—๋Š” ์‚ฌ์šฉ์ž๊ฐ€ ์‰ฝ๊ฒŒ ๋‹ค์Œ ๋‹จ๊ณ„๋กœ ๋„˜์–ด๊ฐˆ ์ˆ˜ ์žˆ๋„๋ก ํ•˜๋Š” ์ •๋ณด๊ฐ€ ํฌํ•จ๋˜์–ด์•ผ ๐Ÿ“Œ UX ๋ผ์ดํ„ฐ์˜ ์ฃผ์š” ์ž๊ฒฉ ์š”๊ฑด โœ“ ์ž‘๋ฌธ ๊ฒฝํ—˜์„ ๋ณด์œ ํ•˜๊ณ  ์žˆ์–ด์•ผ โœ“ ์ œํ’ˆ ๊ด€๋ฆฌ์ž, ๊ธฐํš์ž, ์—”์ง€๋‹ˆ์–ด, ๋งˆ์ผ€ํ„ฐ ๋ฐ ๊ด€๋ จ ๋‹ด๋‹น์ž๋“ค๊ณผ ์›ํ™œํ•˜๊ฒŒ ํ˜‘๋ ฅํ•  ์ˆ˜ ์žˆ์–ด์•ผ โœ“ ์‹ค์ œ ์‚ฌ์šฉ์ž ์ธก๋ฉด์—์„œ ๊ณ ๊ฐ์„ ๋Œ€๋ณ€ํ•˜๋Š” ์‚ฌ๋žŒ์ด ๋˜์–ด์•ผ์ง€ โœ“ ์„œ๋น„์Šค๋ฅผ ์ด์šฉํ•˜๋Š” ๊ณ ๊ฐ์˜ ์—ฌ์ • ์ „๋ฐ˜์„ ์ดํ•ดํ•˜๋ฉฐ ๊ทธ๋“ค์„ ์„ค๋“ํ•˜๋Š” ํ…์ŠคํŠธ๋ฅผ ์ž‘์„ฑํ•ด์•ผ โœ“ ๋ณต์žกํ•œ ๋‚ด์šฉ๋„ ์ตœ๋Œ€ํ•œ ์งง๊ณ  ์˜๋ฏธ๊ฐ€ ๋ช…ํ™•ํ•˜๊ฒŒ ์ „๋‹ฌ๋˜๋„๋ก ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ์–ด์•ผ โœ“ ์ž์‚ฌ ์„œ๋น„์Šค์— ๋Œ€ํ•œ ์ถฉ๋ถ„ํ•œ ์ดํ•ด์™€ ์ง€์‹, ์ด์šฉํ•˜๋Š” ์‚ฌ์šฉ์ž์— ๋Œ€ํ•ด ๊ณต๊ฐํ•  ์ˆ˜ ์žˆ๋Š” ๋Šฅ๋ ฅ์„ ๊ฐ–์ถฐ์•ผ โœ“ ์‚ฌ์šฉ์ž๊ฐ€ ์ฒ˜ํ•œ ์ƒํ™ฉ์— ๋”ฐ๋ผ ์–ด๋–ป๊ฒŒ ๋ชฉ์†Œ๋ฆฌ ํ†ค์„ ์ ์šฉํ•ด์•ผ ํ• ์ง€์— ๋Œ€ํ•œ ๋ฐฉ์•ˆ์„ ๋งˆ๋ จํ•ด์•ผ (๐Ÿ’Œํ•จ๊ป˜ ์ฝ์–ด๋ณด์„ธ์š”!) โœ“ UI์—์„œ ๋‚ ์งœ, ์‹œ๊ฐ„ ํ‘œ๊ธฐ๋Š” ์–ด๋–ป๊ฒŒ ํ•˜๋Š”๊ฒŒ ์ข‹์„๊นŒ? : https://news.publy.co/comments/13984 โœ“ ์˜ค๋ฅ˜๋ฉ”์‹œ์ง€ ์ž‘์„ฑ ๋ฐฉ๋ฒ• : https://careerly.co.kr/comments/52477

UX ๊ธฐํš 3๋…„์ฐจ๊ฐ€ ๋Š๋‚€ UX ๋ผ์ดํŒ…์˜ ์ค‘์š”์„ฑ

brunch

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

ํ˜„์ง์ž์—๊ฒŒ ์—…๊ณ„ ์ฃผ์š” ์†Œ์‹์„ ๋ฐ›์•„๋ณด์„ธ์š”.

โ€Œ
โ€Œโ€Œ
โ€Œ
โ€Œ
โ€Œโ€Œ
โ€Œ
โ€Œ
โ€Œโ€Œ
โ€Œ
โ€Œ
โ€Œโ€Œ
โ€Œ
โ€Œ
โ€Œโ€Œ
โ€Œ

ํ˜„์ง์ž๋“ค์˜ '์ง„์งœ ์ธ์‚ฌ์ดํŠธ'๊ฐ€ ๋‹ด๊ธด ์—…๊ณ„ ์ฃผ์š” ์†Œ์‹์„ ๋ฐ›์•„๋ณด์„ธ์š”.

์ปค๋ฆฌ์–ด๋ฆฌ | ์ผ์ž˜๋Ÿฌ๋“ค์˜ ์ปค๋ฆฌ์–ด SNS