๐Ÿ‘‹ ๋กœ๋”ฉ ์‹œ ํ”„๋กœ๊ทธ๋ž˜์Šค ๋ฐ”์™€ ์Šคํ”ผ๋„ˆ๋ฅผ ๊ตฌ๋ณ„ํ•ด์„œ ๋””์ž์ธํ•˜์‹œ๋‚˜์š”? ๐Ÿ‘€ ์ €๋Š” ์ด ๊ธฐ์‚ฌ๋ฅผ ํ†ตํ•ด ๋‘ ๊ฐ€์ง€ ์ฐจ์ด๋ฅผ ํ™•์‹คํžˆ ์•Œ ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. [๋‰ด์Šค ์š”์•ฝ ๐Ÿ” ] ๐Ÿ‘พ ์Šคํ”ผ๋„ˆ๋Š” ๊ธด ์‹œ๊ฐ„ ๋กœ๋”ฉ์— ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š”๋‹ค. - ์Šคํ”ผ๋„ˆ๋Š” ๋ณดํ†ต ๋กœ๋”ฉ์ด ์‹œ๊ณ„ ๋ฐฉํ–ฅ์œผ๋กœ ๋„๋Š” ํ˜•ํƒœ๋ฅผ ๊ฐ€์ง‘๋‹ˆ๋‹ค. ์ง„ํ–‰์‚ฌํ•ญ์„ ๋…ธ์ถœํ•˜์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์— ๋กœ๋”ฉ์ด ์–ผ๋งˆ๋‚˜ ๊ฑธ๋ฆด์ง€ ์œ ์ €๊ฐ€ ์•Œ ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. ๋•Œ๋ฌธ์— 4์ดˆ ์ด์ƒ ๋กœ๋”ฉ ํ™•๋ฅ ์ด ์žˆ๋‹ค๋ฉด ์Šคํ”ผ๋„ˆ๋Š” ํ”ผํ•˜๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค. ๐Ÿค– ํ”„๋กœ๊ทธ๋ž˜์Šค ๋ฐ”๋Š” ๊ธด ์‹œ๊ฐ„ ๋กœ๋”ฉ์— ์‚ฌ์šฉํ•œ๋‹ค. - ํ”„๋กœ๊ทธ๋ž˜์Šค ๋ฐ”๋Š” ๋กœ๋”ฉ ์‹œ๊ฐ„์ด ์–ผ๋งˆ๋‚˜ ๊ฑธ๋ฆด์ง€ ๋ช…ํ™•ํžˆ ์•Œ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ง‰๋Œ€ ๋ชจ์–‘์€ ์ง„ํ–‰ ๊ณผ์ •์˜ ์‹œ๊ฐ์  ๋‹จ์„œ๊ฐ€ ๋˜์–ด์ฃผ๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค. ์ผ๊ด€์ ์ธ ์†๋„๋กœ ์™ผ์ชฝ์—์„œ ์˜ค๋ฅธ์ชฝ์œผ๋กœ ์• ๋‹ˆ๋ฉ”์ด์…˜ ๋˜๋Š” ๊ฒƒ์ด ์ƒ์‹์ž…๋‹ˆ๋‹ค. ๋˜ํ•œ, ์ˆซ์ž๋กœ๋„ ์ง„์ฒ™๋„๋ฅผ ๋ณด์—ฌ์ฃผ๋ฉด ์ข‹์Šต๋‹ˆ๋‹ค. ํ”„๋กœ๊ทธ๋ž˜์Šค ๋ฐ”๊ฐ€ 1๋ถ„ ๋ฏธ๋งŒ์ด๋ผ๋ฉด, ์ง„ํ–‰๋œ ํผ์„ผํŠธ๋‚˜ ๋กœ๋”ฉ๋œ ์•„์ดํ…œ ๊ฐœ์ˆ˜๋ฅผ ๋ณด์—ฌ์ฃผ๋Š” ๊ฒƒ์ด ์ผ๋ฐ˜์ ์ž…๋‹ˆ๋‹ค. [ํ๋ ˆ์ดํ„ฐ์˜ ๋ฌธ์žฅ โœ๏ธ ] ๐Ÿฅ‡ "์Šคํ”ผ๋„ˆ๋ฅผ ๋‚จ์šฉํ•˜์ง€ ๋ง์•„๋ผ" - ๊ธฐ์‚ฌ์— ๋”ฐ๋ฅด๋ฉด ๋งŽ์€ ๋””์ž์ด๋„ˆ๋“ค์ด ์Šคํ”ผ๋„ˆ๋ฅผ ๋‚จ์šฉํ•˜๋Š” ์Šต๊ด€์ด ์žˆ๋‹ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ๋กœ๋”ฉ ์‹œ๊ฐ„์ด ๊ธธ ๋•Œ ์Šคํ”ผ๋„ˆ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์€ ์‚ฌ์šฉ์„ฑ์„ ํ•ด์นฉ๋‹ˆ๋‹ค. ์ด๋•Œ 4์ดˆ ์ดํ•˜๋ผ๋ฉด ์Šคํ”ผ๋„ˆ๋ฅผ ์‚ฌ์šฉํ•˜๊ณ , ๊ทธ ์ด์ƒ์ด๋ฉด ํ”„๋กœ๊ทธ๋ž˜์Šค ๋ฐ”๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์‚ฌ์‹ค์„ ๋– ์˜ฌ๋ฆฌ๋ฉด ์ข‹์„ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. [ํ•จ๊ป˜ ๋ณด๋ฉด ์ข‹์€ ์ฝ˜ํ…์ธ  ๐Ÿ‹๏ธ] Progress Bars vs. Spinners: When to Use Which(์›๋ฌธ) https://uxmovement.com/navigation/progress-bars-vs-spinners-when-to-use-which/

ํ”„๋กœ๊ทธ๋ž˜์Šค ๋ฐ”์™€ ์Šคํ”ผ๋„ˆ ์‚ฌ์šฉ๋ฒ•

Brunch Story

ํ”„๋กœ๊ทธ๋ž˜์Šค ๋ฐ”์™€ ์Šคํ”ผ๋„ˆ ์‚ฌ์šฉ๋ฒ•

2020๋…„ 9์›” 9์ผ ์˜ค์ „ 11:55

๋Œ“๊ธ€ 0