๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๐Ÿ“™ ๋งค์ผํ•™์Šต์ผ์ง€

0401 #23 ๊ธฐํš์ž๊ฐ€ UX๋ฅผ ์ดํ•ดํ•˜๋Š” ๋ฐฉ๋ฒ• - UX ๋ฆฌ์„œ์น˜, UX Writing

by Tan- 2023. 4. 1.

4/1 ํ† 

  • ๊ฐ•์˜ Chapter 12. ๊ธฐํš์ž๊ฐ€ UX๋ฅผ ์ดํ•ดํ•˜๋Š” ๋ฐฉ๋ฒ•
  • ๊ณผ์ œ 3
  • ๋ถํด๋Ÿฝ ์Šคํ„ฐ๋””

 

UX ๋ฆฌ์„œ์น˜

UX์— ๋Œ€ํ•œ ์š”์†Œ๋“ค์„ ๋ช…ํ™•ํ•˜๊ฒŒ ํ•˜๊ณ  ์–ด๋–ค UX๋ฅผ ์ค‘์š”ํ•˜๊ฒŒ ์ •ํ•ด์„œ ์„œ๋น„์Šค๋ฅผ ๋งŒ๋“ค์–ด ๋‚ผ ๊ฒƒ์ด๋ƒ๋ฅผ ํŒ๋‹จํ•˜๊ธฐ ์œ„ํ•ด ์‹ค์‹œ

 

์ •๋Ÿ‰์กฐ์‚ฌ

์ˆซ์ž๋กœ ๋‚˜์˜ค๋Š” ๋ฐ์ดํ„ฐ๋“ค

๋ฐ์ดํ„ฐ ์ž์ฒด๊ฐ€ ์ˆ˜์น˜ํ™”๋ผ์„œ ๋‚˜์˜ค๋Š” ๊ฒƒ

= ํ–‰๋™์„ ์กฐ์‚ฌํ•˜๋Š” ๋ฐฉ๋ฒ•

  • AB ํ…Œ์ŠคํŠธ, ์„œ๋ฒ ์ด, ํด๋ฆญ ํ…Œ์ŠคํŠธ, Eye Tracking, Card Sorts

 

์ •์„ฑ์กฐ์‚ฌ

์‹ค์ œ ์‚ฌ์šฉ์ž๋“ค์˜ ์›€์ง์ž„, ์‚ฌ์šฉ์ž์˜ ์‹œ๋‚˜๋ฆฌ์˜ค,

์‚ฌ์šฉ์ž๊ฐ€ ์ด ๊ธฐ๋Šฅ์„ ์–ด๋–ป๊ฒŒ ํ™œ์šฉํ•˜๋Š”์ง€ ๋“ฑ์— ๋Œ€ํ•œ ์ˆ˜์น˜ํ™”

= ์ƒ๊ฐ์„ ์กฐ์‚ฌํ•˜๋Š” ๋ฐฉ๋ฒ•

  • Usability Tests, Diary Studies, Focus Groups, Interviews, Design Workshops

 

UX ๋ฆฌ์„œ์น˜ ๊ณ„ํš ๋‹จ๊ณ„

  • ๋ฆฌ์„œ์น˜ ์ฃผ์ œ ์ •์˜
  • ๋ฆฌ์„œ์น˜์˜ ๋ช…ํ™•ํ•œ ๋ชฉํ‘œ
  • ๊ฐ€์„ค ๋ฐ ์˜ˆ์ƒ ๊ฒฐ๊ณผ ์ •์˜
  • ๋ฆฌ์„œ์น˜ ์ฐธ๊ฐ€์ž ์„ ์ •
  • ๋ฐ์ดํ„ฐ ์ˆ˜์ง‘๋ฐฉ๋ฒ• ์ •์˜

 

UX ๋ฆฌ์„œ์น˜ ์ง„ํ–‰ ๋‹จ๊ณ„

์‚ฌ์šฉ์ž์˜ ๊ฐ์ •์ด๋‚˜ ํ–‰๋™์— ์˜ํ–ฅ์„ ๋ฏธ์ฒ˜์„œ๋Š” ์•ˆ๋œ๋‹ค

์„œ๋น„์Šค๋ฅผ ํ…Œ์ŠคํŠธํ•˜๋Š” ๊ฒƒ์ผ ๋ฟ ์‚ฌ์šฉ์ž๋ฅผ ํ…Œ์ŠคํŠธํ•˜๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋‹ค

