π λμμΈ νμ μ¨λ³΄λ©μ μ΄λ»κ² νλ©΄ μ’μκΉ?
Posting : 06.16.2022
Designer : κΉμΈμ
#Icon #Naming #designSystem #Guide
λμμΈν μ¨λ³΄λ©μ λν κ³ λ―Ό
λμμΈν μ¨λ³΄λ©μ κ²½ννλ©° νκ³ μ μμΌλ‘ λ μΆκ°ν κ²λ€
μ κ· UX/UI λμμ΄λμ μ±μ©μΈμμ΄ νλκ° λλ©΄μ μ¨λ³΄λ©λ¬Έμλ₯Ό μμ±νκ³ νλ‘μΈμ€λ₯Ό νκ³ ν κ°μ Έκ°λ κ²μ νμμ±μ λλΌκ² λμλ€. μ¨λ³΄λ© λ¬Έμλ₯Ό μμ±νκ³ , μ¨λ³΄λ©μ κ²½ννλ©΄μ λΆμ‘±νλ λΆλΆλ€, μΆκ°ν΄μΌλ 체ν¬μ¬νλ€μ μ΄ν΄λ³΄κ³ μ νλ λ§μμ κΈμ μ°κ² λμλ€.
(ν΄λΉ λ¬Έμκ° μ¨λ³΄λ©μ νλ λ€λ₯Έ λΆμμ λμμΈνλ€μκ² λμμ΄ λκΈΈ λ°λΌλ©° ..π)
μ°Έκ³ λ‘ νμλ νμ νκ³Ό λμμΈνμ΄ λ 립μ μΌλ‘ μμ§μ΄λ μμ€ν ꡬ쑰μ΄κΈ° λλ¬Έμ μ 체νμ¬μ λν μ¨λ³΄λ©μ νΌνν(HR)μμ 1μΌμ°¨μ μ§ννκ³ , λμμΈν μ¨λ³΄λ©μ λ°λ‘ λ¬Έμλ₯Ό λ§λ ¨νμ¬ μ§ννμλ€. κ·Έλ¬λ―λ‘ μ΄ κΈμ λμμΈν μ¨λ³΄λ©μ μ§ννλ©΄μ μμ±λ κΈμμ 미리 μΈμ§νκΈΈ λ°λλ€.
μ¨λ³΄λ©μ νμν μμλ€
μ°μ μ¨λ³΄λ©μ μμν λ 체ν¬ν΄μΌλ 리μ€νΈλ μλμ κ°λ€. 3,4,5λ μ¨λ³΄λ© λ¬Έμμ ν¨κ» ν¬ν¨μ νκ±°λ λλμ΄μ λ¬Έμλ‘ μ 리ν΄μ μ λ¬ν΄μ£Όλ κ²μ΄ μ’λ€.
β μ¨λ³΄λ©μ 체ν¬ν΄μΌλ 리μ€νΈ 5κ°μ§
1. μ°μ»΄ν€νΈ
2. μ¨λ³΄λ© λ¬Έμ
3. νμ
ν νΉμ μ‘°μ§μ Process λ°©μ
4. νμν κΈ°κΈ°μ νκ²½ μΈν
5. μμμ΄ λ λΆμμμ νκ²λ μΌκ³Ό κ΄λ ¨λ μν© κ³΅μ
1. μ°μ»΄ν€νΈ
μ°μ»΄ν€νΈλ νμ¬ BXλμμ΄λλΆκ³Ό HR ν(νΌνν) μμ νμ μ ν΅ν΄ μ΄μ¬ν λ§λλ μ€μ΄λ€.
μ°μ»΄ν€νΈμ μ€μμ±μ νκ³Ό νμ¬μ μ μ κ³Ό μ μ¬μ¬μ λλΌλ©°, νμλ°λ λλκ³Ό ν¨κ» ν λμ νμ¬μ λΆμκΈ°λ₯Ό λͺΈμΌλ‘ λλ μ μκ² λλ€. λν, νμ¬μ λν 첫경νμ λν μΈμμ ν΅ν΄ μ κ·μ μ¬μμ λ§μΈλμ μκ°μ νμ¬μ μΌμμΌλ‘ λ§λ€μ΄μ€λ€.
μ¨λ³΄λ©μ λ§ μ체μ νμ¬μ μ μ μ°©νμ¬ ν¨ν¨ λ μ μλ μ κ·μ μ¬μκ° λκΈ° μν 첫 λ²μ§Έ λ¨κ³λ λ°λ‘ λ§μκ°μ§μΈλ°, μ΄ λ§μκ°μ§μ ν νμ μ λ¬ν μ μλ€λ©΄ μΌλ§λ μ’μκ°!
2. μ¨λ³΄λ© λ¬Έμ
μ¨λ³΄λ© λ¬Έμμλ μ¬λ¬κ°μ§ 곡ν΅μ μ΄λ©° μ½μκ³Ό κ°μ κ·μΉμ μ λ κ²μ΄ μ’λ€. μ κ·μ μ¬μκ° μ¬ λλ§λ€ ν΄λΉ μ¬νλ€μ λͺ¨λ μ μΌλ‘ νμ μ λ¬νλ κ²μλ λ무λλ ν° μκ°λΉμ©μ΄ λ€λ°λ₯΄κΈ° λλ¬Έμ΄λ€. μ΄λ₯Ό ν΅ν΄ λΆνμν 리μμ€λ₯Ό μ μ½νκ³ , μ¨λ³΄λ©ν΄μ€ ν΄λΉ λ΄λΉμκ° κΈν μΌμ΄ μκΈ°λλΌλ μ¨λ³΄λ©μ ν΄μ€ μ μλ€.
μ¨λ³΄λ© λ¬Έμμλ μλμ κ²λ€μ check νμ¬ μμ±μ ν΄λ³΄λ©΄ μ’λ€.
β μ¨λ³΄λ© λ¬Έμμ μ μΌλ©΄ μ’μ κ²λ€
1. ν λ©€λ² μκ°
2. λμμΈνμ΄ μ¬μ©νκ³ μλ ν΄ μκ° λ° μ€μΉ μλ΄
3. μ‘°μ§μμ μ¬μ©νλ λͺ¨λ ν΄ λ¦¬μ€νΈ μλ΄
4. λμμΈν Processμ λ¬Έν νμ
λ°©μ
5. μμμ΄ λ λΆμμ λν κ°λ¨ν μλ΄
6. λμμΈνμ λ¬Έν
μλλ νμκ° μ€μ λ‘ μμ±ν μ¨λ³΄λ© λ¬Έμμ΄λ€.
μ€μ ν΄λ μ¨μμ νμκ° μμ±ν μ¨λ³΄λ© λ¬Έμ
3. νμ ν νΉμ μ‘°μ§μ Process λ°©μ
νμ¬ μ‘°μ§μμ μ΄λ ν λ°©μκ³Ό ν΄μ μ¬μ©νκ³ μλμ§ λͺ¨λ 리μ€νΈλ₯Ό ν΅ν΄ μλ΄λ₯Ό νλ©΄ μ’λ€. μ€μΉν μ μλ λ°©λ²κ³Ό 맀λ΄μΌ, νν 리μΌκΉμ§ ν¨κ» μ μ μ μλ€λ©΄ BEST!!
β μ‘°μ§μ Process λΌκ³ νλ€λ©΄ μ΄λ€ κ±Έ μ μ΄μΌ?
1. μ‘°μ§μ΄ μλ‘ μν΅νλ μ±λ
2. μ€λ¬΄λ₯Ό ν λ μ°λ νμ
λꡬ
3. μν΅ν λμ λ°©μμ΄λ μμ, μ½μ
μ¨λ³΄λ© λ¬Έμμ μ νμλ Figma μν΅ μμ
4. νμν κΈ°κΈ°μ νκ²½ μΈν
μ κ·μ μ¬μκ° λ―Έλ¦¬ μ΄λ€ λλ°μ΄μ€μ κΈ°κΈ°λ€μ μ¬μ©νλ©΄ μ’μμ§ μ¬λ¬΄νκ³Ό λ Όμνμ¬ λ―Έλ¦¬ λλ°μ΄μ€νκ²½λ€μ ꡬμ±ν΄λλ κ²μ΄ μ’λ€. νμ¬μ μ²μ μλλ° λλ°μ΄μ€λ μ리 λ§λ ¨μ΄ μ λμ΄μκ³ , νλ₯μ§λ₯λλ€λ©΄ νμ¬μ λν μ λ’°μ νμλ°μ§ λͺ»νλ λλμ΄ λ€ κ²μ΄κΈ° λλ¬Έμ 미리 νκ²½κ³Ό μ νΈνλ λλ°μ΄μ€ μ¬μμ΄ μλμ§ μ¬μ μ μμ보λ κ²μ΄ μ’λ€.
λ¬Όλ‘ , μ¬μ μλ κΈ°λ³Έμ μΈ λλ°μ΄μ€λ§ κ°μΆ°μ§λ€λ©΄ λΆκ°μ μΈ νκ²½μ μ¨λ³΄λ© κΈ°κ°μ μ κ·μ μ¬μμκ² μ§μ λ¬Όμ΄λ³΄κ³ , λλ°μ΄μ€λ₯Ό μ μ²νλ κ²λ μ’λ€.
μλμ 리μ€νΈλ₯Ό νμΈνμ¬ μ κ·μ μ¬μλ₯Ό μν νκ²½μΈν checklistλ₯Ό λ§λ€μ΄λ³΄λ κ²λ μ’μ λ°©λ²μ΄λ€.
β νκ²½ μΈν
List
1. λ
ΈνΈλΆ + λμΌλͺ¨λν°
2. λ
ΈνΈλΆ κ±°μΉλ
3. λ§μ°μ€
4. ν€λ³΄λ
5. μ‘°λͺ
(μ νμ¬ν)
6. hdmi μΌμ΄λΈ, 컨λ²ν°, μ½μΌνΈ etc.
μ κ·μ μ¬μκ° μμ²μ νμ§ μλλ€κ³ ν΄μ νμνμ§ μμ κ² μλλ€. μ΄μν¨κ³Ό κΈ΄μ₯κ°μ λ§μ λͺ» νκ³ μλ κ²μΌ λΏ λ¨Όμ κ°μ νμν μ¬νμ΄ μλμ§ νμν λΆλΆμ΄ λΉ μ§ κ² μλμ§ μ±κΈ°κ³ λ¬Όμ΄λ΄μ€μΌ νλ€.
6. μμμ΄ λ λΆμμμ νκ²λ μΌκ³Ό κ΄λ ¨λ μν© κ³΅μ
μ κ·μ μ¬μκ° μΌμ νκ²λ νμ΄ λμμΈν λ΄μμλ§μ΄λΌλ©΄ μκ΄μκ² μ§λ§, λμμΈνκ³Ό νμ λΆμκ° λλμ΄μ Έ μλ μ‘°μ§μ΄λΌλ©΄ ν΄λΉ λΆμμ μν©μ μΈκΈν΄μ£Όκ³ , ν΄λΉ λΆμμμ μ΄λ€ μΌμ νκ²λ μμ μΈμ§, μ΄μ§ μΈκΈν΄μ£Όλ κ²μ΄ μ’λ€.
ν΄λΉ νμ λΆμμμ μ¬μ©νλ νκ²½μ΄λ μν΅νλ μ±λλ°©μμ΄ μ‘°κΈ λ€λ₯΄λ€λ©΄ κ·Έλ° μ λ€λ μΈκΈμ ν΄μ£Όλ κ²μ΄ μ’λ€.
νμ¬ μΌμ νκ³ μλ μ‘°μ§μ μ§λ¬΄νκ³Ό νμ νμ΄ λ°λ‘ λλμ΄μ Έ μμ΄μ νμ νμμ νμλ₯Ό νλ λ°©μμ΄λ μ±λμ΄ μλ‘ λ€λ₯Ό μ μλ€. κ·Έλ κΈ° λλ¬Έμ ν΄λΉ νμ λΆμμ λ°λ‘ λ Όμνμ¬ μλ €μ£Όκ±°λ νμ λΆμμμ λ°λ‘ μ€λͺ μ μμ²νλ λ°©μμΌλ‘ μ§νμ νλ©΄ μ’λ€.
β μ κ·μ
μ¬μκ° νκ² λ μΌμ κ΄ν΄ μ μΌλ©΄ μ’μ κ²λ€
1. 1μΌμ°¨, 2μΌμ°¨μ 무μμ ν μ§
2. μ¨λ³΄λ©μ μ΄λ»κ² μ§νμ΄ λ κ²μΈμ§
3. ν΄λΉ νμ
νμ λ΄λΉμ,λ©€λ²κ° λꡬμΈμ§
μ΄ λͺ¨λ checklistλ₯Ό μΈμ§νκ³ μμ±ν΄μ μ±κ²Όλ€λ©΄,
λ°©μμ μ΄λ»κ² ν΄μΌν κΉ?
μ΄ μ¬νμ λν΄μλ κΈ°μ μ λ¬Ένμ μ±κ³Όμ λ°λΌμ λ¬λΌμ§ κ² κ°μ§λ§, μΌλ¨ νμμ μν©μμλ ν λ°©μμ 곡μ νκ³ , νκ³ λ₯Ό ν΄λ³΄λ €κ³ νλ€.
μ¨λ³΄λ© λ¬Έμλ₯Ό μμ±νκ³ κ³΅μ λ° μ€λͺ ν΄μ£ΌκΈ°
νμλ 곡ν΅λ λ¬Έμμ¬νκ³Ό μ κ·μ μ¬μλ€μκ² μ λ¬ν΄μΌλ λ§λ€μ΄ 곡ν΅μ μ΄μκΈ°μ μ¨λ³΄λ© λ¬Έμλ₯Ό λ°λ‘ μ μνμλ€. HRλΆμμμμ μ λ°μ μΈ μ¨λ³΄λ©μ΄ λλ νμ λ°λ‘ λμμΈν μ¨λ³΄λ© λ¬Έμλ₯Ό μ λ¬νμ¬ μ μ½μ΄λ³΄κ² νμλ€. κ·Έλ¦¬κ³ μ§μ λ΄κ° μ¨λ³΄λ© λ©ν (λ²λ)λ‘μ λͺ¨λ₯΄λ λΆλΆμ΄ μκ±°λ μ€λͺ μ΄ νμν λΆλΆλ€μ μ§μ μ€λͺ ν΄μ£Όμλ€.
νμμ ν¨κ» μ°Έμ¬νκ³ , μμ²μ¬νμ ν¨κ» λ£κ² νκΈ°
μ¨λ³΄λ©μ ν λ λ΄λΉμλ₯Ό μ νμ¬ μ¨λ³΄λ© λ©ν κ° μμΌλ©΄ μ’μ μ μ μ κ·μ μ¬μκ° λΉ λ₯΄κ³ μ½κ² μ μ°©ν μ μλ€λ κ²μ΄λ€. νμ μ νκ²λ νμ νμμ ν¨κ» μ°Έμ¬νλ©΄μ νμ μ§νλ°©μ, νμμ μ건 μΆκ°νλ λ°©μ, νμμ λΆμκΈ°λ€μ λͺΈμΌλ‘ μ΅ν μ μκ³ , μ€μ μ¬λ‘λ€μ 보면μ μμ κ°μ΄ λΆλλ€.
μ κ·μ μ¬μκ° νμ ν λΆμμμ μμ²μ¬νμ΄λ μκ±΄μ΄ μκΈ°λ©΄ μ κ·μ μ¬μλ ν¨κ» μ°Έμ¬νμ¬ λ£λλ‘ νλ κ²μ΄ μ’λ€. νμμ μν©μμ μ€λͺ μ ν΄λ³΄μλ©΄, μ κ·μ μ¬μκ° νμ νκ² λ λΆμλ νμκ° λμμΈ μμ μ νλ λΆμμκΈ° λλ¬Έμ μ μ¬μκ° μ€λ μμ μλ μ΄μ λμμΈ μμ μ΄ κ°λ°λκ³ μλ μνμλ€. κ·Έλ κΈ° λλ¬Έμ κ°λ°μλΆλ€μ΄ μμ²μ¬νμ΄ μκ±°λ μκ±΄μ΄ μμ λ μ£Όλ‘ νμμκ² λμμ μμ²νλ€. μ΄λ° μ¬νμ΄ μκΈΈ κ²½μ°, μ κ·μ μ¬μμ ν¨κ» μμ²μ¬νμ λ£κ² νλ κ²μ΄ μ’λ€. μλμΌλ‘ μΈμμΈκ³κ° λ λΏλ§ μλλΌ μ κ·μ μ¬μκ° λΉ λ₯΄κ² νλ‘μ°μ ν μ μλ€.
κ·Έ μΈ λ€λ₯Έ ν λΆμμ λ€μν λ°©μ
νλ§λ€ μ¨λ³΄λ©μ νλ λ°©μλ€μ΄ λ€μνλ©°, λ μ ν©νκ³ μ’μ μ¨λ³΄λ©μ λ°©μμ μμ보기 μν΄ μ§λ¬Έκ³Ό νΌλλ°±μ λ°μ보μλ€. μ΄ λ, μ¬λ¬ νμ₯λΆλ€μκ² β μ¬λ°λ₯Έ μ¨λ³΄λ©λ°©μ, μ μλ―Ένλ μ¨λ³΄λ© λ°©μμ λν΄μ β μλ¬Έμ ꡬν΄λ³΄μλλ° μ¬λ¬κ°μ§ μ¬λ―Έμλ μ건λ€μ΄ λμμ 곡μ ν΄λ³΄κ³ μ νλ€.
μλ¬Έμ μ°Έμ¬ν΄μ£Όμ λΆλ€κ» κ°μ¬λ₯Ό λ립λλ€.
κΈμ λ§μΉλ©°
νμ λͺ¨λ μΌμλ νκ³ μ λ°μ± λ λμ μ±μ₯μ΄ μμ΄μΌ λλ€κ³ μκ°νλ€. μ΄ κΈμ νμ μ λ°μ΄νΈ λκ³ λ λμ κΈλ‘ μμ μ΄ λκ³ νμ±ν΄μ§ μμ μ΄λ€.
λ€μ ν λ² μλ¬Έκ³Ό νΌλλ°± λ° λμμ μ£Όμ νΌνν 리λλΆκ³Ό μ¬λ¬ νμ₯λ, μ κ·μ μ¬μλΆκ» κ°μ¬λ₯Ό ννλ©° κΈμ λ§μΉλ€.