μˆνΌν”Œλ ˆμ΄(μœ νŠœλΈŒμ‡ΌμΈ , 무료 λ™μ˜μƒ)
Hello! I am a mobile app developer and leader with more than 10 years of experience. In particular, I havedeveloped video streaming Android apps and live related services, and I am working to grow video OTT service apps and player SDKs with development team members, value user feedback, value data, and promote organizational and corporate profits based on technology.

8ν™”. UX/UI λ””μžμΈ μˆ˜μ—…: μ‚¬μš©μ„±μ„ μ„€κ³„ν•˜λŠ” 법을 λ°°μš°λ‹€

KDT μŠ€νƒ€νŠΈμ—… κ³Όμ • UX/UI λ””μžμΈ μˆ˜μ—… ν›„κΈ°. λ””μžμΈ μ‹±ν‚Ή, μ‚¬μš©μž μ—¬μ •λ§΅, ν”Όκ·Έλ§ˆ μ‹€μŠ΅, UT ν…ŒμŠ€νŠΈμ™€ λΈŒλžœλ“œ κ°œλ‘ κΉŒμ§€ 싀무 쀑심 ν•™μŠ΅ 기둝.

 

감으둜 ν•˜λ˜ λ””μžμΈμ—μ„œ λ²—μ–΄λ‚˜, ꡬ쑰와 λ…Όλ¦¬λ‘œ μ„€κ³„ν•˜λ‹€

κ°œλ°œμžλ‘œμ„œ 앱을 λ§Œλ“€ λ•Œλ§ˆλ‹€ κ°€μž₯ λ§‰λ§‰ν–ˆλ˜ 뢀뢄은 ‘λ””μžμΈ’μ΄μ—ˆλ‹€. 색 μ‘°ν•©, μœ„μΉ˜ 배치, λ²„νŠΌ ν˜•νƒœ λ“± μ–΄λŠ ν•˜λ‚˜ 감에 μ˜μ‘΄ν•΄ κ²°μ •ν•˜λ‹€ 보면 μ‹œκ°„λ„ 였래 걸리고 결과물도 어색해지기 μΌμ‘€μ˜€λ‹€. κ·Έλž˜μ„œ 이번 UX/UI λ””μžμΈ μˆ˜μ—…μ€ λ‚˜μ—κ²Œ μžˆμ–΄ 무척 의미 μžˆλŠ” μ‹œκ°„μ΄ λ˜μ—ˆλ‹€.


λ””μžμΈ μˆ˜μ—… κ°œμš”

λ””μžμΈ μˆ˜μ—…μ€ μ•½ 4.5일간 μ§„ν–‰λ˜μ—ˆμœΌλ©°, UX 섀계뢀터 ν”„λ‘œν† νƒ€μž… μ œμž‘, UT ν…ŒμŠ€νŠΈ, λΈŒλžœλ“œ κ°œλ‘ κΉŒμ§€ λ‹€λ€˜λ‹€. κ°•μ‚¬λ‹˜μ€ 싀무 κ²½ν—˜μ΄ ν’λΆ€ν•œ UX λ””μžμ΄λ„ˆλ‘œ, μ‹€μ§ˆμ μΈ μ˜ˆμ‹œμ™€ μ‹€μŠ΅ μœ„μ£Ό κ°•μ˜λ₯Ό μ§„ν–‰ν•΄μ£Όμ…¨λ‹€.

λ””μžμΈμ•„μ΄μŠ€λΈŒλ ˆμ΄ν‚Ή


전체 컀리큘럼

  1. UX λ””μžμΈ 기초 및 μœ μ € λ¦¬μ„œμΉ˜

  2. Figma ν”„λ‘œν† νƒ€μž… μ œμž‘

  3. UT ν…ŒμŠ€νŠΈ 섀계 및 μ‹€ν–‰

  4. λΈŒλžœλ“œ 넀이밍 및 μƒν‘œ 개둠

  5. μ‹€μŠ΅ 및 ν”Όλ“œλ°± μ„Έμ…˜

λ””μž₯λ‹ˆν”Όκ·Έλ§ˆμ‹€μŠ΅



