โ๏ธ ์์
UI / UX์ ๋ํด ์์ธํ ํ์ตํ๋ค.
๐ UI / UX
โ๏ธ UI(User Interface, ์ฌ์ฉ์ ์ธํฐํ์ด์ค)
- ์ฌ๋๋ค์ด ์ปดํจํฐ์ ์ํธ ์์ฉํ๋ ์์คํ
- GUI(Graphical User Interface, ๊ทธ๋ํฝ ์ฌ์ฉ์ ์ธํฐํ์ด์ค)
- ์ฌ์ฉ์๊ฐ ๊ทธ๋ํฝ์ ํตํด ์ปดํจํฐ์ ์ ๋ณด๋ฅผ ๊ตํํ๋ ์์
ํ๊ฒฝ
โ๏ธ UX(User Experience, ์ฌ์ฉ์ ๊ฒฝํ)
- ์ฌ์ฉ์๊ฐ ์ด๋ค ์์คํ
, ์ ํ, ์๋น์ค๋ฅผ ์งโข๊ฐ์ ์ ์ผ๋ก ์ด์ฉํ๋ฉด์ ๋๋ผ๊ณ ์๊ฐํ๋ ์ด์ฒด์ ๊ฒฝํ
(์ ํ, ์๋น์ค ๊ทธ ์์ฒด์ ๋ํ ๊ฒฝํ / ํ๋ณด, ์ ๊ทผ์ฑ, ์ฌํ ์ฒ๋ฆฌ ๋ฑ ์ง๊ฐ์ ์ ์ผ๋ก ๊ด๋ จ๋ ๋ชจ๋ ๊ฒฝํ)
- UI/UX์ ๊ด๊ณ
- UX๋ UI๋ฅผ ํฌํจํ๊ณ ์๋ค.
- UI์ UX๋ ์๋ก ๋ค๋ฅธ ๊ฐ๋
์ด์ง๋ง ๋๋ ์ผ ๋ผ ์ ์๋ ๊ด๊ณ์ด๋ค.
- ์๋ก๋ฅผ ๋ณด์ํ๋ ์ญํ ์ ํ๋ค.
- UX๊ฐ ์ข์ง ์์ ๊ณณ์ ์ฐพ์๋ด UI๋ฅผ ๊ฐ์ ํ ์ ์๊ณ , UI๋ฅผ ๊ฐ์ ํด UX๊ฐ ์ข์์ง๊ธฐ๋ ํ๋ค.
๐๋์์ธ ํจํด
- ์์ฃผ ์ฌ์ฉ ๋๋ UI ์ปดํฌ๋ํธ
- ๋์์ด ํจํด์ ์ฌ์ฉํด ๋ค๋ฅธ ์ง๊ตฐ๊ณผ์ ์์ฌ์ํต๋ ์ํํด์ ธ ํ์
ํจ์จ์ ๋์ผ ์ ์๋ค.
1. ๋ชจ๋ฌ(Modal)
- ๊ธฐ์กด์ ์ด์ฉํ๋ ํ๋ฉด ์์ ์ค๋ฒ๋ ์ด ๋๋ ์ฐฝ
- ๋ธ๋ผ์ฐ์ ์ค์ ์ ์ํฅ์ ๋ฐ์ง ์๋๋ค. (๊ผญ ๋ณด์ฌ์ค์ผ ํ ๋ด์ฉ์ด ์์ ๋ ์ฌ์ฉํ๋ ํธ)
ํ์
์ฐฝ : ๋ ๋ค๋ฅธ ๋ธ๋ผ์ฐ์ ํ์ด์ง๋ฅผ ์ฐ๋ค. (๋ชจ๋ฌ๊ณผ ๊ฐ๋
์ด ๋ค๋ฅด๋ค.)
2. ํ ๊ธ(TOggle)
- ON/OFF๋ฅผ ์ค์ ํ ๋ ์ฌ์ฉํ๋ ์ค์์น ๋ฒํผ
- ์ด๋ ์ต์
์ด ์ ํ๋์ด ์๋์ง ์ง๊ด์ ์ผ๋ก ์ ์ ์์ด์ผํ๋ค.
์ต์
์ ๊ฐ์๊ฐ ๋ง์์ง ๊ฒฝ์ฐ ํญ์ ์ฌ์ฉํ๋ ๊ฒ์ ๊ณ ๋ คํด์ผํ๋ค.
3.ํญ (Tab)
- ์ฝํ
์ธ ๋ฅผ ๋ถ๋ฆฌํด์ ๋ณด์ฌ์ฃผ๊ณ ์ถ์ ๋ ์ฌ์ฉ
- ๊ฐ ์น์
์ ์ด๋ฆ์ด ๋๋ฌด ๊ธธ์ง ์์์ผํ๋ค.
- ์น์
์ ๊ตฌ๋ถ์ด ๋ช
ํํด์ผํ๋ค.
- ํ์ฌ ์ด๋ค ์น์
์ ๋ณด๊ณ ์๋์ง ํ์ํด ์ค์ผํ๋ค.
4.ํ๊ทธ (Tag)
- ์ฝํ
์ธ ๋ฅผ ์ค๋ช
ํ๋ ํค์๋๋ฅผ ์ฌ์ฉํด ๋ผ๋ฒจ์ ๋ถ์ด๋ ์ญํ
- ํ๊ทธ๋ก ์ฌ์ฉ๋ ํค์๋๋ ์ฌ์ฉ์๊ฐ ์ง์ ์์ฑํ ์ ์๋ค/๊ฐ๋ฐ์๊ฐ ์ข
๋ฅ๋ฅผ ์ ํ ์๋ ์๋ค.
- ๋ฐฉ์์ด ์ด๋ป๋ ํด๋น ํ๊ทธ์ ์ถ๊ฐ/์ญ์ ๋ ์์ ๋กญ๊ฒ ํ ์ ์์ด์ผ ํ๋ค.
5.์๋์์ฑ (Autocomplete)
- ์ฌ์ฉ์๊ฐ ๋ด์ฉ์ ์
๋ ฅ ์ค ์ฌ์ฉ์๊ฐ ์
๋ ฅํ๊ณ ์ ํ๋ ๋ด์ฉ๊ณผ ์ผ์นํ ๊ฐ๋ฅ์ฑ์ด ๋์ ํญ๋ชฉ์ ๋ณด์ฌ์ฃผ๋ ๊ฒ
- ํญ๋ชฉ์ด ๋๋ฌด ๋ง์ด ๋์ค๋ฉด ์๋๊ธฐ์ ๊ฐ์ ์ ํ์ ์ฃผ๋๊ฒ ์ข๋ค.
- ํค๋ณด๋ ๋ฐฉํฅ ํค๋ ํด๋ฆญ ๋ฑ์ผ๋ก ์ ๊ทผ ๊ฐ๋ฅํ๋๋ก
6.๋๋กญ๋ค์ด (Dropdown)
- ์ ํํ ์ ์๋ ํญ๋ชฉ๋ค์ ์จ๊ฒจ ๋์๋ค๊ฐ ํผ์น๋ฉด์ ์ ํํ ์ ์๊ฒ ํด์ฃผ๋ ๊ฒ
- ์ฌ์ฉ์๊ฐ ์์ ์ด ์ ํํ ํญ๋ชฉ์ ์ ํํ ์ ์ ์๊ฒ ๋ง๋๋ ๊ฒ
7.์์ฝ๋์ธ (Accordion)
- ์ ์๋ค/ํ๋ค ํ ์ ์๋ ์ปดํฌ๋ํธ
- ํธ๋ฆฌ ๊ตฌ์กฐ์ ์ฝํ
์ธ ๋ฅผ ๋ ๋๋ง ํ ๋/ ๋ฉ๋ด๋ฐ๋ก ์ฌ์ฉํ ๋
- ์ฝํ
์ธ ๋ฅผ ๋ด๋ ์ฉ๋์ธ ๊ฒฝ์ฐ ํต์ฌ ๋ด์ฉ์ ๋จผ์ ์ ๋ฌํ๋ ค๋ ๋ชฉ์ ์ด ์๋ค.
8.์บ๋ฌ์
(Carousel)
- ๊ณตํญ์ ์ํ๋ฌผ ์ปจ๋ฒ ์ด์ด ๋ฒจํธ/ํ์ ๋ชฉ๋ง๋ผ๋ ๋ป
- ๋น๊ธ๋น๊ธ ๋์๊ฐ๋ฉด์ ์ฝํ
์ธ ๋ฅผ ํ์ํด ์ฃผ๋ ๊ฒ (์ฌ๋ผ์ด๋ ํจ๊ณผ)
- ํ ํ์ด์ง์ ๋์ฐ๊ธฐ์ ์ ๋ณด๊ฐ ๋ง์ ๊ฒฝ์ฐ ์ฑ
ํ์ด์ง๋ฅผ ๋๊ธฐ๋ฏ์ด ๋ฒํธ๋ฅผ ๋ถ์ฌ ํ์ด์ง๋ฅผ ๊ตฌ๋ถํ๋ ๊ฒ (ํ์ด์ง ์ด๋)
์ฅ์ : ์ฌ์ฉ์๊ฐ ์ํ๋ ํ์ด์ง๋ก ๋ฐ๋ก ์ ๊ทผํ ์ ์๋ค.
๋จ์ : ํ์ด์ง๋ฅผ ๋๊ธฐ๊ธฐ ์ํด์๋ ์ ์ ๋ฉ์ถฐ์ผํ๊ธฐ์ ๋งค๋๋ฌ์ด ์ฌ์ฉ์ ๊ฒฝํ๊ณผ ๊ฑฐ๋ฆฌ๊ฐ ๋ฉ ์ ์๋ค.
- ๋ชจ๋ ์ฝํ
์ธ ๋ฅผ ๋ถ๋ฌ์ฌ ๋๊น์ง ๋ฌดํ์ผ๋ก ์คํฌ๋กค์ ๋ด๋ฆด ์ ์๋ ๊ฒ
- ํ์ด์ง๋ค์ด์
๊ณผ ๋์ผํ๊ฒ ํ ๋ฒ์ ๋์ฐ๊ธฐ์ ๋ง์ ์ ๋ณด๊ฐ ์์ ๋ ์ฌ์ฉ
์ฅ์ : ํ์ด์ง๋ค์ด์
๊ณผ ๊ฐ์ด ์ ์ ๋ฉ์ถฐ์ ํ์ด์ง๋ฅผ ์ ํํ ํ์๊ฐ ์๊ธฐ์ ์ข ๋ ๋งค๋๋ฝ๋ค.
๋จ์ : ์ฝํ
์ธ ์ ๋์ด ์ด๋์ง ์ ์ ์๋ค, ์ง๋์น ์ฝํ
์ธ ๋ฅผ ์ฐพ๊ธฐ ์ด๋ ต๋ค.
๋ณดํต ํ์ด์ง์ ๋งจ ์๋์ ๋๋ฌํ๋ฉด ์ถ๊ฐ ์ฝํ
์ธ ๋ฅผ ๋ก๋ํด์ค๋ ๋ฐฉ์
์ฒ์๋ถํฐ ๋ชจ๋ ์ฝํ
์ธ ๋ฅผ ๋ก๋ํด์จ ํ ์กฐ๊ธ์ฉ ๋ณด์ฌ์ฃผ๋ ๋ฐฉ์์ ๋ฌดํ ์คํฌ๋กค์ด๋ผ๊ณ ํ ์ ์์ผ๋ฏ๋ก ์ฃผ์ํด์ผ ํ๋ค.
11.GNB (Global Navigation Bar), LNB (Local Navigation Bar)
GNB : ์ด๋ ํ์ด์ง์ ๋ค์ด๊ฐ๋ ์ฌ์ฉํ ์ ์๋ ์ต์์ ๋ฉ๋ด
LNB : GNB์ ์ข
์๋๋ ์๋ธ ๋ฉ๋ด ํน์ ํน์ ํ์ด์ง์์๋ง ๋ณผ ์ ์๋ ๋ฉ๋ด
GNB๋ ํญ์ ๋์ผํ ์์น์ ์์ด์ผ ํ๋ค.
GNB๊ฐ ์๋ค ์๋ค ํ๋ค๊ฑฐ๋ ์์น๊ฐ ์๊พธ ๋ณํ๋ฉด ์ฌ์ฉ์ ๊ฒฝํ์ ์
์ํฅ์ ์ค ์ ์๋ค.
๐๊ทธ๋ฆฌ๋ ์์คํ
(Grid System)
- ๊ทธ๋ฆฌ๋(grid) : ์์ง, ์ํ์ผ๋ก ๋ถํ ๋ ๊ฒฉ์๋ฌด๋ฌ
- ํ๋ฉด์ ์ธ๋ก๋ก ๋ช ๊ฐ์ ์์ญ์ผ๋ก ๋๋ ๊ฒ์ธ๊ฐ์ ์ด์ ์ ๋ง์ถ ์ปฌ๋ผ ๊ทธ๋ฆฌ๋ ์์คํ
(Column Grid System)์ ์ฌ์ฉํ๋ค.
- Margin, Column, Gutter ์ธ ๊ฐ์ง ์์ ๊ตฌ์ฑ
1. Margin
- ํ๋ฉด ์์ชฝ์ ์ฌ๋ฐฑ์ ์๋ฏธ (px, vw, %๋จ์๋ก ์ค์ )
2. Column
- ์ฝํ
์ธ ๊ฐ ์์นํ๊ฒ ๋ , ์ธ๋ก๋ก ๋๋์ด์ง ์์ญ
- ํ์ค์ ์ธ ์นผ๋ผ ๊ฐ์
- ํด๋ํฐ : 4๊ฐ
- ํ๋ธ๋ฆฟ : 8๊ฐ
- PC : 12๊ฐ
- ๋๋ฐ์ด์ค ํ๋ฉด ํฌ๊ธฐ
- ์์ ์ค๋งํธํฐ : 0 ~ 480
- ํฐ ์ค๋งํธํฐ/ํํ๋ฆฟ ์ธ๋ก : 481 ~ 768
- ํ๋ธ๋ฆฟ ๊ฐ๋ก/๋
ธํธ๋ถ : 769 ~ 1279
- ๋ฐ์คํฌํ : 1280 ~
3. Gutter
- Column ์ฌ์ด์ ๊ณต๊ฐ์ผ๋ก, ์ฝํ
์ธ ๋ฅผ ๊ตฌ๋ถํ๋๋ฐ ๋์์ ์ค๋ค.
- Gutter์ ๊ฐ๊ฒฉ์ด ์ข์์๋ก : ์ฝํ
์ธ ๋ค์ด ์ฐ๊ด์ฑ ์์ด ๋ณด์ธ๋ค.
- Gutter์ ๊ฐ๊ฒฉ์ด ๋์์๋ก : ๊ฐ ์ฝํ
์ธ ๊ฐ ๋
๋ฆฝ์ ์ธ ๋๋์ ์ค๋ค.
๐์ข์ UX๋ฅผ ๋ง๋๋ ์์
1. ์ ์ฉ์ฑ(Useful) : ์ฌ์ฉ ๊ฐ๋ฅํ๊ฐ?
์ ํ์ด๋ ์๋น์ค๊ฐ ๋ชฉ์ ์ ๋ง๋, ์ฌ์ฉ ๊ฐ๋ฅํ ๊ธฐ๋ฅ์ ์ ๊ณตํ๊ณ ์๋๊ฐ์ ๊ดํ ์์
2. ์ฌ์ฉ์ฑ(Usable) : ์ฌ์ฉํ๊ธฐ ์ฌ์ด๊ฐ?
์ ํ์ด ๋ณธ์ฐ์ ๊ธฐ๋ฅ์ ์ ๊ณตํ๋ ๊ฒ์ ๋์ด์ ์ฌ์ฉํ๊ธฐ ์ฌ์ด๊ฐ์ ๊ดํ ์์
3. ๋งค๋ ฅ์ฑ(Desirable) : ๋งค๋ ฅ์ ์ธ๊ฐ?
๋ง ๊ทธ๋๋ก ์ ํ์ด ์ฌ์ฉ์๋ค์๊ฒ ๋งค๋ ฅ์ ์ธ๊ฐ์ ๋ํ ์์
4. ์ ๋ขฐ์ฑ(Credible) : ์ ๋ขฐํ ์ ์๋๊ฐ?
์ฌ์ฉ์๊ฐ ์ ํ์ด๋ ์๋น์ค๋ฅผ ๋ฏฟ๊ณ ์ฌ์ฉํ ์ ์๋๊ฐ์ ๊ดํ ์์
5. ์ ๊ทผ์ฑ(Accessible) : ์ ๊ทผํ๊ธฐ ์ฌ์ด๊ฐ?
๋์ด, ์ฑ๋ณ, ์ฅ์ ์ฌ๋ถ๋ฅผ ๋ ๋์ ๋๊ตฌ๋ ์ง ์ ํ์ด๋ ์๋น์ค์ ์ ๊ทผํ ์ ์๋๊ฐ์ ๊ดํ ์์
6. ๊ฒ์ ๊ฐ๋ฅ์ฑ(Findable) : ์ฐพ๊ธฐ ์ฌ์ด๊ฐ?
์ฌ์ฉ์๊ฐ ์ํ๋ ๊ธฐ๋ฅ์ด๋ ์ ๋ณด๋ฅผ ์ฝ๊ฒ ์ฐพ์ ์ ์๋๊ฐ์ ๊ดํ ์์
7. ๊ฐ์น์ฑ(Valuable) : ๊ฐ์น๋ฅผ ์ ๊ณตํ๋๊ฐ?
์์์ ์ธ๊ธ๋ ๋ชจ๋ ์์๋ค์ ์ดํฉํ์ฌ ๊ณ ๊ฐ์๊ฒ ๊ฐ์น๋ฅผ ์ ๊ณตํ๊ณ ์๋๊ฐ์ ๊ดํ ์์
๐User Flow(์ฌ์ฉ์ ํ๋ฆ)
- ์ฌ์ฉ์๊ฐ ์ ํ์ ์ง์
ํ ์์ ์ ์์์ผ๋ก ์ทจํ ์ ์๋ ๋ชจ๋ ํ๋
User Flow ๋ค์ด์ด๊ทธ๋จ ์์ฑ๋ฒ
- ์ง์ฌ๊ฐํ : ์ฌ์ฉ์๊ฐ ๋ณด๊ฒ ๋ ํ๋ฉด ( ex. ํ์ ๊ฐ์
ํ์ด์ง, ๋ก๊ทธ์ธ ํ์ด์ง โฆ )
- ๋ค์ด์๋ชฌ๋ : ์ฌ์ฉ์๊ฐ ์ทจํ๊ฒ ๋ ํ๋ ( ex. ๋ก๊ทธ์ธ, ๋ฒํผ ํด๋ฆญ, ์
๋ก๋ โฆ )
- ํ์ดํ : ์ง์ฌ๊ฐํ(ํ๋ฉด)๊ณผ ๋ค์ด์๋ชฌ๋(ํ๋)๋ฅผ ์ฐ๊ฒฐ์์ผ์ฃผ๋ ํ์ดํ
User Flow ๋ค์ด์ด๊ทธ๋จ์ ๊ทธ๋ฆฌ๋ฉด ์ข์ ์ด์
- ์ฌ์ฉ์ ํ๋ฆ ์ ์ด์ํ๊ฑฐ๋ ๋งค๋๋ฝ์ง ์์ ๋ถ๋ถ์ ๋ฐ๊ฒฌํด ์์ ํ ์ ์์
- ์ข์ ๊ธฐ๋ฅ์ ๋ฐ๊ฒฌํด ์ถ๊ฐํ๊ฑฐ๋ ์์ด๋ ์๊ด์๋ ๊ธฐ๋ฅ์ ๋ฐ๊ฒฌํ๊ณ ์ญ์ ํ ์ ์์
๐์ ์ด์ฝฅ ๋์จ์ 10๊ฐ์ง ์ฌ์ฉ์ฑ ํ๊ฐ ๊ธฐ์ค (Jakobโs Ten Usability Heuristics)
Heuristic(ํด๋ฆฌ์คํฑ)
'์ฒดํ์ ์ธ'์ด๋ผ๋ ๋ป, ์๋ฒฝํ ์ง์ ๋์ ์ง๊ด๊ณผ ๊ฒฝํ์ ํ์ฉํ๋ ๋ฐฉ๋ฒ๋ก
1. ์์คํ
์ํ์ ๊ฐ์์ฑ (Visibility of system status)
ํฉ๋ฆฌ์ ์ธ ์๊ฐ ๋ด์ ์ ์ ํ ํผ๋๋ฐฑ์ ํตํด ์ฌ์ฉ์์๊ฒ ์งํ ์ํฉ์ ๋ํ ์ ๋ณด๋ฅผ ํญ์ ์ ๊ณต
ํผ๋๋ฐฑ์ด ์กด์ฌํ๋์? / ์ฆ์ ์ ๊ณต๋๋์? / ๋ช
ํํ๊ฐ์?
2. ์์คํ
๊ณผ ํ์ค ์ธ๊ณ์ ์ผ์น (Match between system and the real world)
๋ด๋ถ ์ ๋ฌธ์ฉ์ด๊ฐ ์๋ ์ฌ์ฉ์์๊ฒ ์น์ํ ๋จ์ด, ๊ตฌ๋ฌธ ๋ฐ ๊ฐ๋
์ ์ฌ์ฉ
3. ์ฌ์ฉ์ ์ ์ด ๋ฐ ์์ (User control and freedom)
ํ์ฌ ์งํ ์ค์ธ ์์
์์ ๋ฒ์ด๋ ์ ์๋ ๋ฐฉ๋ฒ, ํน์ ์ค์๋ก ์ํํ ์์
์ ์ทจ์ํ ์ ์๋ ๋ฐฉ๋ฒ (โํ์ถ๊ตฌโ๋ฅผ ๋ช
ํํ๊ฒ ์ ๊ณต)
4. ์ผ๊ด์ฑ ๋ฐ ํ์ค (Consistency and standards)
์ธ๋ถ ์ผ๊ด์ฑ : ์ผ๊ด์ ์ธ ์ฌ์ฉ์ ๊ฒฝํ์ ์ ๊ณตํ๊ธฐ ์ํด์ ํ๋ซํผ ๋ฐ ์
๊ณ์ ๊ด์ต์ ๋ฐ๋ฅธ๋ค.
์ฌ์ฉ์์๊ฒ ์ต์ํ UI๋ฅผ ์ ๊ณตํ์ธ์. ์ ์๋ ค์ง UI ๋์์ธ ํจํด์ ์ฌ์ฉํ๋ ๊ฒ์ด ์ข์ต๋๋ค.
๋ด๋ถ ์ผ๊ด์ฑ : ์ฌ์ฉ์๊ฐ ํผ๋์ค๋ฝ์ง ์๋๋ก ์ ํ์ ์ธํฐํ์ด์ค๋ ์ ๋ณด ์ ๊ณต์ ์ผ๊ด์ฑ์ด ์์ด์ผ ํ๋ค.
ex) ํ ์ ํ ๋ด์์ ๊ฐ์ ์ธํฐํ์ด์ค๋ฅผ ์ ์ง(๋ฒํผ์ ๋ชจ์, ์์น, ์์ด์ฝ ํฌ๊ธฐ ๋ฑ)
5. ์ค๋ฅ ๋ฐฉ์ง (Error prevention)
์ค๋ฅ๊ฐ ๋ฐ์ํ๊ธฐ ์ฌ์ด ์ํฉ์ ๋ฐฉ์งํด ์ฌ์ฉ์์ ์ค์๋ฅผ ๋ฐฉ์ง
6. ๊ธฐ์ต๋ณด๋ค๋ ์ง๊ด (Recognition rather than recall)
์ฌ์ฉ์๊ฐ ๊ธฐ์ตํด์ผ ํ๋ ์ ๋ณด๋ฅผ ์ค์ธ๋ค.
ex) ์ต๊ทผ ๊ฒ์ํ๋ ๋จ์ด ๋ชฉ๋ก์ ํ์ธ
7. ์ฌ์ฉ์ ์ ์ฐ์ฑ๊ณผ ํจ์จ์ฑ (Flexibility and efficiency of use)
์ด๋ณด์์ ์ ๋ฌธ๊ฐ ๋ชจ๋์๊ฒ ๊ฐ๋ณ ๋ง์ถค ๊ธฐ๋ฅ์ ์ ๊ณต (์ปค์คํ
)
8. ๋ฏธํ์ ์ด๊ณ ๋ฏธ๋๋ฉํ ๋์์ธ (Aesthetic and minimalist design)
์ธํฐํ์ด์ค์๋ ๊ด๋ จ์ด ์๊ฑฐ๋ ๋ถํ์ํ ์ ๋ณด๊ฐ ํฌํจํ์ง ์๋๋ก, ์ฝํ
์ธ ์ ๊ธฐ๋ฅ์ ์ฐ์ ์์๋ฅผ ์ ํ๊ณ ์ฐ์ ์์๊ฐ ๋์ ๊ฒ์ ์ ์ ๊ณตํ๊ณ ์๋์ง ํ์ธ
ex) ์ฌ์ฉ ๋น๋๊ฐ ์ ์ ๋ฉ๋ด๋ฅผ ๋ค ๋ณด์ฌ์ค ํ์๋ ์๋ค. ํ์ํ ๋์๋ง ๋ณผ ์ ์๊ฒ ์จ๊ฒจ๋๋ ๊ฒ๋ ์ข์ ๋ฐฉ๋ฒ์ด๋ค.
9. ์ค๋ฅ์ ์ธ์, ์ง๋จ, ๋ณต๊ตฌ๋ฅผ ์ง์ (Help users recognize, diagnose, and recover from errors)
์ฌ์ฉ์๊ฐ ์ดํดํ ์ ์๋ ์ธ์ด๋ฅผ ์ฌ์ฉํ์ฌ ๋ฌธ์ ๊ฐ ๋ฌด์์ธ์ง ์ ํํ๊ฒ ํ์(ํด๊ฒฐ ๋ฐฉ๋ฒ์ ์ ์)
10. ๋์๋ง ๋ฐ ์ค๋ช
๋ฌธ์ (Help and documentation)
์ถ๊ฐ ์ค๋ช
์ด ํ์ ์๋ ๊ฒ์ด ๊ฐ์ฅ ์ข์ง๋ง, ์ํฉ์ ๋ฐ๋ผ ์ดํดํ๋ ๋ฐ ๋์์ด ๋๋ ๋ฌธ์๋ฅผ ์ ๊ณต
โ๏ธ ๋ง์น๋ฉฐ
UI / UX์ ๋ํด ์๊ฐ ๋ณด๋ค ๋ง์ ์ฌํญ์ ๊ณ ๋ คํ๊ณ
์ฌ์ฉ์ ์
์ฅ์์ ์๊ฐํด ์ ํ์ ์ ์ํด์ผ ํ๋ค๋ ์ ์ ๋ค์ ํ ๋ฒ ์๊ธฐํ ์ ์์๋ค.
๊ฒฐ๊ตญ ์ฌ์ฉ์๊ฐ ์ ํ์ ์ฌ์ฉํ๋ ๊ฒ์ด๊ธฐ์
์ ์์๊ฐ ํธํ ์ ํ์ด ์๋ ์ฌ์ฉ์๊ฐ ์ฒ์ ์ ํด๋ ์๊ธฐ ์ฝ๊ณ ํธ๋ฆฌํ ์ ํ์ ๋ง๋ค์ด์ผ ํ๋ค๊ณ ์๊ฐํ๋ค.