λνν° μκ³μ UX λμμΈ
brunch

πλνν° μκ³μ UX λμμΈ 2μ λ§μ§λ§ μ£Ό κΈμμΌμ μ κΈ° μ€ν°λ μκ°μ΄μμ΅λλ€. (νΌλΈλ¦¬λ κ²©μ£Όλ‘ μ€ν°λμ λμμΈ νμλ₯Ό μ§ννκ³ μμ΅λλ€!) UX/UIμ 10κ°μ§ μ¬λ¦¬ν λ²μΉμ λν λ΄μ©μΌλ‘ λ°νλ₯Ό μ€λΉνμλλ°μ. μ± μ λ€μ κ°λ³μ§λ§ μ κ²λ μκ°ν΄λ³Όκ±°λ¦¬κ° λ§μ λ¬΄κ±°μ΄ μ± μ΄μμ΄μ. κΌκΌ μΉμ΄ μννκ³ μΆμ λ΄μ©μ΄ λ§μκΈ° λλ¬Έμ, μ€ν°λλ‘ λλ΄λ κ²μ΄ μλλΌ κΈλ‘ μ μ 리νκ³ μΆμ΄μ‘μ΅λλ€. μ΄λ² λ΄μ©μ λνν° μκ³μ UXλμμΈμ λν λ΄μ©μ λλ€. - λνν° μκ³ (Doherty threshold)λ 무μμΈκ° μ¬μ©μμ μ£Όμκ° λΆμ°λλ κ²μ λ§κ³ μμ°μ±μ λμ΄λ €λ©΄ μμ€ν μ λ°μμ 0.4μ΄ μ΄λ΄μ μ΄λ£¨μ΄μ ΈμΌ νλ€. - μ νμ λ°μ μλλ μ¬μ©μ κ²½νμ ν¬κ² μν₯μ λ―ΈμΉκΈ° λλ¬Έμ μ΄ λΆλΆμ μ¬μ©μ κ²½νμ ν΅μ¬μ΄ λλ λμμΈ μμμ΄λΌκ³ λ΄μΌ ν κ². - λμμ΄λλ λμμΈ μμλ₯Ό μ¬μ©νμ¬ "μ²΄κ° μ±λ₯"μ λμ¬μ λκΈ°μκ°μ κ΄λν΄μ§λλ‘ ν μ μλ€. 1. μ 보μ μ€μΌλ ν€ μ€ν¬λ¦° 2. μ΄λ―Έμ§ λ‘λ© μ λΈλ¬ μ 3. (μ ννμ§ μλλΌλ) μμ μ§ν μν©μ λν Progress bar /Progress indicator 4. Optimistic UI μ€ν°λλ₯Ό μ 리νλ©°, - λνν° μκ³μ μ νμ κ²½νμ λ°μ νκ² μ°κ²°λμ΄ μμ΅λλ€λ§, λμμ΄λλ μ νμ΄ μΈμ λ°μ μλκ° μ νλλμ§, μ΄λμ κ³ κ°μ΄ λλΌλ μ²΄κ° μ±λ₯μ λμ¬μΌ νλμ§ μκΈ° μ΄λ €μΈ μ μμ΅λλ€. μ΄λ° λΆλΆμμλ μ νμ ν¨κ» λ§λλ μμ§λμ΄μμ λ°μ ν νμ μ΄ νμν©λλ€. - μ°λ¦¬μ κ³ κ°μ μ°λ¦¬κ° μκ°νλ κ²λ³΄λ€ λ€μν νκ²½μμ μ νμ μ¬μ©νκ² λ©λλ€. κ·Έλ° μν©μμ κ³ κ°μ΄ λμ κ²½νμ κ²ͺμ§ μλλ‘, λλλ‘μ΄λ©΄ λͺ ννκ³ μ¦κ±°μ΄ κ²½νμ νλλ‘ μ νμ μ€κ³ν΄μΌ νλ€λ κ²μ λ€μ νλ² λκΌμ΅λλ€. - κ°μΈμ μΌλ‘ λνν° μκ³μ μ¬λ¬ ν¨ν΄μ λν μ€ν°λλ₯Ό ν΅ν΄ μ΄μ κΉμ§ λ¨Έλ¦Ώμμ ν©μ΄μ Έμλ μ¬λ¬ κ°λ μ΄ μ μ 리λλ μκ°μ κ²½ννμ΅λλ€. νΉν μ΅κ·Όμ λ‘λ© μν© μ²λ¦¬λ₯Ό μ΄λ»κ² ν κ²μΈκ°μ λν κ°μ΄λλ₯Ό μμ±νμλλ°, μ΄ κ°λ μ νμ΅ν¨μΌλ‘μ¨ μ’ λ ννν κ°μ΄λλ₯Ό μμ±ν μ μμ κ²μ΄λΌλ μμ κ°μ΄ μκ²Όμ΅λλ€. - μ‘΄ μΌλΈλ‘ μ€ν€λ μ¬μ©μ κ²½ν λμμΈκ³Ό νλ°νΈμλ μΉ κ°λ°μ κ΅μ°¨ μ§μ μ λν κ°ν μ΄μ μ΄ μλ€κ³ ν©λλ€. νλ°νΈμλ μΉ κ°λ°μ λν΄ κΉμ΄ μλ κ²μ μ΄λ €μΈ μ μμ§λ§, μ΄λ μ λ μ΄ν΄ν μ μλ€λ©΄ λμμ΄λλ‘μ μ νμ λ³΄κ³ λ§λλ κ΄μ λͺ¨λκ° νμ₯λ κ²μ λλ€.
2021λ 3μ 1μΌ μ€ν 1:40
νμ§μλ€μ 'μ§μ§ μΈμ¬μ΄νΈ'κ° λ΄κΈ΄ μ κ³ μ£Όμ μμμ λ°μ보μΈμ.
컀리μ΄λ¦¬ | κ°λ°μλ₯Ό μν μ»€λ¦¬μ΄ SNS