codeStates front-end/React
[React] UI/UX
ํํ
ํฌ
2023. 2. 15. 21:35
๋ฐ์ํ
๐ UI/UX
๐ UI(User Interface)
์ฌ์ฉ์ ์ธํฐํ์ด์ค
์ฌ๋๋ค์ด ์ปดํจํฐ์ ์ํธ ์์ฉํ๋ ์์คํ ์ ์๋ฏธ
ํ๋ฉด์์ ๊ทธ๋ํฝ ์์ ์ธ์๋, ํค๋ณด๋, ๋ง์ฐ์ค, ๋ฑ์ ๋ฌผ๋ฆฌ์ ์์๋ ์ปดํจํฐ์ ์ํธ ์์ฉํ๊ธฐ ์ํ ์์คํ
GUI(Graphical User Interface, ๊ทธ๋ํฝ ์ฌ์ฉ์ ์ธํฐํ์ด์ค)
์ฌ์ฉ์๊ฐ ๊ทธ๋ํฝ์ ํตํด ์ปดํจํฐ์ ์ ๋ณด๋ฅผ ๊ตํํ๋ ์์ ํ๊ฒฝ
์ด์์ฒด์ (window, mac, os) ํ๋ฉด, ์ ํ๋ฆฌ์ผ์ด์ ํ๋ฉด
ํ๋ก ํธ์๋ ๊ฐ๋ฐ์๊ฒ -> UI ์ฆ GUI
๐ UX(User Experience)
์ฌ์ฉ์ ๊ฒฝํ
์ฌ์ฉ์๊ฐ ์ด๋ค ์์คํ ,์ ํ,์๋น์ค๋ฅผ ์ง/๊ฐ์ ์ ์ผ๋ก ์ด์ฉํ๋ฉด์ ๋๋ผ๊ณ ์๊ฐํ๋ ์ด์ฒด์ ๊ฒฝํ
๐ UI์ UX์ ๊ด๊ณ
- UX๋ UI๋ฅผ ํฌํจํ๋ค.
- UI๊ฐ ํญ์ ์ข์ UX๋ฅผ ๋ณด์ฅํ์ง ์๋๋ค.
- ๋์ UI๋ ๋์ UX๋ฅผ ์ ๋ฐํ๋ค.
- ์๋ก ๋ณด์ํ๋ ์ญํ (์๋ก ๊ณ์ ๋ฐ์ ์ํฌ ์ ์๋ ๊ด๊ณ)
๋ฐ์ํ