UI
-
β βΆββ β β¨γ7μ£Όμ°¨ νμ΅μΌμ§ 첫λ²μ§Έ | μμ΄μ΄νλ μπ―ππ§π€ πππ¨π/πππππππ 2024. 11. 13. 02:56
π μ€λμ ν μΌ πποΈ μμ΄μ΄ νλ μ ποΈ μμ΄μ΄ νλ μ? ∗ μμ΄μ΄ νλ μμ κΈ°μ΄μ μΈ κ°λ λλ₯Ό ν΅ν΄ λ§λ€κ³ μ νλ κ²°κ³Όλ¬Όμ λͺ¨μ΅μ μ μΆν΄ λ³Ό μ μλ λ¬Έμμ λλ€.∗ μμ΄μ΄ νλ μμμ 보μ¬μ€μΌ νλ κΈ°λ³Έμ μΈ λ΄μ©μ μλμ κ°μ΅λλ€.β¦ μ΄λ€ μ λ³΄κ° λνλμΌ νλκ°?, μ΄λ€ λ μ΄μμμ κ°μ ΈμΌ νλκ°?, μ΄λ€ μΈλΆ λͺ¨μ΅μ΄ λνλμΌ νλκ°? μ΄λ λΆλΆκ³Ό μ΄μ΄μ§λ©° μ΄λλ‘ μ΄μ΄μ ΈμΌ νλκ°?, λ€λΉκ²μ΄μ μ μ μ ν κΈ°λ₯νλκ°?∗ μ€λͺ νμλ©΄ λͺ¨λ μ 보μ μΈλΆ μ¬νμ΄ μ΄λ»κ² μ°κ²°λλμ§μ μ 보 체κ³κ° μ μ νκ² μ ν, μ΄μ©λκ³ μλμ§ νμΈν μ μμ΄μΌ ν©λλ€.∗ κ°μ₯ μ€μν κ²μ νλ¦μ΄λ€. μ΄ νλ©΄ λ€μμ μ νλ©΄μ΄ λμ€λ κ² λ§λμ§ κ²μ¦μ μ§μ€ν κ².∗ μμ±λμ μμ€μ λ°λΌ μμ΄μ΄ νλ μμ μ’ λ₯κ° λλλ©°, ..
-
[UIUX κ°μ νλ‘μ νΈ 1μ°¨] 7μ£Όμ°¨ | νλμΉ΄λ μ μ 리μμΉπ―ππ§π€ πππ¨π/πππππππ 2024. 11. 13. 02:35
7μ£Όμ°¨π΅ λ¬Έμ ν΄κ²° μ μ π΅ π΅ INTROμ΄μ μ£Όμ°¨μμλ λ¬Έμ μ μλ₯Ό ν΅ν΄ μ 리λ₯Ό μ§ννμκ³ , μμΈνκ² νλͺ©μΌλ‘ μ λ¦¬ν΄ ν΄κ²° λ°©μμ μ μνκ³ μ νμμ΅λλ€. μ΄λ»κ² ν΄κ²°ν κ²μΈμ§μ λν΄μλ λΉμ·ν μΉ΄ν κ³ λ¦¬μ λ€λ₯Έ μ±λ€μ λ²€μΉλ§νΉ νμκ³ , μ΄μ μ μ μ νΌμλλ₯Ό μ΄μ©ν΄ μ μ μ λ맡μ μ μν΄ κ·Έ κ³Όμ μ¬μ΄μ λ λ€λ₯Έ κ°μ μ μ λν΄μλ νμΈνμμ΅λλ€. μ΄λ² μ£Όμλ λͺ¨λ κ²μ ν΅νμ΄ μ΄λ€ ν΄κ²° λ°©μμ ννκ³ , κ·Έκ²μ ꡬνν κ²μΈμ§ κ°λ΅ν μμ΄μ΄ νλ μμ ν΅ν΄ 보μ¬λ릴 μμ μ λλ€. π΅ WIREFRAME∗ μ΄μ μ μ μ μ λ맡μ ν΅ν΄μ ꡬμ±ν νλ‘μ°μ λ°λΌ μμ΄μ΄ νλ μμ μμ νμμ΅λλ€. π― ν νλ©΄μμ μ£Όμ κΈ°λ₯μ ν¨κ³Όμ μΌλ‘ μ κ·Όν μ μλλ‘ νκ³ , μ΅μ’ μ μΌλ‘ λͺ μΈμκΉμ§ λλ¬ν΄μ μλΉ κ΄λ¦¬μ κ΄λ ¨λ ..
-
πππππ§ππ£ππ 06γwanted (μν°λ)π―ππ§π€ πππ¨π/πππππππππ 2024. 11. 10. 15:08
πΌ wanted (μν°λ)μν°λλ μ±μ© νλ«νΌ μ€ νλλ‘, μΉκ³Ό μ± μλΉμ€ λ λ€ μ 곡νκ³ μμ΅λλ€. μΆμ² κΈ°λ₯κ³Ό 맀μΉμ μ΄ νΉμ§μ΄λ©° μ§μΈμ μΆμ²/μΆμ²μ¬λ₯Ό λΆμΌ μ μκ³ , μ€ννΈμ κΈ°μ λ€μ΄ λ§μ΄ μ΄μ©νλ μΆμΈμ λλ€. νμ¬ λ€μν μ±μ© λ°λνμ νλ‘κ·Έλ¨ λ±μΌλ‘ μΈμ¬λ₯Ό μμ±νκ³ μ νμ°κ³ μμ΅λλ€. πΌ INTROμ§ννλ νλ‘μ νΈμμ μμ νλ κ²μμ λμκ° κ°μλ₯Ό ν΅ν΄ μκ² λ λΆλΆλ€μ μΆκ°λ‘ μ§νν΄λ³΄λ €κ³ μν°λ μ¬μ©μμ μ€λ¬Έμ κ°λ΅νκ² μ§ννκ³ , κΈ°λ₯λ³ νλμ μ 리ν λ€ κ·Έκ²μ ν λλ‘ μμμ νΌμλλ₯Ό μ νλ κ³Όμ μ μ§νν΄λ³΄κ³ μ νμμ΅λλ€. πΌ μ£Όμ νλ©΄ λ° κ΅¬μ± μ 체μ μΈ νλ©΄ ꡬμ±μ νλ¨ λ΄λΉκ²μ΄μ λ° κΈ°μ€μΌλ‘ 보면, μ±μ© κΈ°μ μ 보μ¬μ£Όλ μ±μ© ν, κ΅μ‘μ΄λ ννΈλμμ μ°κ΄λ κ²½νμ ν ..
-
β βΆββ β β§γ6μ£Όμ°¨ νμ΅μΌμ§ μΈλ²μ§Έ | UIUX λμμΈν΄ | Protopie | Chapter 04 μ¬ν κΈ°λ₯ μ€μ΅π―ππ§π€ πππ¨π/πππππππ 2024. 11. 10. 11:37
π μ€λμ ν μΌ ππ» UIUX λμμΈν΄ (Protopie) Chapter 04 μ¬ν κΈ°λ₯ μ€μ΅ π» UIUX λμμΈν΄ (Protopie) Chapter 04 μ¬ν κΈ°λ₯ μ€μ΅ β‘οΈνλ©΄μ΄λ β‘οΈνλ©΄μ΄λ2 β‘οΈμλ‘κ³ μΉ¨ β‘οΈν κΈ μ€μμΉ
-
β βΆββ β β¦γ6μ£Όμ°¨ νμ΅μΌμ§ λλ²μ§Έ | UIUX κ°μ νλ‘μ νΈ | USER FLOW | USER JOURNEY MAPπ―ππ§π€ πππ¨π/πππππππ 2024. 11. 10. 05:18
π μ€λμ ν μΌ πποΈ USER FLOWμ USER JOURNEY MAP ποΈ USER FLOWμ USER JOURNEY MAP π§· USER FLOW∗ μ¬μ©μκ° νΉμ ν μμ μ μλ£νκΈ° μν΄ μ΄λ€ κ²½λ‘λ‘ μμ§μ΄λμ§ μ 리ν΄λ κ².∗ λ¨μ μλλ¦¬μ€ λ³΄λ€ κ΅¬μ²΄μ μ΄κ³ , νλ©΄, νλ, νλ¨μΌλ‘ ννλλ€. β ꡬμ±μμ ∗ λͺ©ν : μ¬μ©μκ° μλΉμ€λ₯Ό ν΅ν΄ μ»κ³ μ νλ κ²°κ³Ό∗ μμ : λͺ©νλ₯Ό μν΄ μ μ κ° μννλ κ² ∗ UI : νλ©΄∗ νλ : UI μμ μ£Ό νλ λ° λ³΄μ‘° νλ∗ νλ¨ : μ¬μ©μ νλ ν κ·Έ κ²°κ³Όκ° λΆκΈ°λ κ²½μ°. (μ΄λ€ νλμ νλκ°?) β‘ μ€κ³κ³Όμ ∗ λͺ©ν μ€μ → μμ νλ¦ (Task Flow) → νλ©΄ νλ¦ (Wire Flow) →USER FLOW∗ λͺ©ν μ€μ μ μ¬μ©μκ° μ΄λ£¨κ³ μ νλ..
-
[UIUX κ°μ νλ‘μ νΈ 1μ°¨] 6μ£Όμ°¨ | νλμΉ΄λ μ μ 리μμΉπ―ππ§π€ πππ¨π/πππππππ 2024. 11. 9. 23:08
6μ£Όμ°¨π΅ λ¬Έμ μ μ - λ¬Έμ ν΄κ²°μ μν λ²€μΉλ§νΉ - μ μ νλ‘μ° - μμ½ π΅ π΅ INTROμμ μ§νν μ μ 리μμΉμμ ν΄λΉ μ±μ νμ¬ μν©κ³Ό νμ ν μ¬μ©μλ€μ λνν μ μλ μ νμ νΌμλ, κ·Έλ¦¬κ³ μ§§μ μ μ νλ‘μ°λ₯Ό μ μνμ¬ κ°λ΅νκ² λ¬Έμ ν΄κ²° λ°©μκΉμ§ λμΆν΄λ΄λ©΄μ λ§λ¬΄λ¦¬ λμμ΅λλ€. μ΄λ² μ£Όμλ μ‘°μ¬ν μ 보μ μ 리ν μ λ€μ λ°νμΌλ‘ λ¬Έμ λ₯Ό μ μνκ³ , λ²€μΉλ§νΉμ ν΅ν΄ μ΄λ»κ² μ κ·Όνκ³ λ¬Έμ λ₯Ό ν΄κ²°ν κ²μΈμ§ μμΈνκ² μμλ³Ό μμ μ λλ€. π΅ λ¬Έμ μ μ Detail*κ°μΈ νλ‘μ νΈλ‘ μ§νλμκΈ°μ λ°λ‘ λ Όμ κ³Όμ μ μ μ§ μκ³ , μμ λ΄μ©μ ν΅ν΄ μ΄λ€ λ°©ν₯μΌλ‘ μ§ννκ³ μ νμλμ§ νλ¦μ κΈ°μ¬νμμ΅λλ€. β [What] κΈ°λ₯ λΆμ‘±μΌλ‘ μΈν μ¬μ©μμ μ΄νμ μ€μ΄κ³ , λΆνΈκ°μ κ°μ νκ³ μΆλ€. ∗ μ μ ..
-
β βΆββ β β₯γ6μ£Όμ°¨ νμ΅μΌμ§ 첫λ²μ§Έ | UIUX κ°μ νλ‘μ νΈ | νλμΉ΄λ | λ¬Έμ μ μ κ³Όμ λ° λ°©μ | λ₯λ€μ΄λΈ?π―ππ§π€ πππ¨π/πππππππ 2024. 11. 6. 18:02
π μ€λμ ν μΌ πποΈ UIUX κ°μ νλ‘μ νΈ λ¬Έμ μ μ κ³Όμ ποΈ UIUX κ°μ νλ‘μ νΈ λ¬Έμ μ μ κ³Όμ π§· λ¬Έμ μ μ λ°©μβ What : 무μμ λͺ©μ μΌλ‘ μ΄λ£° κ²μΈκ°?β‘ Why : λͺ©μ μ μ΄λ£¨κΈ° μν΄ λ¬Έμ κ° λλ κ²μ?β’ How : λ¬Έμ λ₯Ό μ΄λ»κ² ν΄κ²°νλ©΄ λ κΉ?= νμμ λ³΄κ³ λ¬Έμ λ₯Ό μ μνκ³ λͺ©μ μ λλ¬νλ λ°©μλ μλ€. π§· λ₯λ€μ΄λΈ? (Deep Dive)∗ Depp diveλ λ¬Έμ μ κ·Όλ³Έμ μΈ μμΈμ κΉκ² μ°Ύμ νκ³ λ€λ©° μ¬κ³ νλ λ°©μμ λ»νλ€. νλ©΄μ μΌλ‘ λλ¬λ νμμμ λμκ° λ¬Έμ λ₯Ό λ°μμν¨ κ·Όλ³Έμ μΈ μμΈμ μ°Ύμκ°λ κ³Όμ μ΄λ€. β λ¬Έμ κ° μ μλ νλ‘μ νΈ∗ λ¬Έμ μ νλ‘μ νΈ λ°©ν₯μ΄ μ΄λ―Έ μ μλ μν©μμλ μ¬νκΉμ§ λμλ λ¬Έμ μ κ°μ€μ΄ λ§λμ§ μ ν¨μ±μ κ²μ¦νλ κ³Όμ μ΄ νμνλ€. μ΄λλ..