λ³Έλ¬Έ λ°”λ‘œκ°€κΈ°

λ°˜μ‘ν˜•

πŸ‘©‍πŸ’»Deep Wide School/πŸ’˜Product Design

(36)
User Flow Diagram κ·Έλ¦¬λŠ” 방법 ν”Œλ‘œμš° λ‹€μ΄μ–΄κ·Έλž¨?μ•žμ„œμ„œ Flow chart, Flow Diagram, Task Flow, User Flow의 κ°œλ…μ— λŒ€ν•΄μ„œ μ•Œμ•„λ³΄μ•˜λ‹€. 사싀상 λͺ¨λ‘ 같은 λ§₯락의 λ‹¨μ–΄λΌλŠ” 것을 μ΄μ œλŠ” μ΄ν•΄ν–ˆλ‹€. ν†΅μΉ­ν•΄μ„œ Flow Diagram이라고 μ§€μΉ­ν•˜κ² λ‹€. 이 ν¬μŠ€νŒ…μ—μ„œλŠ” 보닀 λ””ν…ŒμΌν•˜κ²Œ μ–΄λ–»κ²Œ ν”Œλ‘œμš° λ‹€μ΄μ–΄κ·Έλž¨μ„ κ·Έλ¦¬λŠ” 지에 λŒ€ν•΄μ„œ λ‹€λ€„λ³΄κ³ μž ν•œλ‹€. ν”Œλ‘œμš° λ‹€μ΄μ–΄κ·Έλž¨μ˜ κ°œλ…μ— λŒ€ν•΄μ„œλŠ” 이전 ν¬μŠ€νŒ…μ—μ„œ μ •λ¦¬ν–ˆκΈ° λ•Œλ¬Έμ—, κ°œλ…μ— λŒ€ν•œ μ„€λͺ…은 μƒλž΅ν•˜κ³  λ°”λ‘œ λ‹€μŒμ˜ 유튜브 μ˜μƒ λ‚΄μš©μ„ μ°Έκ³ ν•˜μ—¬ 'ꡬ체적인 방법'에 λŒ€ν•΄ μ •λ¦¬ν•˜κ² λ‹€. How to Create a User Flow Diagram youtu.be/_kPuHPKpCP0How to Create a User Flow Diagram ν”Œλ‘œμš° λ‹€μ΄μ–΄κ·Έλž¨ λ§Œλ“œλŠ” λ²•κ΅¬μ„±μš”μ†Œ ..
νƒœμŠ€ν¬ ν”Œλ‘œμš°, μœ μ € ν”Œλ‘œμš°, ν”Œλ‘œμš°μ°¨νŠΈ, ν”Œλ‘œμš° λ‹€μ΄μ–΄κ·Έλž¨, IA? Task κ°œλ…μ„ ν•˜λ‚˜μ”© μ •λ¦¬ν•˜κ³  κ°€μž *UX μŠ€ν† λ¦¬λ³΄λ“œ: UX κ΅¬ν˜„μ— μˆ˜λ°˜λ˜λŠ” μ‚¬μš©μžμ™€ νƒœμŠ€ν¬, μΈν„°νŽ˜μ΄μŠ€ κ°„ μƒν˜Έμž‘μš©μ„ μ‹œκ°ν™”ν•˜μ—¬, 개발자/λ””μžμ΄λ„ˆμ˜ μ˜μ‚¬μ†Œν†΅μ„ λ•λŠ” λ„κ΅¬μ΄μž μ™„μ„±ν•΄μ•Ό ν•  μ•± μ„œλΉ„μŠ€μ™€ μ˜ˆμƒλ˜λŠ” μ‚¬μš©μž κ²½ν—˜μ„ 미리 보기 μœ„ν•œ 방법둠을 λ§ν•œλ‹€. 1. Feature List : UX concept/ UX Needs의 κ΅¬ν˜„μ— ν•„μš”ν•œ κΈ°λŠ₯ 리슀트 2. User Task Flow : ν•΄λ‹Ή κΈ°λŠ₯μˆ˜ν–‰κ³Ό μ‚¬μš©μžμ˜ ν–‰μœ„ 맡핑 및 흐름도 3. IA (Information Architecture) : μ •λ³΄μ˜ ꡬ쑰화와 μœ„κ³„κ΄€κ³„λ§(μš°μ„ μˆœμœ„) 4. Wireframe : ν•΄λ‹ΉκΈ°λŠ₯ κ΅¬ν˜„μ„ μœ„ν•œ μΈν„°νŽ˜μ΄μŠ€ μš”μ†Œμ˜ λ°°μΉ˜μ™€ ν™”λ©΄ ꡬ쑰 5. Workflow : μ—¬λŸ¬ 개의 와이어 ν”„λ ˆμž„ λ˜λŠ” κ°œλ³„ κΈ°λŠ₯ κ°„ ν™”λ©΄ μ „ν™˜ 흐름 μ§€λ‚œ Fea..
νΌμ†Œλ‚˜μ— κΈ°λ°˜ν•œ User Scenarios μœ μ € μ‹œλ‚˜λ¦¬μ˜€ νΌμ†Œλ‚˜μ˜ μœ μ € μ‹œλ‚˜λ¦¬μ˜€ 기반으둜 Feature Listλ₯Ό μž‘μ„±ν•΄μ•Ό ν•˜λŠ”λ°, μ„œλΉ„μŠ€λ””μžμΈ λŸ¬λ‹λ‹€μ΄μ–΄λ¦¬ #16 νΌμ†Œλ‚˜ νŽΈμ— λ“±μž₯ν–ˆλ˜ 'μœ μ €μ‹œλ‚˜λ¦¬μ˜€'에 λŒ€ν•œ μ„€λͺ…이 λΆˆμΆ©λ¬Έν•΄μ„œ λ‚΄μš©μ„ λ³΄κ°•ν•˜κ³ μž ν•œλ‹€. μœ μ €μ‹œλ‚˜λ¦¬μ˜€μ—λŠ” 무엇을 λ‹΄μ•„μ•Ό ν•˜λŠ”κ°€? μœ μ € μ‹œλ‚˜λ¦¬μ˜€μ—μ„œλŠ” μ‚¬μš©μžλ“€μ΄ 'ν˜„μž¬ μ–΄λ–»κ²Œ ν–‰λ™ν•˜λŠ”μ§€'에 λŒ€ν•΄ λ¬˜μ‚¬ν•œλ‹€. νΌμ†Œλ‚˜κ°€ μžμ‹ μ˜ λͺ©μ μ„ λ‹¬μ„±ν•˜κΈ° μœ„ν•΄ 'λ―Έλž˜μ— 우리 μ œν’ˆμ„ μ–΄λ–»κ²Œ μ‚¬μš©ν• μ§€' 그렀보기 μœ„ν•΄ μ‹œλ‚˜λ¦¬μ˜€λ₯Ό λ§Œλ“œλŠ” 것이닀. λ”°λΌμ„œ, νΌμ†Œλ‚˜μ˜ λ¬Έμ œμ™€ λ‹ˆμ¦ˆ, λ©˜νƒˆ λͺ¨λΈκ³Ό 동기λ₯Ό λ°”νƒ•μœΌλ‘œ νΌμ†Œλ‚˜μ˜ 행동을 μƒμ„Ένžˆ λ¬˜μ‚¬ν•΄μ•Ό ν•œλ‹€. 초기 λ‹¨κ³„μ—μ„œλŠ”, μƒˆλ‘­κ²Œ λ””μžμΈν•˜λ €λŠ” μ œν’ˆμ˜ μž‘λ™λ²•κ³Ό κ΅¬ν˜„ 방법은 μƒκ°ν•˜μ§€ 말고, μ΅œλŒ€ν•œ μ‚¬μš©μž λͺ©ν‘œμ—λ§Œ 집쀑해야 ν•œλ‹€. μ‹œλ‚˜λ¦¬μ˜€μ˜ λ²”μœ„λŠ” λ„“κ³ , κΉŠμ΄λŠ” μ––κ²Œ μž‘μ„±ν•΄μ•Ό ν•œλ‹€κ³  ν•œλ‹€. 상..
μ•±/μ›Ή μ„œλΉ„μŠ€ λ””μžμΈ UX Features list Feature List νΌμ†Œλ‚˜λ₯Ό λ§Œλ“€κ³  νΌμ†Œλ‚˜ 기반 μœ μ € μ‹œλ‚˜λ¦¬μ˜€λ₯Ό λ§Œλ“€μ—ˆλ‹€λ©΄, 이제 본격으둜 μ•±/μ›Ήμ—μ„œ κ΅¬ν˜„ν•  Feature Listλ₯Ό μž‘μ„±ν•΄μ•Ό ν•œλ‹€. μ–΄λ–€ κΈ°λŠ₯듀이 ν•„μš”ν•œ 지, 말 κ·ΈλŒ€λ‘œ κΈ°λŠ₯을 λ¦¬μŠ€νŒ…ν•΄λ³΄λŠ” 것이닀. μš°λ¦¬κ°€ ν”νžˆ λ“€μ–΄λ³Έ 'ν”Œλ‘œμš° 차트'λ‚˜ 'μ™€μ΄μ–΄ν”„λ ˆμž„'으둜 κ°€κΈ° μœ„ν•΄μ„œλŠ” 이런 단계가 ν•„μš”ν•˜λ‹€.1. Feature List 2. User Task Flow 3. IA (Information Architecture) 4. Wireframe 5. Workflow마치 μš°λ¦¬κ°€ λ¦¬μ„œμΉ˜λ₯Ό 기반으둜 μ–΄ν”Όλ‹ˆν‹° λ‹€μ΄μ–΄κ·Έλž¨μ„ μ§„ν–‰ν•˜κ³ , νΌμ†Œλ‚˜λ₯Ό λ§Œλ“  κ²ƒμ²˜λŸΌ 이전 단계λ₯Ό ν† λŒ€λ‘œ 진행될 λ•Œ κ°€μž₯ 성곡적인 결과물을 λ§Œλ“€ 수 μžˆλ‹€. ν•œ 단계씩 μ‚΄νŽ΄λ³΄λ©° ν¬μŠ€νŒ…ν•˜λ„λ‘ ν•˜κ² λ‹€. ꡬ글에 UX Feature Listλ₯Ό 검색..
νΌμ†Œλ‚˜ Personas νΌμ†Œλ‚˜ Personasλž€ λ¬΄μ—‡μΈκ°€νΌμ†Œλ‚˜λŠ” νŠΉμ • μ œν’ˆμ΄λ‚˜ μ„œλΉ„μŠ€λ₯Ό μ‚¬μš©ν•  λ‹€μ–‘ν•œ μ‚¬μš©μžλ₯Ό μ‹€μ œλ‘œ κ΄€μ°°ν•΄μ„œ 얻은 정보λ₯Ό λ°”νƒ•μœΌλ‘œ λ§Œλ“œλŠ” μ „λž΅μ  κ°€μƒμ˜ 인물이닀. λ””μžμ΄λ„ˆλŠ” νΌμ†Œλ‚˜λ₯Ό λ§Œλ“€λ©΄μ„œ μ‚¬μš©μžμ—κ²Œ κ³΅κ°ν•˜κ³ , μ™„μ„±λœ νΌμ†Œλ‚˜λ₯Ό 톡해 μ‚¬μš©μžκ°€ νŠΉμ • κΈ°λŠ₯μ΄λ‚˜ 상황, ν™˜κ²½μ— μ–΄λ–»κ²Œ λ°˜μ‘ν•  것인지 μ˜ˆμƒν•΄λ³Ό μˆ˜λ„ μžˆλ‹€. 'λˆ„κ΅¬λ₯Ό μ£Όμš”ν•œ νƒ€κΉƒμœΌλ‘œ μ„€μ •ν•  것인가'에 λŒ€ν•œ 고민을 ν•΄κ²°ν•˜κ³  λ””μžμΈ λ°©ν–₯을 μž‘λŠ”λ° 길작이 역할을 ν•  수 μžˆλŠ” 도ꡬ닀. νΌμ†Œλ‚˜λ₯Ό λ§Œλ“œλŠ” κ³Όμ •μ—μ„œ λ””μžμΈ νŒ€μ€ μ„œλΉ„μŠ€λ‚˜ μ œν’ˆμ΄ μ œκ³΅ν•΄μ•Ό ν•  ꡬ체적인 μš”κ΅¬μ‚¬ν•­μ— ν•©μ˜ν•  수 있게 λ˜μ–΄ λ””μžμΈ μ œμ•ˆμ˜ μ΄ˆμ μ„ λΆ„λͺ…νžˆ ν•  수 μžˆλ‹€. 또 μ„œλΉ„μŠ€λ‚˜ μ œν’ˆμ΄ λ§Œμ‘±μ‹œμΌœμ•Ό ν•  λ‹€μ–‘ν•œ νΌμ†Œλ‚˜λ₯Ό λ§Œλ“€μ–΄ λ°˜λ“œμ‹œ μΆ©μ‘±μ‹œν‚¬ 수 μžˆλŠ” μš”κ΅¬μ‚¬ν•­ 그리고 ν”Όν•΄μ•Όν•  μš”κ΅¬μ‚¬ν•­ 등을 κ³ λ €ν•΄ 상..
μ–΄ν”Όλ‹ˆν‹° λ‹€μ΄μ–΄κ·Έλž¨ Affinity Diagram μ–΄ν”Όλ‹ˆν‹° λ‹€μ΄μ–΄κ·Έλž¨ Affinity Diagramμ΄λž€?ν”„λ‘œμ νŠΈ κ³Όμ • 쀑 μˆ˜μ§‘ν•œ μˆ˜λ§Žμ€ μ •λ³΄μ˜ 쑰각듀을 λ‹€μ–‘ν•˜κ²Œ λ°°μΉ˜ν•΄λ΄„μœΌλ‘œμ¨ κ°œλ³„λ‘œ λ³΄μ•˜μ„ λ•ŒλŠ” 생각지 λͺ»ν–ˆλ˜ 연결점듀을 μ°Ύκ³  μƒˆλ‘œμš΄ 톡찰을 얻도둝 λ•λŠ” 도ꡬ닀. μ•žμ„  λ””μžμΈ λ„κ΅¬λ“€λ‘œλΆ€ν„° 얻은 정보λ₯Ό λΉ„λ‘―ν•΄ ν”„λ‘œμ νŠΈμ™€ μœ κ΄€ν•œ μ£Όμš” 발견점, μ‹œμ‚¬μ , 아이디어 등을 λ©”λͺ¨μ§€μ— λ¬Έμž₯으둜 적어 νŒ€μ›λ“€κ³Ό κ³΅μœ ν•˜κ³ , 이λ₯Ό 넓은 곡간에 νŽΌμ³λ†“κ³  λΆ„λ₯˜ν•˜λ©° νŒ¨ν„΄μ„ μ°ΎλŠ”λ‹€. μ–΄ν”Όλ‹ˆν‹° λ‹€μ΄μ–΄κ·Έλž¨μ€ λ°©λŒ€ν•œ μ–‘μ˜ 자료λ₯Ό νŒ€μ›λ“€κ³Ό ν•¨κ»˜ 해석, λΆ„λ₯˜, μ •λ¦¬ν•˜λŠ” ν˜‘λ ₯적이고 창의적인 해석 도ꡬ라 ν•  수 μžˆλ‹€. νš¨κ³ΌνŒ€μ›μ΄ ν˜„μž₯μ—μ„œ 각자 λ‹€λ₯Έ 도ꡬλ₯Ό 써 μˆ˜μ§‘ν•΄μ˜¨ 정보듀을 μ²΄κ³„μ μœΌλ‘œ κ³΅μœ ν•˜κ³ , κ°œλ³„μ μΈ μ •λ³΄λ“€μ˜ 연광성을 μ°Ύμ•„ μ‚¬μš©μž κ²½ν—˜μ— λŒ€ν•œ 총체적인 이해와 λ””μžμΈ λ°©ν–₯을 μž‘λŠ”λ° ν™œμš©ν•  수 ..
κΈ°λŒ€μΉ˜ 지도 Expectation Maps [탐ꡬ 도ꡬ]κΈ°λŒ€μΉ˜ 지도 Expectation Mapsλž€ 무엇인가? -고객 여정에 따라 고객의 감정을 μ‹œκ°μ μœΌλ‘œ λ§΅ν•‘ν•˜λŠ” κ²ƒμœΌλ‘œ, 고객이 μ„œλΉ„μŠ€μ— λŒ€ν•΄ κ°–λŠ” κΈ°λŒ€λ₯Ό μ‘°μ‚¬ν•˜κ³  λ„μ‹ν™”ν•˜λŠ” 것이닀. 이 μ§€λ„λŠ” νŠΉμ • μ„œλΉ„μŠ€μ— μ΄ˆμ μ„ λ§žμΆ”κ±°λ‚˜ μ–΄λ–€ μ„œλΉ„μŠ€ λ²”μ£Όμ˜ 일반적 ν˜•νƒœλ₯Ό λΆ„μ„ν•˜κΈ° μœ„ν•΄ μ‚¬μš©ν•  수 μžˆλ‹€. μ–΄λ–»κ²Œ μ‚¬μš©ν•˜λŠ”κ°€-κΈ°λŒ€μΉ˜ 지도λ₯Ό λ§Œλ“œλŠ” 데 ν•„μš”ν•œ μžλ£ŒλŠ” λ‹€μ–‘ν•œ κ³³μ—μ„œ 찾을 수 μžˆλ‹€. -예λ₯Ό λ“€μ–΄ μ΄ˆμ•ˆμ€ λ―Έλ””μ–΄μ˜ 보도 λ‚΄μš© 등을 λ°”νƒ•μœΌλ‘œ λ§Œλ“€ 수 μžˆλ‹€. -기업이 'λ°”κΉ₯세상'μ—μ„œ μ–΄λ–»κ²Œ μΈμ‹λ˜κ³  μžˆλŠ”μ§€μ™€ 같은 일반적인 μ§€ν‘œλ₯Ό μ œκ³΅ν•œλ‹€. -ν•œνŽΈ 고객의 생각을 ν™•μΈν•˜κΈ° μœ„ν•œ 심측 인터뷰 λ“±μ˜ 본격적인 μ—°κ΅¬λŠ” νŠΉμ • μ˜μ—­μ— λŒ€ν•œ 세뢀적인 λ‚΄μš©μ„ ν™•μΈν•˜κΈ° μœ„ν•΄ μ§„ν–‰ν•œλ‹€. -See, Hear, Say & Do, Th..
μ„œλΉ„μŠ€ λ””μžμΈ 도ꡬ μΌμƒμ˜ ν•˜λ£¨ A Day in Life [탐ꡬ 도ꡬ]μΌμƒμ˜ ν•˜λ£¨ A Day in Lifeλž€ 무엇인가'μΌμƒμ˜ ν•˜λ£¨'λŠ” νŠΉμ • 고객의 일상을 μ„€λͺ…ν•˜κΈ° μœ„ν•΄ κ·Έ κ³‘κ°œμ— κ΄€λ ¨λœ 자료λ₯Ό μˆ˜μ§‘ν•˜λŠ” 일이닀. μ–΄λ–»κ²Œ μ‚¬μš©ν•˜λŠ”κ°€-λ‹€μ–‘ν•œ ν˜•νƒœλ‘œ λ§Œλ“€ 수 μžˆλ‹€. -κ°„λ‹¨ν•œ κ·Έλž˜ν”½μ΄λ‚˜ λ§Œν™”λŠ” λΉ λ₯΄κ³  μ‰¬μš°λ©°, λΉ„λ””μ˜€λ‚˜ 사진은 μ‚¬μš©μž ν™˜κ²½κ³Ό 일상을 ν’λΆ€ν•˜κ²Œ λ¬˜μ‚¬ν•  수 μžˆλ‹€. μ–΄λ–€ 방법을 μ„ νƒν•˜κ±΄ 'μΌμƒμ˜ ν•˜λ£¨'λŠ” κ°€λŠ₯ν•œ ν•œ λ§Žμ€ 톡찰을 얻을 수 μžˆμ–΄μ•Ό ν•œλ‹€.-이 μ‘°μ‚¬μ˜ λͺ©μ μ€ 고객이 μ„œλΉ„μŠ€μ™€ μƒν˜Έμž‘μš©ν•˜λŠ” μ‹œκ°„ 외에도 일상적인 μΌκ³Όμ—μ„œ μ–΄λ–€ 생각과 행동을 ν•˜λŠ”μ§€μ— λŒ€ν•œ κ°œμš”λ₯Ό μ–»λŠ” 것이닀. μ™œ μ‚¬μš©ν•˜λŠ”κ°€-'μΌμƒμ˜ ν•˜λ£¨'λŠ” 고객이 μ„œλΉ„μŠ€λ₯Ό μ‚¬μš©ν•˜λŠ” λ§₯락을 이해할 수 μžˆλ„λ‘ νŠΉμ • ν„°μΉ˜ν¬μΈνŠΈμ™€ μƒν˜Έμž‘μš©ν•  λ•Œ 고객의 생각과 λŠλ‚Œμ— λŒ€ν•œ 정보λ₯Ό μ œκ³΅ν•œλ‹€. -λ‹¨μˆœνžˆ 고객이 μ„œλΉ„μŠ€λ₯Ό ..

728x90
λ°˜μ‘ν˜•