์‚ฌ์šฉ์ž์˜ ์˜๊ฒฌ์ด ์˜ํ–ฅ์„ ๋ฐ›์ง€ ์•Š์Œ์„ ์ธ์ง€์‹œํ‚ฌ ๊ฒƒ

  • ํƒ€๊นƒ/์„ธ๊ทธ๋จผํŠธ ๋ถ„์„
  • ์ด์Šˆ ๋„์ถœ
  • ๋‚ ์นด๋กœ์šด ๊ด€์ฐฐ๋ ฅ
  • ์‚ฌ์šฉ์ž ํ–‰๋™ ๋ถ„์„
  • ๋ฐ์ดํ„ฐ ๊ฐ๊ด€ํ™”ํ•˜๊ธฐ

 

UX ๋ฆฌ์„œ์น˜ ๊ฒฐ๊ณผ ๋ถ„์„

๋ฆฌ์„œ์น˜๋ฅผ ์ˆ˜ํ–‰ ํ›„ ๊ฒฐ๊ณผ๋ฅผ ์ข…ํ•ฉํ•˜์—ฌ ์ธ์‚ฌ์ดํŠธ๋ฅผ ๋„์ถœํ•˜๋Š” ๊ฒƒ์ด ์ค‘์š”

์ˆ˜๋งŽ์€ ๊ฐ€์„ค์„ ๊ฒ€์ฆํ•˜์—ฌ ํ˜„์žฌ ์„œ๋น„์Šค์— ๊ฐ€์žฅ ์˜๋ฏธ ์žˆ๋Š” ๊ฒฐ๊ณผ๋ฅผ ๋„์ถœ

์‚ฌ์šฉ์ž์˜ Context๋ฅผ ์ดํ•ดํ•˜๋Š” ๊ฒƒ์ด ์ค‘์š”

  • ํŒจํ„ด ๋ฐœ๊ฒฌ

 

UX ๋ฆฌ์„œ์น˜๋ฅผ ํ†ตํ•œ ๊ฒฝํ—˜ ์ œ๊ณต

  • ํƒ€๊นƒ์˜ ์„ธ๊ทธ๋จผํŠธ
    • ์‹ ๊ทœ ์„œ๋น„์Šค ์‚ฌ์šฉ๋ฒ•์„ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋‚˜?
    • ์‚ฌ์šฉ์ž์˜ ๊ธฐ์กด ๋ฌธ์ œ์ ์€ ๋ฌด์—‡์ธ๊ฐ€
    • ๊ฒฝ์Ÿ ์ œํ’ˆ์˜ ์žฅ๋‹จ์ ์€ ๋ฌด์—‡์ธ๊ฐ€
    • ๊ณ ๊ฐ์˜ ํƒœ๋„๋Š” ์–ด๋–ค๊ฐ€
    • ๊ธฐ๋ณธ ์„œ๋น„์Šค์— ์–ผ๋งˆ๋‚˜ ๋งŒ์กฑํ•˜๋Š”๊ฐ€
    • ์‹œ๊ฐ„์ด ์ง€๋‚จ์— ๋”ฐ๋ผ ์‚ฌ์šฉ์ž์˜ ์„œ๋น„์Šค ์‚ฌ์šฉ๋Ÿ‰์€ ์–ด๋–ป๊ฒŒ ๋ณ€ํ™”ํ•˜๋Š”๊ฐ€

์‚ฌ์šฉ์ž์™€ ํ”ผ๋“œ๋ฐฑ์„ ์ฃผ๊ณ ๋ฐ›์œผ๋ฉด์„œ ์„œ๋น„์Šค์˜ UX ๋ฐฉํ–ฅ์„ ์ •ํ•˜๊ณ 

์‹œ์žฅ์กฐ์‚ฌ๋‚˜ ํ˜„ํ™ฉ๋ถ„์„์„ ํ†ตํ•ด์„œ UX ๋ฆฌ์„œ์น˜์™€ ๊ฐ™์€์ง€ ์ฒดํฌํ•˜๊ณ 

์ฒดํฌ๋ฅผ ํ•˜๋Š” ์™€์ค‘์— ์ ์  ๋Š˜์–ด๋‚˜๋Š” ์ฒดํฌ๋ฆฌ์ŠคํŠธ๋ฅผ ๊ด€๋ฆฌํ•˜๋Š” ๊ฒƒ์ด ์ค‘์š”

 