1. λ””μžμΈ 기초 이둠 & μœ μ € λ¦¬μ„œμΉ˜ μ‹€μŠ΅

λ””μžμΈ κ°œλ‘ μ—μ„œλŠ” UX의 μ •μ˜μ™€ 인지·κ°μ •·λ§₯락·ν–‰λ™ λ“± λ‹€μ–‘ν•œ κ΄€μ μ—μ„œ μ‚¬μš©μž κ²½ν—˜μ„ μ„€κ³„ν•˜λŠ” 방법을 λ°°μ› λ‹€. 특히 μ‹œκ°μ  νŒ¨ν„΄, 제슀처, λ°˜μ‘μ„±κ³Ό κ΄€λ ¨λœ μ‹€μ œ 사둀 μ€‘μ‹¬μ˜ μ„€λͺ…이 인상 κΉŠμ—ˆλ‹€.

μ‹€μŠ΅μ€ 각 μ‘°κ°€ ν•˜λ‚˜μ˜ μ„œλΉ„μŠ€λ₯Ό μ •ν•˜κ³ , κ·Έ μ‚¬μš©μžμ˜ λΆˆνŽΈν•œ 점을 λ¦¬μ„œμΉ˜ν•΄ κ°œμ„  아이디어λ₯Ό μ œμ‹œν•˜λŠ” νλ¦„μœΌλ‘œ μ§„ν–‰λ˜μ—ˆλ‹€. 우리 μ‘°λŠ” λ„·ν”Œλ¦­μŠ€λ₯Ό 주제둜 μ‚¬μš©μž 페λ₯΄μ†Œλ‚˜ μ •μ˜ 및 인터뷰λ₯Ό μˆ˜ν–‰ν–ˆλ‹€.

μ£Όμš” κ°œλ… 정리

  • UX: λ‹¨μˆœ μ‚¬μš©μ„±λΏλ§Œ μ•„λ‹ˆλΌ 감정·λ§₯락·ν–‰λ™κΉŒμ§€ ν¬ν•¨ν•œ 전체적 κ²½ν—˜

  • μ‹œκ° νŒ¨ν„΄: 색, μ•„μ΄μ½˜, 폰트둜 인지할 수 μžˆλ„λ‘ ꡬ성

  • μ‚¬μš©μž 제슀처 및 μ•‘μ…˜ 기반 사고가 μ€‘μš”ν•¨


2. Figmaλ₯Ό ν†΅ν•œ ν”„λ‘œν† νƒ€μž… μ œμž‘

Figmaλ₯Ό ν™œμš©ν•œ UI 섀계 μ‹€μŠ΅μ—μ„œλŠ” 정보ꡬ쑰도 μž‘μ„±λΆ€ν„° νŽ˜μ΄μ§€ ν”Œλ‘œμš° ꡬ성, ν”„λ‘œν† νƒ€μž… μ œμž‘κΉŒμ§€ μ‹€μ œ 화면을 κ΅¬μ„±ν•΄λ³΄λŠ” κ²½ν—˜μ„ ν–ˆλ‹€. λ„·ν”Œλ¦­μŠ€ κ°œμ„  아이디어λ₯Ό μ μš©ν•΄ μΈν„°λž™μ…˜μ„ κ΅¬μ„±ν•˜κ³  ν…ŒμŠ€νŠΈ κ°€λŠ₯ν•œ ν˜•νƒœλ‘œ μ™„μ„±ν–ˆλ‹€.

정보 ꡬ쑰도


배운 점

  • κ°œλ°œμžλŠ” κ°€μ΄λ“œλ₯Ό μ°Έκ³ ν•˜μ§€λ§Œ λ””μžμ΄λ„ˆλŠ” ꡬ쑰뢀터 μ •μ˜ν•œλ‹€λŠ” 차이λ₯Ό λŠλ‚Œ

  • Figmaμ—μ„œ 흐름을 μ‹œκ°ν™”ν•˜λ‹ˆ 동선이 μžμ—°μŠ€λŸ¬μš΄μ§€ ν•œλˆˆμ— 확인 κ°€λŠ₯

