-
β βΆββ β β£γ5μ£Όμ°¨ νμ΅μΌμ§ λλ²μ§Έ | UX 리μμΉ | AS-IS ~ TO-BE λΆμ | PERSONA | μ¬μ©μ μ¬μ μ§λ | UIUX λμμΈ ν΄ | μ»΄ν¬λνΈ λμμΈπ―ππ§π€ πππ¨π/πππππππ 2024. 11. 3. 07:42
π μ€λμ ν μΌ π
π» AS-IS ~ TO BE λΆμ
π» PERSONA
π» μ¬μ©μ μ¬μ μ§λ
π» UIUX λμμΈ ν΄ | μ»΄ν¬λνΈ λμμΈ (01 App bars ~ 05 Buttons)
π» AS-IS / TO-BE 리μμΉ
β‘οΈAS-IS λΆμ → TO-BE μ μ → λμμΈ κ°μ λ° κ΅¬ν → μ¬μ©μ± ν μ€νΈ λ° νΌλλ°± μμ§
β‘οΈAS-IS λΆμ
∗ νμ¬μ μνλ λͺ¨μ΅ (κ°μ λκΈ° μ΄μ μ μν)μ μ΄ν΄νκ³ λ¬Έμ μ μ μλ³νλ λ¨κ³
∗ λΆμμ ν΅ν΄ Pain pointμ UX κ°μ μ μ λμΆν΄λΌ μ μλ€.
∗ μ΄ λ, λΆμ μ λ°μ΄ν°κ° μλ€λ©΄ ν΄λΉ λ°μ΄ν°λ₯Ό μ΄μ©ν΄ κ°μ μ μ μ°ΎμλΌ μλ μλ€.
(λ°μ΄ν°λ₯Ό νμ©νλ©΄ λ°©ν₯μ±μ΄ λͺ νν΄μ§κ³ , μμ¬κ²°μ μ κ·Όκ±°κ° λλ©°, νμ€ν κ²°κ³Ό νμΈμ΄ κ°λ₯νλ λ°μ΄ν°λ₯Ό μ΅λν νμ©νλλ‘ νμ!)
β‘οΈTO-BE λΆμ
∗ λ―Έλμ μ΄μμ μΈ μνλ λͺ©ν (κ°μ λ νμ μν)
∗ μ¬μ©μμ μꡬμ κΈ°λλ₯Ό μΆ©μ‘±μν€λ μλ‘μ΄ λμμΈ μ μ
∗ μλ‘μ΄ λμμΈ μμ€ν μ κ°λ°νκ±°λ νλ‘ν νμ μ μ μνλ λ±μ μμ μ΄ ν¬ν¨
π» PERSONA
∗ ν μλΉμ€μ μ¬μ©μλ€μ λνν μ μλ κ°μμ μΈλ¬Όμ μλ―Ένλ€.
∗ κ·Έ μ§λ¨μ νΉμ§κ³Ό μꡬμ¬νμ μ΄ν΄νκΈ° μν μλ¨μΌλ‘ λ§μ΄ μ¬μ©νλ€.
∗ κ°μΈ μ 보 λ° μꡬμ¬ν, μλΉμ€μ μ¬μ© λͺ©μ κ³Ό νλ ν¨ν΄ λ±κ³Ό κ°μ νΉμ§μ μ§λλ€.
∗ νΌμλμ κ²μ¦μμ μ μ§ννλ€λ©΄ μ·¨μ½μ μ ν΄κ²°ν μ μλ€.
π» μ¬μ©μ μ¬μ μ§λ
∗ μλΉμ€ μμμ νλνλ μ¬μ©μμ μλ리μ€λ₯Ό μκ°νν ννμ ν
∗ κ³ κ° μ¬μ μ ꡬλΆν μ μλ λ¨κ³, λ¨κ³λ³λ‘ κ³ κ°μ΄ νλνκ±°λ κ²½νν μ μλ ν΅μ¬ νμ, λ¨κ³μ λ°λ₯Έ κ³ κ°μ κ°μ λ³ν
∗ λͺ¨λ μλ리μ€λ₯Ό μ μνλ κ²μ μλ―Έκ° μμΌλ κ°μ₯ ν΅μ¬μ μΈ μλλ¦¬μ€ νλλ§ κΌ½μμ λ¨κ³λ₯Ό ꡬλΆν κ²
∗ κ° λ¨κ³μ λ§λ κ°μ κ³Όμ μ ν΄κ²° λ°©μμ λΆμ¬ 보κ°νλ©΄ λμ± λν μΌν΄μ§λ€
π» UIUX λμμΈ ν΄ | μ»΄ν¬λνΈ λμμΈ (01 Component Design ~ 05 Buttons)
β‘οΈ01 μ»΄ν¬λνΈ λμμΈ
β‘οΈ02 Tabs
β‘οΈ03 Navigation Drawer
β‘οΈ04 Bottom Navigation
β‘οΈ05 Buttons
'π―ππ§π€ πππ¨π > πππππππ' μΉ΄ν κ³ λ¦¬μ λ€λ₯Έ κΈ