UI
(User Interface)
μ¬μ μ μλ―Έλ‘ μ§μν΄λ³΄λ©΄
User: μ¬μ©μ
Interface: μΈν°νμ΄μ€ (μνΈμμ©)
μ μλ―Ένλ€.
μ΄λ μ¬λλ€μ΄ μ»΄ν¨ν°μ μνΈ μμ©νλ μμ€ν μ μλ―Ένλ€.
λ³΄ν΅ μ¬μ©μκ° μ ν / μλΉμ€λ₯Ό μ¬μ©ν λ
κ°μ₯ λ¨Όμ μ νκ² λλ λΆλΆμ΄λ€.
νλ©΄ μμ κ·Έλν½ μμ μΈμλ,
λ°μν λ±μ κΈ°μ μ μΈ μμλ λͺ¨λ
UIμ ν¬ν¨λλ€.
ν€λ³΄λ, λ§μ°μ€ λ±μ 물리μ μμ λν
μ»΄ν¨ν°μ μνΈ μμ©νκΈ° μν μμ€ν μΌλ‘
UIλΌκ³ λ³Ό μ μλ€.
νλμ¬νμ λ€μ΄μλ λͺ¨λ°μΌ λλ°μ΄μ€μμ
κ·Έλν½ UIμΈ GUIκ° μ€μν΄μ§κ² λμλ€.
κ·Έλ λ€λ©΄ UXλ 무μμΌκΉ?
UX
(User eXperience)
μ¬μ μ μλ―Έλ‘ μ§μν΄λ³΄λ©΄
User: μ¬μ©μ
eXperience: κ²½ν
μ μλ―Ένλ€.
μ΄λ μ¬μ©μκ° μ΄λ€
μμ€ν / μ ν / μλΉμ€λ₯Ό
μ§·κ°μ μ μΌλ‘ μ΄μ©νλ©΄μ
λλΌκ³ μκ°νλ μ΄μ²΄μ κ²½νμ΄λ€.
μ νμ λ΄κ΅¬μ±μ΄ μ½ν΄ μ λ§κ°μ§κ±°λ
AS μλΉμ€, ν보 λ±μ
μ νκ³Ό κ΄λ ¨λ λͺ¨λ μμκ°
UXμ μν₯μ μ£Όλ κ²μ΄λ€.
UXμ μν₯μ μ£Όλ λ§μ μμ μ€ νλκ°
λ°λ‘ UIμΈ κ²μ΄λ€.
UIμ UXμ κ΄κ³
κ²°λ‘ λΆν° λ§νμλ©΄
UXλ UIλ₯Ό ν¬ν¨νλ κ΄κ³μ΄λ€.
νμ§λ§, μ’μ UXκ° μ’μ UIλ₯Ό μλ―Ένκ±°λ
μ’μ UIκ° νμ μ’μ UXλ₯Ό 보μ₯νμ§λ μλλ€.
μμμ ν΄λ³Έλ€λ©΄ μ΄ν΄νκΈ° μ¬μΈ κ²μ΄λ€.
κΈ°λ₯ ꡬνμ΄ νλ₯νκ² λΌμλ μ νμ΄ μλλ°,
λμμΈμ΄ κΉλνμ§ μκ³ λμ‘νλ€λ©΄
μ΄λ μ’μ UIλ₯Ό μλ―Έν μ μλ€.
λ°λλ‘, κΉλνκ³ μΈλ ¨λ λμμΈμ κ°μΆμμ΄λ
κΈ°λ₯μ΄ μ λλ‘ μλλμ§ μλλ€λ©΄
μ’μ UIκ° UXλ₯Ό 보μ₯νμ§ μμμ 보μ¬μ€λ€.
'"곡λΆ" ππππππ > πΉππππ‘πππ' μΉ΄ν κ³ λ¦¬μ λ€λ₯Έ κΈ
[TIL] CSS / Sass / SCSS μ°¨μ΄μ μμ보기 (0) | 2023.06.03 |
---|---|
[TIL] REST-APIμ GraphQL-APIμ μ°¨μ΄μ (0) | 2023.02.28 |
Github Pages λ°°ν¬ μ favicon μ μ© μλλ μ΄μ (0) | 2022.04.12 |
[React error] Warning: Expected `onClick` listener to be a function, instead got a value of `object` type. (0) | 2022.04.05 |
re:tro νμ νλ‘μ νΈ κ°λ° μΌμ§ (4) | 2022.03.20 |
λκΈ