ํ๋ก๊ทธ๋์ค ๋ฐ์ ์คํผ๋ ์ฌ์ฉ๋ฒ
Brunch Story
๐ ๋ก๋ฉ ์ ํ๋ก๊ทธ๋์ค ๋ฐ์ ์คํผ๋๋ฅผ ๊ตฌ๋ณํด์ ๋์์ธํ์๋์? ๐ ์ ๋ ์ด ๊ธฐ์ฌ๋ฅผ ํตํด ๋ ๊ฐ์ง ์ฐจ์ด๋ฅผ ํ์คํ ์ ์ ์์์ต๋๋ค. [๋ด์ค ์์ฝ ๐ ] ๐พ ์คํผ๋๋ ๊ธด ์๊ฐ ๋ก๋ฉ์ ์ฌ์ฉํ์ง ์๋๋ค. - ์คํผ๋๋ ๋ณดํต ๋ก๋ฉ์ด ์๊ณ ๋ฐฉํฅ์ผ๋ก ๋๋ ํํ๋ฅผ ๊ฐ์ง๋๋ค. ์งํ์ฌํญ์ ๋ ธ์ถํ์ง ์๊ธฐ ๋๋ฌธ์ ๋ก๋ฉ์ด ์ผ๋ง๋ ๊ฑธ๋ฆด์ง ์ ์ ๊ฐ ์ ์ ์์ต๋๋ค. ๋๋ฌธ์ 4์ด ์ด์ ๋ก๋ฉ ํ๋ฅ ์ด ์๋ค๋ฉด ์คํผ๋๋ ํผํ๋ ๊ฒ์ด ์ข์ต๋๋ค. ๐ค ํ๋ก๊ทธ๋์ค ๋ฐ๋ ๊ธด ์๊ฐ ๋ก๋ฉ์ ์ฌ์ฉํ๋ค. - ํ๋ก๊ทธ๋์ค ๋ฐ๋ ๋ก๋ฉ ์๊ฐ์ด ์ผ๋ง๋ ๊ฑธ๋ฆด์ง ๋ช ํํ ์ ์ ์์ต๋๋ค. ๋ง๋ ๋ชจ์์ ์งํ ๊ณผ์ ์ ์๊ฐ์ ๋จ์๊ฐ ๋์ด์ฃผ๊ธฐ ๋๋ฌธ์ ๋๋ค. ์ผ๊ด์ ์ธ ์๋๋ก ์ผ์ชฝ์์ ์ค๋ฅธ์ชฝ์ผ๋ก ์ ๋๋ฉ์ด์ ๋๋ ๊ฒ์ด ์์์ ๋๋ค. ๋ํ, ์ซ์๋ก๋ ์ง์ฒ๋๋ฅผ ๋ณด์ฌ์ฃผ๋ฉด ์ข์ต๋๋ค. ํ๋ก๊ทธ๋์ค ๋ฐ๊ฐ 1๋ถ ๋ฏธ๋ง์ด๋ผ๋ฉด, ์งํ๋ ํผ์ผํธ๋ ๋ก๋ฉ๋ ์์ดํ ๊ฐ์๋ฅผ ๋ณด์ฌ์ฃผ๋ ๊ฒ์ด ์ผ๋ฐ์ ์ ๋๋ค. [ํ๋ ์ดํฐ์ ๋ฌธ์ฅ โ๏ธ ] ๐ฅ "์คํผ๋๋ฅผ ๋จ์ฉํ์ง ๋ง์๋ผ" - ๊ธฐ์ฌ์ ๋ฐ๋ฅด๋ฉด ๋ง์ ๋์์ด๋๋ค์ด ์คํผ๋๋ฅผ ๋จ์ฉํ๋ ์ต๊ด์ด ์๋ค๊ณ ํฉ๋๋ค. ๋ก๋ฉ ์๊ฐ์ด ๊ธธ ๋ ์คํผ๋๋ฅผ ์ฌ์ฉํ๋ ๊ฒ์ ์ฌ์ฉ์ฑ์ ํด์นฉ๋๋ค. ์ด๋ 4์ด ์ดํ๋ผ๋ฉด ์คํผ๋๋ฅผ ์ฌ์ฉํ๊ณ , ๊ทธ ์ด์์ด๋ฉด ํ๋ก๊ทธ๋์ค ๋ฐ๋ฅผ ์ฌ์ฉํ๋ ์ฌ์ค์ ๋ ์ฌ๋ฆฌ๋ฉด ์ข์ ๊ฒ ๊ฐ์ต๋๋ค. [ํจ๊ป ๋ณด๋ฉด ์ข์ ์ฝํ ์ธ ๐๏ธ] Progress Bars vs. Spinners: When to Use Which(์๋ฌธ) https://uxmovement.com/navigation/progress-bars-vs-spinners-when-to-use-which/
2020๋ 9์ 9์ผ ์ค์ 11:55