UX ๋ฆฌ์„œ์น˜ ์˜ˆ์‹œ

  • ๋ฌด์‹ ์‚ฌ = UX ๋ฆฌ์„œ์ฒ˜ ์กด์žฌ
  • ์ฟ ํŒก ๋กœ์ผ“ ์™€์šฐ ๋ฉค๋ฒ„์‹ญ = UX ๋ฆฌ์„œ์น˜๋ฅผ ํ†ตํ•ด ์„œ๋น„์Šค๊ฐ€ ๋‚˜์™”๋‹ค
  • ํ† ์Šค = ์ œํ’ˆ ์›์น™ PP

 

 

UX Writing

์‚ฌ์šฉ์ž์˜ ๊ธ์ •์ ์ธ ๊ฒฝํ—˜์„ ์œ„ํ•ด ์˜์‚ฌ์†Œํ†ต์„ ์ง€์›ํ•˜๊ณ  ํ–ฅ์ƒํ•˜๋Š” ํ…์ŠคํŠธ๋ฅผ ๋งŒ๋“œ๋Š” ๊ฒƒ = Micro Copy

์–ด๋–ค UX Writing์œผ๋กœ ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜์„ ํ•˜๋А๋ƒ์— ๋”ฐ๋ผ ์‚ฌ์šฉ์ž๋“ค์ด ์„œ๋น„์Šค๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์‹ถ๊ฒŒ๋” ํ•˜๋Š” ๊ฒƒ์ด ์ค‘์š”

 

์ผ๋ฐ˜ ์นดํ”ผ์™€ UX ์นดํ”ผ๋Š” ๋‹ค๋ฅด๋‹ค

์–ด๋–ป๊ฒŒ ์จ์ง€๋А๋ƒ์— ๋”ฐ๋ผ ์‹ค์ œ ์„œ๋น„์Šค๋ฅผ ํ„ฐ์น˜ํ•˜๋Š” ์œจ์ด ๋‹ค๋ฅด๋‹ค

 

UX Writing ์˜ˆ์‹œ

  • 404 ์—๋Ÿฌ -> ์บ๋ฆญํ„ฐ๋ฅผ ๋„ฃ์–ด์„œ ์•Œ๋ ค์ฃผ๊ธฐ
  • ํ† ์Šค์˜ ์†Œํ†ตํ•˜๋Š” ์นดํ”ผ
  • ๊ฐ์ข… ์„œ๋น„์Šค๋“ค์˜ ์‚ฌ์šฉ์ž ์นœ๊ทผ ์šฉ์–ด๋กœ ์‚ฌ์šฉ์ž ํ–‰๋™์„ ์œ ๋„ํ•œ๋‹ค

 

๊ธฐํš์ž๊ฐ€ UX๋ฅผ ์ดํ•ดํ•ด์•ผ ํ•˜๋Š” ์ด์œ 

  1. ์‚ฌ์šฉ์ž ์ดํ•ด
    • ๊ณ ๊ฐ์˜ ํ”ผ๋“œ๋ฐฑ์„ ๋ฐ”ํƒ•์œผ๋กœ ํ•œ ์„œ๋น„์Šค
    • ์„œ๋น„์Šค ์šฐ์„ ์ˆœ์œ„ ์„ ์ •์„ ์œ„ํ•œ UX
    • ๋น ๋ฅธ ๊ณ ๊ฐ ์ ‘๊ทผ ๋ฐ ๋น„์ฆˆ๋‹ˆ์Šค ์•„์ด๋””์–ด ์ฐฝ์ถœ
  2. ๊ฐ๊ด€ํ™”๋œ ์„œ๋น„์Šค
    • ์‚ฌ์šฉ์„ฑ๊ณผ ์ผ๊ด€์„ฑ์„ ์œ ์ง€ํ•˜๊ธฐ
  3. UX ๊ฒฝ์Ÿ๋ ฅ
    • ๊ฐœ์„ ์— ๋Œ€ํ•œ ๋ฐฉํ–ฅ์ด ๋‹ฌ๋ผ์งˆ ์ˆ˜ ์žˆ๋‹ค
    • ๋Š˜ ์ œ๊ณตํ•˜๋˜ ํŒจํ„ด๋Œ€๋กœ๋Š” ํ˜์‹ ์ด ์ผ์–ด๋‚˜์ง€ ์•Š๋Š”๋‹ค
    • ๊ฐ™์€ ์„œ๋น„์Šค์—์„œ ์ฐจ๋ณ„ํ™”๊ฐ€ ์ค‘์š”ํ•˜๋‹ค
  4. ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ์šฐ์„ ํ•˜๊ธฐ

 