λ””μžμΈν”Όκ·Έλ§ˆν”„λ‘œν† νƒ€μž… μ‹€μŠ΅



3. UT(Usability Testing) ν…ŒμŠ€νŠΈ

UT ν…ŒμŠ€νŠΈλŠ” ‘감이 μ•„λ‹Œ λ°μ΄ν„°λ‘œ μ˜μ‚¬κ²°μ •’을 ν•˜κΈ° μœ„ν•œ 과정이닀. 각 μ‘°λŠ” ν”„λ‘œν† νƒ€μž…μ„ λ°”νƒ•μœΌλ‘œ ν…ŒμŠ€νŠΈ μ‹œλ‚˜λ¦¬μ˜€λ₯Ό μž‘μ„±ν•˜κ³ , μ°Έμ—¬μžμ—κ²Œ λ―Έμ…˜μ„ μˆ˜ν–‰ν•˜κ²Œ ν–ˆλ‹€.

μ‹€μŠ΅ 흐름

  1. ν…ŒμŠ€νŠΈ λͺ©μ  μ„€μ • → μ‹œλ‚˜λ¦¬μ˜€ 섀계 → λ―Έμ…˜ λΆ€μ—¬

  2. μ°Έμ—¬μž ν…ŒμŠ€νŠΈ μˆ˜ν–‰ ν›„ 행동 κ΄€μ°° 및 기둝

  3. 문제점 뢄석 및 κ°œμ„ μ•ˆ λ„μΆœ

μœ ν‹°ν…ŒμŠ€νŠΈμΊ‘μ³



4. λΈŒλžœλ“œ 개둠 & 넀이밍 μ „λž΅

λ§ˆμ§€λ§‰μœΌλ‘œ λΈŒλžœλ“œ 개둠 μ‹œκ°„μ—λŠ” 넀이밍 μ „λž΅κ³Ό μƒν‘œ 등둝 μ‹œ 주의점 등을 κ°„λ‹¨νžˆ λ‹€λ€˜λ‹€. λΈŒλžœλ“œλž€ ‘μ‚¬μš©μžμ˜ 인식 속 κ²½ν—˜μ˜ 총합’μ΄λΌλŠ” μ μ—μ„œ, λ‹¨μˆœνžˆ 이름보닀 ‘κΈ°μ–΅λ˜λŠ” 방식’이 더 μ€‘μš”ν•˜λ‹€λŠ” 점이 인상 κΉŠμ—ˆλ‹€.

λ””μžμΈλΈŒλžœλ“œ 개둠



μ •λ¦¬ν•˜λ©°

UX/UI λ””μžμΈ μˆ˜μ—…μ€ λ‹¨μˆœνžˆ 화면을 예쁘게 λ§Œλ“œλŠ” 것이 μ•„λ‹ˆλΌ, μ‚¬μš©μžμ˜ 문제λ₯Ό νŒŒμ•…ν•˜κ³  흐름을 μžμ—°μŠ€λŸ½κ²Œ λ§Œλ“€μ–΄μ£ΌλŠ” 섀계 ν–‰μœ„λΌλŠ” 것을 κΉ¨λ‹¬μ•˜λ‹€. μ‹€μŠ΅ μœ„μ£Ό ꡬ성은 μ’‹μ•˜μ§€λ§Œ, 쀑간쀑간 λ‹€λ₯Έ μˆ˜μ—…κ³Ό 겹치며 연속성이 λ–¨μ–΄μ§„ 점은 λ‹€μ†Œ μ•„μ‰¬μ›€μœΌλ‘œ λ‚¨μ•˜λ‹€.

λ‹€μŒ κΈ€μ—μ„œλŠ” μ΄μ–΄μ§€λŠ” 개발 μˆ˜μ—…κ³Ό μ‹€μ œ ν”„λ‘œμ νŠΈ 적용 사둀λ₯Ό μ€‘μ‹¬μœΌλ‘œ 기둝해볼 μ˜ˆμ •μ΄λ‹€.

λŒ“κΈ€ μ“°κΈ°