πΒ μ§μ μ μΈκ³: UIUX λμμ΄λ β κ·Έκ² μ νν λλ°μ? λ¬΄μ¨ μΌμ νλμ?
UIUX λ», UIUX λμμ΄λκ° νλ μΌ, UIUX λμμΈμ λ±μ₯, κ·Έλ¦¬κ³ λ€λ₯Έ λμμ΄λ μ§λ¬΄μλ μ΄λ€ μ°¨μ΄κ° μλμ§ κ°λ¨ν μ΄ν΄λ³Όκ²μ.
Jan 22, 2025
UIUX λμμ΄λλΌλ μ§μ
μ λν΄ λ€μ΄λ³Έ μ μμΌμ κ°μ?
ITμ
κ³κ° λ μ€λ₯΄κ³ , λμ§νΈ 리ν°λ¬μ μΈλ μ΄ν λμ μμλ‘ κΈμ±μ₯ν μ§μ
μ΄κΈ°λ νλ°μ. νμ§λ§ μμ§κΉμ§λ μΌλ° λμμ΄λ νΉμ μλ§μ λμ§νΈ κΈ°λ°μ λμμ΄λλ€κ³Ό μ νν 무μμ΄ λ€λ₯Έ κ²μΈμ§ μ΄ν΄νκΈ° μ΄λ ΅κΈ°λ ν©λλ€.
κ·Έλ° λΆλ€μ μν΄ μ€λ μ§μ
μ μΈκ³μμλ UIUX λμμ΄λμ κ΄ν΄ μ ν΄λ립λλ€.
π λͺ©μ°¨
- UIUX 1) UI 2) UX 3) UI UX μ°¨μ΄
- UIUX λμμ΄λ 1) UIUX λμμ΄λκ° νλ μΌ 2) UIUX λμμ΄λμ λ±μ₯ 3) UIUX? νλ‘λνΈ? λμμ΄λ μ§λ¬΄λ³ μ’ λ₯μ νλ μΌ
- μλμ΄ νμ§μμ μμ보λ UIUX Q&A
UIUX
UIUXλΌλ λ¨μ΄, λκ΅°κ°μκ²λ λ무λλ μ΅μνμ§λ§ λκ΅°κ°μκ²λ μμ§ κ΅μ₯ν μμν λ¨μ΄μ΄κΈ°λ ν©λλ€. UIμ UXμ μλ―Έμ λν΄ λ¨Όμ μμλ³Όκ²μ.
UI
UIλ User Interfaceμ μ½μλ‘, μ¬μ©μ(User)κ° μ ν, μλΉμ€, νλ‘κ·Έλ¨, κΈ°κ³ λ±μ μ΄μ©ν λ λμκ³Ό μν΅ν μ μλ 물리μ νΉμ κ°μμ 맀κ°μ²΄λ₯Ό λ§ν©λλ€. νΈλν°κ³Ό μ»΄ν¨ν°μ νλ©΄, κΈ°κ³μ μ‘°μ λ²νΌ λ± μ¬μ©μκ° λμμ μλμν¬ μ μλ κ²λ€μ μ΄λ₯΄λ λ§μΈλ°μ.
κΌ μ μ κΈ°κΈ°μ νλ©΄λ§μ λ§νλ κ²μ΄λΌκΈ°λ³΄λ€λ λ§ κ·Έλλ‘ μ¬μ©μκ° μ¬μ©νλ 맀κ°μ λͺ¨λ κ²μ λ§νλ κ²μ΄μ£ . μ, μμΉ, ν¬κΈ°, ν°νΈ, ꡬμ±(λ μ΄μμ) λ± μ¬μ©μκ° ν΄λΉ 맀κ°λ₯Ό μ¬μ©νκΈ° μν μλ¨μ λμμΈμ ν΅νμ΄ βUIβλΌκ³ λΆλ¦
λλ€.
UX
UXλ User Experienceμ μ½μλ‘, μ¬μ©μ(User)κ° μ ν, μλΉμ€, νλ‘κ·Έλ¨, κΈ°κ³ λ±μ μ΄μ©ν λμ κ²½νμμ μ€λ λ§μ‘±λλ₯Ό λ§ν©λλ€. κ·Έκ²μ΄ μ€μ λ‘ μ΄μ©νκΈ° νΈνλμ§, μνλ λͺ©μ μ λ¬μ±νλ κ²μ μ΄λ €μμ μμλμ§ λ± λ€μν κΈ°μ€ μλμμ μμ©ν©λλ€.
κ·Έλ κΈ° λλ¬Έμ UX λμμΈμ μ¬μ©μμ κ²½νμ μ€μ μΌλ‘ κ³ λ €νλ λμμΈ λ°©μμ λ»ν©λλ€. μ΄ λ²νΌμ μμΉκ° μ¬κΈ° μλ κ²μ΄ μ λ§ μ¬μ©μμκ² νΈν κ² λ§λμ§, μ΄ νμΌμ΄ μ¬κΈ° μλ κ²μ΄ μ¬μ©μ λμμ΄ λλμ§ λ±μ ꡬμ±νλ κ²μ΄μ£ . κ·Έκ²μ΄ 무μμ΄λ μ νμ μ¬μ©νκ³ λ κ³ κ°μ΄ βμ, νΈνλ€!β λΌκ³ λλ μ μλλ‘ μ€κ³νλ κ³Όμ μ
λλ€.
UI UX μ°¨μ΄
UIμ UX λ κ°μ§λ λΉμ·ν κ²μ²λΌ λκ»΄μ§μ§λ§ μ¬μ€ κ°μ§ μμ΅λλ€. UIκ° μ¬μ©μκ° μ§μ μ΄μ©ν μκ°μ μμλ₯Ό λμμΈνλ κ²μ΄κ³ , UXλ μ¬μ©μμ βκ²½νβ μ체μ μ§μ€ν΄ κ°μ²΄μ λͺ©μ μ μ¬μ©μκ° λ§μ‘±ν μ μλλ‘ κ΅¬μ±νλ λͺ¨λ μμλ₯Ό λ§νλ κ²μ΄μ£ .
μ΄ λ κ°μ§κ° λͺ¨λ μ μ ν κ³ λ €λμ΄ λ§λ€μ΄μ§ μ ν(νλ‘λνΈ)μ΄ λ°μ΄λ μ±κ³΅μ ν μ μκ² μ£ . κ·Έλ κΈ°μ UXμ κΈ°λ°νμ¬ μ νμ μ€κ³νκ³ , κ·Έ μ€κ³μ λ°λΌ UIλ₯Ό λμμΈνλ κ²μ
λλ€. κ·Έλ λ€λ©΄ UIUX λμμ΄λλ μ΄λ€ μ¬λμΌκΉμ?
UIUX λμμ΄λ
UIUX λμμ΄λκ° νλ μΌ
UIUX λμμ΄λλ μμμ λ§μλλ¦° λ°μ κ°μ λ»μ βUIβμ βUXβλ₯Ό κ³ λ €νμ¬ λμμΈμ νλ μ¬λμ
λλ€.
μ¬μ€ IT μ
κ³μλ μ΄μΈμλ μλ§μ λμμ΄λμ κ΄ν λ¨μ΄κ° λ§μ΅λλ€. μ΄ κΈμ μ£Όμ μΈ UIUX λμμ΄λλΆν° νλ‘λνΈ λμμ΄λ, μΉ λμμ΄λ λ± λ무λ λ§μ μ§λ¬΄λͺ
μ λλ‘λ μ΄λ€ μΌμ νλ κ²μΈμ§ ν·κ°λ¦¬κΈ°λ νλλ°μ. UIUX λμμΈμ λ±μ₯κ³Ό, λ€λ₯Έ λμμ΄λ μ§λ¬΄μλ μ΄λ€ μ°¨μ΄κ° μλμ§ κ°λ¨ν μ΄ν΄λ³Όκ²μ.
UIUX λμμ΄λμ λ±μ₯
UIμ UXλ μΈμμ μ‘΄μ¬νμ§ μλ κ°λ
μ΄ μ΄λ λ κ°μκΈ° λ±μ₯ν κ²μ μλλλ€. μΈκ°μ΄ μκΈ° μμ μΈμ λ€λ₯Έ 맀κ°μ²΄λ₯Ό ν΅ν΄ 무μΈκ°λ₯Ό λ§λ€κ³ κ²½ννκΈ° μμν¨κ³Ό λμμ μμν κ²μ΄λ λ§μ°¬κ°μ§μ£ . λ€λ§ κ·Έ λμλ μ μ’μ§ μμ UIμ UXκ° μ λλ‘ κ³ λ €λμ§ λͺ»νλ κ²°κ³Όλ¬Όμ΄ μμμ λΏμ
λλ€.
μ»΄ν¨ν°μ λ±μ₯κ³Ό ν¨κ» μΈκ°μ΄ μ»΄ν¨ν°λ₯Ό λ³΄λ€ λ μ μ¬μ©ν μ μλλ‘ κ³ λ €νλ λ°©μμ λν λ
Όμκ° μμλμμ΅λλ€. 1970λ
λ μ΄λ° λ±μ₯ν βGUI(κ·Έλν½ μ μ μΈν°νμ΄μ€, Graphic User Interface)β κ°λ
μ μμ΄μ½, μ°½, λ©λ΄ λ±μ ν΅ν΄ κ·Έλν½μΌλ‘ μμ°μ€λ½κ² μ¬μ©μ μ λν΄ μ½λ λλ λͺ
λ Ήμ΄λ₯Ό ν΅νμ§ μκ³ λ μ»΄ν¨ν°λ₯Ό μ¬μ©ν μ μκ² ν΄ μ£Όμμ£ .
μ§κΈμ λ무λ λΉμ°νκ² μ¬λ¬ κ·Έλν½μ΄ λ€μν λ°©λ©΄μ μ¬μ©λκ³ μμ§λ§, λμ§νΈ νκ²½μμ κ·Έλν½μ μ¬μ©μμ μ»΄ν¨ν°λ₯Ό μ°κ²°νλ 맀κ°μ²΄λ‘ μ¬μ©νλ κ²μ 첫 λ²μ§Έ κ±Έμμ΄μμ΅λλ€. μ΄ν PCμ λ°μ κ³Ό λλΆμ΄ λμ§νΈ κΈ°κΈ°λ€μ΄ ν¨κ» λΉ λ₯Έ μλλ‘ κ³ λνλκΈ° μμνλ©° UIμ μ€μμ± μμ ν¨κ» λλλκΈ° μμνμ΄μ.
βUXβ λΌλ λ¨μ΄λ λ―Έκ΅μ μΈμ§ μ¬λ¦¬νμ λλλ λ
Έλ¨Ό(Donald Norman)μ΄ 1993λ
μ²μμΌλ‘ μ μν λ¨μ΄μ
λλ€. λ¬Όλ‘ κ·Έ μ΄μ μλ βμ¬μ©μ κ²½νβ μ체μ λν λ€μν λ
Όμμ κ°λ
λ€μ΄ μμμ§λ§, μ΄ λ μ²μμΌλ‘ βUXβ λΌλ λ¨μ΄κ° λ±μ₯ν 건λ°μ. λλλ λ
Έλ¨Όμ λΉμ Apple μ¬μ νλ‘λνΈ λμμΈ νμ λΆμ¬μ₯μΌλ‘ μμΌλ©΄μ μ¬μ©μκ° μμ€ν
μ ν΅ν΄ κ²ͺλ μ²μλΆν° λκΉμ§μ λͺ¨λ κ³Όμ μ μΌμ»«λ λ¨μ΄λ₯Ό λ§λ€κ³ μΆμλ€κ³ λ§νμ΅λλ€.
μ΄ν 2000λ
λ, IT κΈ°μ
λ€μ΄ μ°¨λ‘λ‘ λμ§νΈ μ ν(νλ‘λνΈ)μΌλ‘ μ±κ³΅μ κ±°λλ©° κ·Έλ‘μ€ λ§μΌν
(Growth marketing), λ¦°-μ μμΌ(Lean-Agile) κ°λ
λ±κ³Ό ν¨κ» UIUXλ μ±κ³΅μ μΈ μ ν μΆμμ νμμ μΈ μμλ‘ μ리μ‘μμ΅λλ€. κ³ κ°μ΄ μ νμ μ¬μ©νλ©° λλΌλ κ²½νμ λ§μ‘±λμ μ¬λ―Έμ λ§μ‘±λ λͺ¨λ μ€μνλ μ΄μ©λ©΄ λΉμ°ν μΌμ΄μμ΅λλ€.
κ·Έλ¦¬κ³ μ΄λ¬ν μλμ λ³ν μ, UIUXλ₯Ό μ λ¬ΈμΌλ‘ λ€λ£¨λ μ§λ¬΄μ νμμ±μ΄ λλλκΈ° μμνμ£ . λ¨μ λ―Έμ μ κ°κ° νμμ μ΄λ£¨μ΄μ§λ μμ μ΄ μλκ³ , κ·Έλ λ€κ³ μ¬λ―Έμ μμκ° νμμΉ μμ μ€λ‘μ§ μ 보λ§μ΄ μ€μν κ²λ μλ μμμ΄μκΈ°μ μ΄μ λν λΎ°μ‘±ν μλμ΄ μλ μ¬λμ΄ νμνκ² λ κ²μ
λλ€.
UIUX λμμ΄λλ νμ¬ IT νλμμ μμ΄μλ μ λ μ¬λμΌλ‘, νλ‘λνΈμ κ³ κ° λ§μ‘±λλ₯Ό μ΄κ΄νλ©° λΉμ¦λμ€μ λͺ©ν λ¬μ±μ κΈ°μ¬νλ μ€μν μ§κ΅°μ
λλ€.
UIUX? νλ‘λνΈ? λμμ΄λ μ§λ¬΄λ³ μ’ λ₯μ νλ μΌ
UIUX λμμ΄λ μΈμ IT νλμλ μλ§μ λμμ΄λ μ§λ¬΄κ° μμ΅λλ€. κ·Έλ€μ μ΄λ€ μΌμ νκ³ , UIUX λμμ΄λμλ λ μ΄λ€ μ°¨μ΄κ° μμκΉμ? μ±μ© κ³΅κ³ λ±μ§μμ μμ£Ό λ§λλ³΄μ€ μ μλ λμμ΄λ μ§λ¬΄λ€μ΄ νλ μΌμ κ°λ¨ν μ ν΄λ립λλ€.
νλ‘λνΈ λμμ΄λ(Product Designer)
νλ‘λνΈ λμμ΄λ(Product Designer)λ μ ν(νλ‘λνΈ, product)μ μ λ°μ μΈ μ¬μ©μ κ²½νκ³Ό λμμΈμ μ΄κ΄νλ μΌμ ν©λλ€. μ¬μ©μκ° μ νμ μ¬μ©νλ κ³Όμ μμ λ§μ£Όνλ λͺ¨λ λ¨κ³μ λμμΈμ μμκ° μ νμ μ±κ²©κ³Ό λΈλλ μ€κ³μ κ±Έλ§λλ‘ λ§λλλ€. νλ‘λνΈ λμμ΄λλ μ¬λ―Έμ λμμΈμλ§ κ΅νλμ§ μκ³ , κ·Έκ²μ΄ λΉμ¦λμ€μ μ§νμλ μ΄λ ν μν₯μ λ―ΈμΉ μ§λ₯Ό κ³ λ €ν©λλ€.
μΉ λμμ΄λ(Web Designer)
μΉ λμμ΄λ(Web Designer)λ μΈν°λ· ννμ΄μ§λ₯Ό ꡬμ±νκ³ λμμΈνλ μΌμ ν©λλ€. μΈν°λ· νμ΄μ§μ λμμΈ, ꡬμ±, κΈμ, λ μ΄μμ λ± ννμ΄μ§λ₯Ό μ€κ³νκ³ λ§λλ μΌμ ν©λλ€. μ¬μ΄νΈμ μ€κ³λλ₯Ό 그리λ μΌκ³Ό λΉμ·ν΄ λλ‘λ νλ‘ νΈμλ κ°λ°μμ λΉκ΅λκΈ°λ ν©λλ€.
βΆοΈ π νλ‘ νΈμλ κ°λ°μ? κ·Έκ² λ νλ 건λ°?
λΈλλ λμμ΄λ(Brand Designer)
λΈλλ λμμ΄λ(Brand Designer)λ λΈλλμ μμ΄λ΄ν°ν°μ λμμΈμ λ€λ£¨λ μΌμ ν©λλ€. μ°λ¦¬μ λΈλλκ° λμ€λ€μκ² μ΄λ»κ² μΈμλκ³ μΆμμ§, κ·Έλ κ² λκΈ° μν΄μλ μ΄λ€ λμμΈμ μ°¨μ©ν΄μΌ νλμ§λ₯Ό ꡬμ±νκ³ κΈ°νν©λλ€. λΈλλ 컬λ¬λ λ§μ€μ½νΈ, λμμΈ κΈ°λ³Έ κ°μ΄λ λ±μ λ§λ€κΈ°λ ν©λλ€.
μ½ν μΈ λμμ΄λ(Contents Designer)
μ½ν
μΈ λμμ΄λ(Contents Designer)λ μ λ¬νκ³ μΆμ λ©μμ§λ₯Ό ν¨κ³Όμ μΌλ‘ λ΄μ μ μλ μ½ν
μΈ λ₯Ό μ€κ³νκ³ λμμΈνλ μΌμ ν©λλ€. λ§μΌν
μ¬μ΄λμ κ°κΉκ² νΉμ ν¨κ» μΌνλ κ²½μ°κ° λ§μΌλ©°, μλ‘μ΄ ν¬λ¦¬μμ΄ν°λΈλ₯Ό ν΅ν΄ λͺ©νλ₯Ό λ¬μ±ν μ μκ² λ§λλλ€.
μλμ΄ νμ§μμ μμ보λ UIUX Q&A
λμμ΄λλ₯Ό κΏκΎΈμλ λΆμ΄λΌλ©΄ λꡬλ κΆκΈν΄νλ κ²λ€μ΄ μμ΅λλ€. κ·Έλ° λΆλ€μ μν΄ BXλμμ΄λ, UXλμμ΄λλ₯Ό κ±°μ³ νμ¬ νν
ν¬ κΈ°μ
μμ λμμΈν 리λλ‘ μΌνκ³ κ³μ κΉνκΈΈ λμμ΄λλκ»μ μ§μ λ΅λ³ν΄ μ£Όμ
¨μ΅λλ€. μ§μ
μ μΈκ³ UIUX 1νΈμμλ λμμ΄λ μ§λ¬΄ μ νμ κ³ λ―Όμ λν΄ κ³΅μ ν©λλ€.
UI λμμ΄λ, μΉ λμμ΄λ, νλ‘λνΈ λμμ΄λβ¦ μ΄λ€ μ§λ¬΄λ₯Ό μ νν΄μΌ ν μ§ κ³ λ―ΌλΌμ.
π¨ κΉνκΈΈ λμμ΄λλμ μ‘°μΈ
λμμ΄λ μμμλ λͺ
μΉμ΄ λ무 λ§λ€λ μ΄μΌκΈ°μ μ κ·Ή 곡κ°ν©λλ€. κ° λͺ
μΉλ§λ€ μ΄λ€ μΌμ νλμ§μ λν μ μλ νμ μ‘΄μ¬νμ£ . νμ§λ§ μ€μ λ‘ νλ μΌμ νμ¬μμ μν κ³Ό μ±
μμ μ νκΈ° λλ¦μ
λλ€. κ·Έλ κΈ°μ μ§λ¬΄ λͺ
μΉλ³΄λ€λ μ΄λ€ μΌμ νλμ§μ μ΄μ μ λκ³ μ±μ© κ³΅κ³ λ₯Ό μ΄ν΄λ³΄μΈμ.
λ, 컀리μ΄λ₯Ό μμκ°λ κ³Όμ μμ μ§λ¬΄ λͺ
μΉμ 맀λͺ°λλ κ²μ νΌνμλ κ² μ’μ΅λλ€. λͺ
μΉλ§ λ³΄κ³ μΌμ νκ² λλ©΄ νκ³ μΆμ μΌκ³Ό λ³κ°μ μΌμ νκ² λ κ°λ₯μ±μ΄ λμμ. λ΄κ° νκ³ μΆμ 'μΌ'μ΄ λ¬΄μμΈμ§μ μ§μ€ν΄ μ±μ₯νλ κΈΈμ λ§λ€μ΄ λκ°κΈ°λ₯Ό λ°λλλ€.
UIUX λμμ΄λλ λμμΈκ³Ό κ³ κ°μΌλ‘ νμ¬κΈ λΉμ¦λμ€ λͺ©ν μ±μ₯μλ μ κ΄ν μν₯μ μ€ μ μλ 맀λ ₯μ μΈ μ§λ¬΄μ
λλ€. λ°μ΄ν°λ‘ νμ¬κΈ μμ
λ¬Όμ νκ³ ν μ μκ³ , λ λμ λ°©ν₯μ΄ μ΄λ λ°©ν₯μΈμ§λ₯Ό μμλ³΄κ³ νλ‘λνΈ μ체λ₯Ό μ±μ₯μν¬ μ μμ£ .
UIUX μλμ κΌ λμμ΄λλ§μ΄ μλλΌ PM λ± IT μ
κ³ μ λ°μ λ§€μ° μ μλ―Ένκ² μμ©ν©λλ€. μ΄λ€ μ νμ λ§λ€λ κ³ κ°μ λ§μ‘±λλ μ νμ μ±κ³΅μ κ°μ₯ ν° μν₯μ λ―ΈμΉλ€κ³ ν΄λ κ³ΌμΈμ΄ μλλκΉμ.
μ§κΈ λ°λ‘ λ΄μΌλ°°μμΊ ν UIUX νΈλμ ν΅ν΄ μλμ ν€μ보μΈμ. λꡬλ ν°μΌ λΌ μ μμ΅λλ€.
Share article
Subscribe to our newsletter