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

λ°˜μ‘ν˜•

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

(36)
[곡뢀 λ©”λͺ¨] UX와 λΉ„μ¦ˆλ‹ˆμŠ€ 1. UX와 λΉ„μ¦ˆλ‹ˆμŠ€μ˜ 연결고리 = 'μ‚¬λžŒ' UX Design - μ‚¬λžŒλ“€μ˜ κ²½ν—˜μ„ λ””μžμΈ ν•˜λŠ” 것 (Design = How it works(o), How it looks (x)) λΉ„μ¦ˆλ‹ˆμŠ€ - μ‚¬λžŒλ“€μ—κ²Œ μƒν’ˆμ„ νŒ”μ•„ λˆμ„ λ²„λŠ” ν–‰μœ„ UX Design X Buisness = μ‚¬λžŒλ“€μ˜ κ²½ν—˜μ„ λ””μžμΈν•˜κ³  κ·Έλ“€μ—κ²Œ μƒν’ˆμ„ νŒ”μ•„ λˆμ„ λ²„λŠ” ν–‰μœ„ 2. UX vs λΉ„μ¦ˆλ‹ˆμŠ€ λ•Œλ‘œλŠ” 이 두가지가 μΆ©λŒν•  μˆ˜κ°€ μžˆλ‹€. λ‹¬λ§ˆλ‹€ 1λ§Œμ›μ”© κ΅¬λ…ν•˜λŠ” BM을 가지고 μžˆλŠ” μ„œλΉ„μŠ€μ—μ„œ, μ—°λ§ˆλ‹€ 10λ§Œμ›μ— κ΅¬λ…ν•˜λŠ” BM을 μƒˆλ‘œ λŸ°μΉ­ν•˜λ €κ³  ν•œλ‹€. UX와 Business 파트 각자의 λ°˜μ‘μ€? UX - 'μ‚¬λžŒ' μ€‘μ‹¬μœΌλ‘œ μ΄μ•ΌκΈ°ν•˜λŠ”λ°, 'μ‚¬λžŒλ“€μ΄ 이걸 μ’‹μ•„ν•΄μš”' λΌλŠ” 말을 ν•  λ•Œ 'λŒ€ν‘œμ„±'을 지닐 수 μžˆλ„λ‘ ν•΄μ•Ό ν•œλ‹€. => UX λ””μžμ΄λ„ˆλŠ” 'ꡬ..
μΌν•˜λŠ” μ‚¬λžŒλ“€μ˜ μ½˜ν…μΈ  ν”Œλž«νΌ: 퍼블리 Publy μ—­κΈ°νš 해보기 #1 λΉ„μ¦ˆλ‹ˆμŠ€ λͺ¨λΈ νŒŒμ•…ν•˜κΈ° Why Publy? μ•žμ„  ν¬μŠ€νŒ…μ—μ„œ μ—­κΈ°νšμ— λŒ€ν•΄ μ•Œμ•„λ³΄μ•˜λ‹€. 이제 λ‚΄ μ°¨λ‘€λ‹€. μ• μš©ν•˜κ³  잘 μ•Œκ³  μžˆλŠ” μ„œλΉ„μŠ€λ₯Ό, 이용자의 관점을 λ„˜μ–΄μ„œ 기획자의 κ΄€μ μœΌλ‘œ μ—­κΈ°νšν•΄λ³΄κ³ μž ν•œλ‹€. λ°”λ‘œ 'μΌν•˜λŠ” μ‚¬λžŒλ“€μ˜ μ½˜ν…μΈ  ν”Œλž«νΌ, 퍼블리'λ₯Ό νŒŒν—€μ³λ³΄κ³ μž ν•œλ‹€. 벌써 퍼블리λ₯Ό κ΅¬λ…ν•œμ§€ 1λ…„ μ―€ 지났닀. μž‘λ…„μ— κ³΅κ°„λ””μžμΈμŠ€νŠœλ””μ˜€μ—μ„œ 일할 λ•Œ, 퍼블리λ₯Ό 톡해 λΈŒλžœλ”©κ³Ό λ§ˆμΌ€νŒ…μ— λŒ€ν•œ μ½˜ν…μΈ λ“€μ„ 보며 μƒˆλ‘œμš΄ 세상을 μ—Ώλ³Ό 수 μžˆμ—ˆλ‹€. μ•„λ§ˆ κ·Έλ•Œ 이런 과정듀이 μ—†μ—ˆλ‹€λ©΄ μ§€κΈˆμ˜ λ‚˜λŠ” μ—†μ—ˆμ„μ§€ λͺ¨λ₯Έλ‹€. 퍼블리λ₯Ό 처음 κ΅¬λ…ν•˜κΈ° μ‹œμž‘ν–ˆμ„ λ•Œμ˜ 감동을 아직도 μžŠμ§€ λͺ»ν•œλ‹€. λ‘κΊΌμš΄ μ±…λ“€μ˜ ν•΅μ‹¬λ§Œ λ½‘μ•„μ„œ λΉ λ₯΄κ²Œ μ†Œν™”ν•  수 μžˆλ„λ‘, μž‘μ§€μ²˜λŸΌ λ‹€μ‹œ μ—λ””νŒ…ν•΄μ£ΌλŠ” 것듀이 μ‹ μ„ ν–ˆμ—ˆλ‹€. 가끔 퍼블리 μ½˜ν…μΈ μ˜ μ§ˆμ— λŒ€ν•΄ μ˜λ¬Έμ„ μ œκΈ°ν•˜λŠ” μ‚¬λžŒλ“€μ΄ κ°„ν˜Ή μžˆμ—ˆ..
μ„œλΉ„μŠ€ μ—­κΈ°νš κ°€μ΄λ“œ 101 (feat. ν˜„μ—… 기획자 도그λƒ₯이 μ•Œλ €μ£ΌλŠ” μ„œλΉ„μŠ€ 기획 슀쿨) μ„œλΉ„μŠ€ μ—­κΈ°νš Reverse Planning은 μ™œ ν•„μš”ν• κΉŒ? νˆ΄μ„ μ΄μš©ν•΄ UI κ·Έλ¦¬λŠ” 것을 μ΅νžˆλŠ” 것은, 'μ„œλΉ„μŠ€ 기획'을 ν•˜λŠ” 것과 λ‹€λ₯΄λ‹€. UIλŠ” UX와 IT μ‹œμŠ€ν…œ, λΉ„μ¦ˆλ‹ˆμŠ€ μ •μ±…κ³Ό μ „λž΅μ΄ ν•œλ° μ–΄μš°λŸ¬μ Έ λ‚˜μ˜€λŠ μ΅œμ’… μ‚°μΆœλ¬Όμ΄κΈ° λ•Œλ¬Έμ΄λ‹€. μ‹œμŠ€ν…œκ³Ό λΉ„μ¦ˆλ‹ˆμŠ€, 고객이 μ—†λŠ” μƒνƒœμ—μ„œμ˜ UI μ—°μŠ΅μ€ μ „ν˜€ 도움이 λ˜μ§€ μ•ŠλŠ”λ‹€. μ„œλΉ„μŠ€ 기획의 핡심은 μžμ‹ μ΄ 맑은 μ‹œμŠ€ν…œ ꡬ쑰λ₯Ό νŒŒμ•…ν•΄μ„œ 확인 κ°€λŠ₯ν•œ 데이터 μ§€ν‘œλ₯Ό 톡해 μ„œλΉ„μŠ€ 생애주기와 μ „λž΅μ„ μ²΄ν¬ν•˜κ³ , κ΅¬ν˜„ κ°€λŠ₯ν•œ μ„œλΉ„μŠ€λ‘œ λ§Œλ“€μ–΄λ‚˜λŠ” 것에 μžˆλ‹€. κ·Έλ ‡λ‹€λ©΄, μ‹œμŠ€ν…œλ„ μ—†κ³  데이터도 없을 λ•Œ μ„œλΉ„μŠ€ κΈ°νšμ„ μ–΄λ–»κ²Œ 배울 수 μžˆμ„κΉŒ? μ±… μ—μ„œλŠ” λ…ν•™μœΌλ‘œ μ„œλΉ„μŠ€λ₯Ό 곡뢀할 수 μžˆλŠ” λ°©λ²•μœΌλ‘œ 'μ—­κΈ°νš'을 μ œμ•ˆν•œλ‹€. μ˜ˆμ „μ— 'μ—­κΈ°νš'이 도움이 많이 λ˜λ”λΌ~ ν•˜λŠ” 글듀은 λ΄€μ—ˆ..
μ„œλΉ„μŠ€ κΈ°νšμžλŠ” λΉ„μ¦ˆλ‹ˆμŠ€ μ „λž΅ 기획 & μ‹œμŠ€ν…œ 기획 λ‘˜ λ‹€ μ•Œμ•„μ•Όν•΄ (feat. ν˜„μ—… 기획자 도그λƒ₯이 μ•Œλ €μ£ΌλŠ” μ„œλΉ„μŠ€ 기획 슀쿨) μž‘νƒ• 쉐이크 λ™λ£Œλ“€κ³Ό SKT ν–‰λ³΅μΈμ‚¬μ΄νŠΈ & μ—”μ €ν•΅ 해컀톀을 μ€€λΉ„ν•˜λ©΄μ„œ, λ‚΄κ°€ μ•„λŠ”κ²Œ 정말 μ—†κ΅¬λ‚˜ 뼈져리게 κΉ¨λ‹¬μ•˜λ‹€. μ‚¬νšŒμ  문제λ₯Ό λ°œκ²¬ν•˜λŠ” 것, 그것에 μ–½νžŒ 고객의 λ¬Έμ œμ— κ³΅κ°ν•˜λŠ” 것, 그것을 ICT 기술둜 μ–΄λ–»κ²Œ ν’€μ–΄κ°ˆ 수 μžˆμ„μ§€ κ³ λ―Όν•˜λŠ” 것, κ·Έκ²ƒμ˜ BM을 μ„€κ³„ν•˜λŠ” 것, 그리고 μ–΄λ–€ UX둜 κ΅¬ν˜„ν• μ§€ μƒκ°ν•˜λŠ” 것, 뭐 ν•˜λ‚˜ 덜 μ€‘μš”ν•œ νŒŒνŠΈκ°€ μ—†μ—ˆλ‹€. κ·ΈλŸ¬λ‚˜ κ·Έ κ°€μš΄λ° λ‚΄κ°€ μž˜ν•˜κ³  μžˆλŠ” 것은 μ–΄λ– ν•œ 것도 μ—†μ—ˆλ‹€. λ­”κ°€ μ—΄μ‹¬νžˆ κ³ λ―Όν•˜κ³  λ¦¬μ„œμΉ˜λŠ” ν–ˆμ§€λ§Œ, μ–΄λ–€ λͺ…ν™•ν•œ '관점'κ³Ό 'κ·Όκ±°'λ₯Ό κ°–κ³  사고λ₯Ό μ „κ°œν•˜κ³  μžˆμ§€ λͺ»ν–ˆλ‹€. λΉ„μ¦ˆλ‹ˆμŠ€ 관점도 μ•„λ‹ˆμ—ˆκ³ , 기술적 관점도 μ•„λ‹ˆμ—ˆκ³ , λ””μžμ΄λ„ˆ 관점도 μ•„λ‹ˆμ—ˆκ³ , κ·Έλƒ₯.. κ·Έλƒ₯ ꡐ양 μ‘°λ³„κ³Όμ œν•˜λŠ” λŒ€ν•™μƒ κ΄€μ μ΄μ—ˆλ‹€. (μˆ˜λ£Œν•œμ§€κ°€ μ–Έμ œμΈλ° 아직도 μƒνƒœλŠ” λŒ€ν•™μƒμΈ 것이냐....
A.k.a μ„œλΉ„μŠ€ 기획자! Product Managerκ°€ ν•˜λŠ” 일 (feat. ν˜„μ—… 기획자 도그λƒ₯이 μ•Œλ €μ£ΌλŠ” μ„œλΉ„μŠ€ 기획 슀쿨) μ‚¬μˆ˜ 없이 μ‹œμž‘ν•˜λŠ” μ›Ή/μ•± ν”„λ‘œλ•νŠΈ μ‹€μ „ μž…λ¬Έμ„œ νŒ¨μŠ€νŠΈμΊ νΌμŠ€μ—μ„œ 'μ„œλΉ„μŠ€ 기획' κ°•μ’Œλ₯Ό μ§„ν–‰ν•˜λŠ” ν˜„μ—… 기획자 κ°•μ‚¬λ‹˜μ΄ μ΅œκ·Όμ— 책을 λ‚΄μ…¨λ‹€. 'ν˜„μ—… 기획자 도그λƒ₯이 μ•Œλ €μ£ΌλŠ” μ„œλΉ„μŠ€ 기획 슀쿨'λΌλŠ” 책이닀. 패캠의 ν›„κΈ°λŠ” 항상 κ·Ήκ³Ό κ·Ήμ΄μ–΄μ„œ λ°˜μ‹ λ°˜μ˜ν•˜λ©° λ“£κΈ°λ₯Ό λ§μ„€μ˜€λŠ”λ°, μ˜³λ‹€κ΅¬λ‚˜ν•˜κ³  책을 κ΅¬λ§€ν–ˆλ‹€. 와......책에 λŒ€ν•œ λ§Œμ‘±λ„κ°€ ꡉμž₯히 λ†’λ‹€. λΉ„μ¦ˆλ‹ˆμŠ€, UXUI, ν”„λ‘œκ·Έλž˜λ°, 디지털 λ§ˆμΌ€νŒ…, 톡계, 데이터 뢄석 λ“± λͺ¨λ“  것을 λ‹€ μ•Œκ³  μ‹Άμ—ˆκ³ , μž˜ν•˜κ³  μ‹Άμ—ˆλ˜ λ‚˜μ—κ²Œ, 그런 컬쳐쇼크같은 직무가 λ°”λ‘œ μ΄κ±°κ΅¬λ‚˜ ν–ˆλ‹€. Product Manager(μ„œλΉ„μŠ€ 기획자)의 일을 낱낱이 νŒŒν—€μ³ λ³Ό 수 μžˆμ—ˆλ‹€. ν”„λ‘œλ•νŠΈ λ§€λ‹ˆμ €λŠ” μ •λ§λ‘œ λ‚΄κ°€ λ§‰μ—°ν•˜κ²Œ λ‹€ μ•Œμ•„μ•Όν•  것 κ°™μ•˜λ˜ 뢀뢄듀을 λ‹€ μ•Œκ³  λ‹€μ–‘ν•œ μ΄ν•΄κ΄€κ³„μžλ“€ μ‚¬μ΄μ—μ„œ λ§€λ‹ˆ..
Design Thinking, Lean Startup, Agile, Design Sprint , λ„ˆν¬ λŒ€μ²΄ 무슨 μ‚¬μ΄λ‹ˆ? #1 λ³΅μž‘ν•˜κ³  ν˜Όλž€ν•˜κ΅¬λ‚˜ μŠ€νƒ€νŠΈμ—…μ„ κΏˆκΎΈκ±°λ‚˜, ν…Œν¬κΈ°μ—…μ—μ„œ μΌν•˜λŠ” λͺ¨μŠ΅μ„ 꿈꾸고, 무언가 진취적인 ν”„λ‘œμ νŠΈλ₯Ό μ§„ν–‰ν•˜λ €κ³  ν•  λ•Œ 늘 λ“±μž₯ν•˜λŠ” κ°œλ…λ“€μ΄λΌ μƒκ°λœλ‹€. Design Thinking, Lean Startup, Agile, Design Sprint 이 쀑에 ν•œ κ°€μ§€λ§Œ 검색해봐도, 이 λͺ¨λ“  κ°œλ…μ΄ ν•¨κ»˜ λ”Έλ €λ‚˜μ˜¨λ‹€. νŒ€ν”„λ‘œμ νŠΈμ—μ„œ, μ–΄λ””μ„ κ°€ λ“€μ–΄λ³Έ λ””μžμΈ μŠ€ν”„λ¦°νŠΈλ₯Ό μ‹œλ„ν•΄λ³΄μžλŠ” μƒκ°μœΌλ‘œ λ¦¬μ„œμΉ˜λ₯Ό μ‹œμž‘ν–ˆλŠ”λ° 생각보닀 μ—¬λŸ¬ κ°œλ…λ“€μ΄ μ–½ν˜€μžˆμ—ˆλ‹€. 이 κ°œλ…λ“€μ— λŒ€ν•΄ λ‚΄κ°€ μ†Œν™”ν•œ λ‚΄μš©μ„ κ°€λ³κ²Œ μ§‘λŒ€μ„±ν•΄λ³΄κ³ μž ν•œλ‹€. 쒅ꡭ에 κ°€μ„œλŠ” 이 λͺ¨λ“  κ°œλ…λ“€μ΄ μ—°κ²°λœλ‹€λŠ” 것을 κΉ¨λ‹¬μ•˜λ‹€. ν•˜λ‚˜μ”© μ•Œμ•„λ³΄λ„λ‘ ν•˜μž. Design thinking ν•œ λ•Œ, λͺ¨λ“  것을 해결해쀄 κ²ƒμ²˜λŸΌ 뢐을 이뀘던 'λ””μžμΈ 사고', 이λ₯Έ λ°” λ””μžμΈμ”½ν‚Ήμ΄λ‹€. ..
λ””μžμΈ μ‹œμŠ€ν…œ(Design System)κ³Ό μ„œλΉ„μŠ€ 기획(Service Design) λ””μžμΈ μ‹œμŠ€ν…œμ΄λž€ 무엇인가? λ””μžμΈ μ‹œμŠ€ν…œμ€ UIνŒ¨ν„΄μ—μ„œ μ‹œμž‘ν–ˆλ‹€. Figma, Sketch λ””μžμΈ νˆ΄μ— νž˜μ„ μž…μ–΄ 체계적인 μ‹œμŠ€ν…œμœΌλ‘œ μ •λ¦¬λœ μ»΄ν¬λ„ŒνŠΈ 기반의 λ””μžμΈμ€, λΉ λ₯΄κ³  μ‰¬μš΄ 슀크린 λ””μžμΈ & μ—…λ°μ΄νŠΈ & μœ μ§€λ³΄μˆ˜λ₯Ό κ°€λŠ₯ν•˜κ²Œ ν•΄μ£Όμ—ˆλ‹€κ³  ν•œλ‹€. 이런 역사 μ†μ—μ„œ, μ—…κ³„λŠ” μΈν„°νŽ˜μ΄μŠ€μ™€ κ°œλ°œμ— λŒ€ν•΄ μ§‘μ€‘ν–ˆμ—ˆλ‹€. 그리고 μ΄μ œλŠ” μ•žμ„œμ„œ λ§ν–ˆλ“― 전체 λ””μžμΈ λ§₯락을 λ§Œλ“€ 수 μžˆκ²Œλ” 점점 λ””μžμΈ μ‹œμŠ€ν…œμ˜ λ²”μ£Όλ₯Ό λ„“ν˜€κ°€κ³  μžˆλŠ” 상황이닀. Toss 곡식 λΈ”λ‘œκ·Έ https://blog.toss.im/ λ””μžμΈμ‹œμŠ€ν…œμ˜ κ°œλ…μ„ μ•ŒκΈ° μœ„ν•΄μ„œλŠ”, UI κ°€μ΄λ“œ 라인, UX κ°€μ΄λ“œ 라인에 λŒ€ν•΄ λ¨Όμ € 이해할 ν•„μš”κ°€ μžˆλ‹€. UI κ°€μ΄λ“œλΌμΈ: UIλ₯Ό ν‘œμ€€ν™”ν•˜κ³  ν™”λ©΄ κ°„ 일관성을 ν™•λ³΄ν•˜κΈ° μœ„ν•œ 것이닀. κ²½ν—˜, λ§₯락, λͺ©ν‘œ 등을 κ³ λ €ν•΄ ..
μœ μ €ν”Œλ‘œμš° νŠœν† λ¦¬μ–Ό User Flow Tutorial λͺ¨λ°©μœΌλ‘œ ν•™μŠ΅ν•˜κΈ°μ €λ²ˆ ν¬μŠ€νŒ…μ„ μ •λ¦¬ν•˜λ©΄μ„œ, User flow에 λŒ€ν•΄ μ•„~이제 μ’€ μ•Œ 것 κ°™λ‹€! ν–ˆλŠ”λ° κ΄€λ ¨λœ μžλ£Œλ“€μ„ 더 μ°Ύμ•„λ³΄λ‹ˆ λ‹€μ‹œ ν—·κ°ˆλ¦¬κΈ°λ„ ν–ˆλ‹€. μ‚¬λžŒλ§ˆλ‹€ λ―Έλ¬˜ν•˜κ²Œ μž‘μ—… μˆœμ„œλ‚˜ 방식이 λ‹€λ₯΄κ³ , μ›Œλ”©μ—λ„ μ‘°κΈˆμ”© 차이가 μžˆμ–΄μ„œ 아직은 μ’€ ν—·κ°ˆλ¦°λ‹€. μ„œμ μ— κ°€μ„œ UXUI κ΄€λ ¨λœ 책을 쒀더 찾아봐야겠닀. 그러던 쀑, μ§€λ‚œ κ²¨μšΈμ—λ„ 봀던 μ˜μƒμ„ λ‹€μ‹œ 보게 λ˜μ—ˆλ‹€. μƒŒν”„λž€μ‹œμŠ€μ½”μ—μ„œ UX Designer둜 μΌν•˜κ³  μžˆλŠ” Youtuber Chunbuns의 채널이닀. κ·Έλ•ŒλŠ” 이 μ˜μƒμ„ 보고도 감히 νŠœν† λ¦¬μ–Όμ„ 같이 μ‹œλ„ν•΄λ³Ό 생각을 λͺ»ν–ˆμ—ˆλ‹€. μ΄μ œλŠ” 이 μ˜μƒμ—μ„œ μ†Œκ°œν•˜λŠ” User Flow의 κ°œλ…μ„ λ‹€μ‹œ ν•œ 번 정리해보고, μ œκ³΅ν•˜λŠ” νŠœν† λ¦¬μ–Ό 과제λ₯Ό μˆ˜ν–‰ν•΄λ³΄κ³ μž ν•œλ‹€. User flow tutorial, How I use..

728x90
λ°˜μ‘ν˜•