UX๋ฅผ ์œ„ํ•œ ์„œ๋น„์Šค ๊ธฐํš ์ ๊ฒ€ ๋ฆฌ์ŠคํŠธ

  1. ์‚ฌ์šฉ์ž๋ฅผ ๋ช…ํ™•ํ•˜๊ฒŒ ์ดํ•ดํ•˜๊ธฐ
    • ์‚ฌ์šฉ์ž์˜ ๋ชฉํ‘œ์™€ ์˜๋„
    • ์–ด๋–ค ์š•๊ตฌ์˜ ์†Œ์œ ์ž
    • ๊ถ๊ทน์ ์œผ๋กœ ์›ํ•˜๋Š” ๊ฒƒ
  2. ๊ฒฝํ—˜(UX) ์š”์†Œ
    • ๋‹ˆ์ฆˆ
    • ์‚ฌ์šฉ ๋™๊ธฐ
    • ํƒœ๋„
    • ํ–‰๋™
  3. ํ™˜๊ฒฝ์˜ ์ดํ•ด
    • ๊ตฌ๋งค ๊ฒฝํ—˜
    • ์ฒซ์ธ์ƒ
    • ๋‹จ์ˆœ์กฐ์ž‘๊ฒฝํ—˜
    • ๋ณต์žก์กฐ์ž‘๊ฒฝํ—˜
  4. ์ •๋ณด ์„ค๊ณ„
    • ์„ค๊ณ„ ์ธก๋ฉด 
      • ์œ ์šฉํ•œ ๊ธฐ๋Šฅ
      • ์ ‘๊ทผ์„ฑ
      • ๋„ค๋น„๊ฒŒ์ด์…˜
      • ๋งŒ์กฑ๋„
    • ๋””์ž์ธ ์ธก๋ฉด
      • ๊ฐ์„ฑ์ 
      • ์‹ ๋ขฐ์„ฑ
      • ์‰ฌ์šด UI
  5. ์‚ฌ์šฉ์„ฑ ํ‰๊ฐ€
    • ์‚ฌ์šฉํ•˜๊ธฐ ์‰ฌ์šด๊ฐ€
    • ์ž‘์—…์‹œ๊ฐ„
      • ๋กœ๋”ฉ์‹œ๊ฐ„
      • ์™„๋ฃŒ์‹œ๊ฐ„
      • ์ž…๋ ฅ์‹œ๊ฐ„
      • ์ด๋ฒคํŠธ์‹œ๊ฐ„
    • ์‚ฌ์šฉํŒจํ„ด
      • ์‚ฌ์šฉ๋นˆ๋„
      • ์ •๋ณด์ ‘๊ทผ์„ฑ
      • ์ด์šฉ์ •๋ณด์˜ ์–‘
      • ํ•ด๊ฒฐ๋ฐฉ๋ฒ•
    • ์ •ํ™•์„ฑ
      • ์—๋Ÿฌ์˜ ์–‘
      • ์ปจํŠธ๋กค ์ •ํ™•์„ฑ
      • ์ •๋ณด์˜ ์ •ํ™•์„ฑ
    • ์™„์„ฑ๋„
      • ์„ฑ๊ณต๋น„์œจ
      • ์‹คํŒจ๋น„์œจ
    • ํ•™์Šต ์šฉ์ด์„ฑ
      • ์ฆ‰์‹œ ์‚ฌ์šฉ
      • ๊ธฐ์–ต ์Šต๋“
      • ๋‹จ์ˆœ ์Šต๋“
    • ์ผ๊ด€์„ฑ
      • ์‹œ๊ฐ์ 
      • ๊ธฐ๋Šฅ์ 
      • ๊ฐ€๋…์„ฑ
      • ์นœ๋ฐ€๋„

UX์— ๋Œ€ํ•œ ๊ณ ๋ฏผ์„ ํ•˜์ง€ ์•Š์€ UI ์„ค๊ณ„๋Š” ํŽ˜์ดํผ ์ž‘์—…์ผ ๋ฟ


๋ถํด๋Ÿฝ ์Šคํ„ฐ๋””

https://yoontan.notion.site/CHAPTER-30-32-50ffdd928e87414190a01aaf36b48a98

 

CHAPTER 30~32. ์ด์ œ๋ถ€ํ„ฐ ๊ตณํžˆ๊ธฐ, ์ œํ’ˆ์˜ ํ™•์žฅ ๋‹จ๊ณ„

C30. ํ™•์žฅ ๋‹จ๊ณ„์—์„œ์˜ ์ œํ’ˆ ๋ชฉํ‘œ

yoontan.notion.site