μ½λŠ” λ””μžμΈ 디독

πŸ“ŒInsight
λΉ„μ¦ˆλ‹ˆμŠ€μ—μ„œ ν™œμš©λ˜λŠ” λ°μ΄ν„°λŠ” κΈ°μ—… 맀좜 μ°½μΆœμ— 큰 역할을 ν•©λ‹ˆλ‹€. 특히 μ‚¬μš©μ„±μ΄ 상ν–₯ ν‰μ€€ν™”λ˜λ©΄μ„œ, UX λ””μžμ΄λ„ˆλŠ” λ””μžμΈμ΄ λΉ„μ¦ˆλ‹ˆμŠ€μ— μ–Όλ§ˆλ‚˜ κΈ°μ—¬ν•˜κ³  μžˆλŠ”μ§€λ₯Ό νŒλ‹¨ν•  수 μžˆμ–΄μ•Ό ν•˜μ£ . λ°μ΄ν„°μ˜ μ‹œλŒ€. 이제 λ””μžμ΄λ„ˆλŠ” 심미성을 λ„˜μ–΄, μ‚¬μš©μžμ˜ 행동을 λŒμ–΄λ‚΄λŠ” 데이터 기반의 λ””μžμΈμ„ 탐ꡬ해야 ν•©λ‹ˆλ‹€. κ·Έλ ‡λ‹€λ©΄ λ°μ΄ν„°λŠ” 무엇이고, μ–΄λ–»κ²Œ 뢄석해야 ν•˜λŠ” κ±ΈκΉŒμš”? 저와 같은 데이터 μž…λ¬Έμžλ₯Ό μœ„ν•΄ λͺ‡ 가지 λͺ©μ°¨λ₯Ό 골라 μ •λ¦¬ν•΄λ³΄μ•˜μŠ΅λ‹ˆλ‹€.

  • 데이터에 κ΄€ν•œ μ˜€ν•΄
  • 데이터 λΆ„μ„ν•˜κΈ°

1. 데이터에 κ΄€ν•œ μ˜€ν•΄
데이터λ₯Ό λΆ„μ„ν•˜κΈ° 전에 데이터에 κ΄€ν•œ μ˜€ν•΄λ₯Ό ν’€μ–΄λ³΄λ©΄μ„œ κ°œλ…μ„ μ§šμ–΄λ΄…μ‹œλ‹€.

첫째. λ°μ΄ν„°λŠ” μˆ«μžμ™€ 수치λ₯Ό μ˜λ―Έν•œλ‹€.
λ°μ΄ν„°λŠ” λ‹€μ–‘ν•œ ν˜•νƒœλ‘œ μ •μ˜ν•  수 μžˆλŠ”λ°, μ΄λ•Œ μ‚¬μ΄νŠΈμ™€ 웹을 λΆ„μ„ν•˜κΈ° 쉽도둝 μ •ν˜•ν™”ν•œ 것이 λ°”λ‘œ μˆ˜μΉ˜μž…λ‹ˆλ‹€. ν•˜μ§€λ§Œ 수치만으둜 μ‚¬μš©μžκ°€ μ–΄λ–»κ²Œ λŠκΌˆλŠ”μ§€, 무엇을 κΈ°λŒ€ν•˜λŠ”μ§€ μ•Œ 수 μ—†μ£ . λ”°λΌμ„œ λ°μ΄ν„°λŠ” λ‹¨μˆœνžˆ μˆ«μžμ™€ μˆ˜μΉ˜κ°€ μ•„λ‹Œ λ‹€μ–‘ν•œ κ΄€μ μ—μ„œ μˆ˜μ§‘ν•΄μ•Ό ν•©λ‹ˆλ‹€.

λ‘˜μ§Έ. λ””μžμ΄λ„ˆμ˜ 역할은 데이터 μΈ‘μ • 및 κ²°κ³Όλ₯Ό κ³΅μœ ν•˜λŠ” 일이닀.
λ°μ΄ν„°λŠ” 행동을 μΌμœΌν‚€μ§€ λͺ»ν•˜λ©΄ 의미λ₯Ό μƒμ‹€ν•©λ‹ˆλ‹€. λ”°λΌμ„œ λ””μžμ΄λ„ˆλŠ” λ‹¨μˆœν•œ λ³΄κ³ μžκ°€ μ•„λ‹ˆλΌ, λ°μ΄ν„°μ˜ κ²°κ³Όλ₯Ό 톡해 μ‚¬μ΄νŠΈλ₯Ό κ°œμ„ ν•˜λŠ” μ•‘μ…˜μ„ μ·¨ν•΄μ•Ό ν•©λ‹ˆλ‹€. λ”λΆˆμ–΄ 데이터λ₯Ό λΆ„μ„ν•˜κΈ° μ „μ—λŠ” μˆ˜μ§‘ λͺ©ν‘œλ₯Ό μ •ν™•νžˆ μ„Έμ›Œμ•Ό ν•˜λ©°, κ·Έ λͺ©μ μ— 따라 μΈ‘μ •κ³Ό μˆ˜μ§‘ 방법이 λ‹¬λΌμ§ˆ 수 μžˆμŠ΅λ‹ˆλ‹€.

μ…‹μ§Έ. λ°μ΄ν„°λŠ” μˆ«μžκ°€ κ°€μž₯ μ€‘μš”ν•˜λ‹€.

λ°μ΄ν„°λŠ” μˆ«μžλ‚˜ μˆ˜μΉ˜λ³΄λ‹€ νŒ¨ν„΄μ΄ 더 μ€‘μš”ν•©λ‹ˆλ‹€. νŒ¨ν„΄μ€ 'μΆ”μ„Έ'λ₯Ό κ°€λ¦¬ν‚΅λ‹ˆλ‹€. μ˜ˆμ»¨λŒ€ 였늘 λ°©λ¬Έμžκ°€ 20% μ¦κ°€ν–ˆλ‹€ ν•˜λ”λΌλ„ μ§€λ‚œ 3κ°œμ›”κ°„ 계속 μ€„μ–΄λ“œλŠ” μΆ”μ„Έμ˜€λ‹€λ©΄, 20% μ¦κ°€λŠ” 큰 μ˜λ―Έκ°€ 없을 수 μžˆμŠ΅λ‹ˆλ‹€.

λ„·μ§Έ. UX λ””μžμΈκ³Ό κ΄€λ ¨λœ μ˜μ‚¬ 결정은 λͺ¨λ‘ 데이터λ₯Ό λ°”νƒ•μœΌλ‘œ μ‹€ν–‰ν•΄μ•Ό ν•œλ‹€
λ°μ΄ν„°λŠ” λ‹€μ–‘ν•œ μ‹œμž₯, μΈ‘μ • ν™˜κ²½, λΆ„μ„μž 등에 따라 κ·Έ κ²°κ³Όκ°€ λ‹¬λΌμ§ˆ 수 μžˆμŠ΅λ‹ˆλ‹€. λ”°λΌμ„œ λ°μ΄ν„°λΏλ§Œ μ•„λ‹ˆλΌ μžμ‹ μ΄ μ†ν•œ νŒ€μ˜ λͺ©ν‘œμ™€ κΈ°μ—…μ˜ λͺ©ν‘œ, μ‹œμž₯의 νŠΈλ Œλ“œ λ“±μ˜ ν™˜κ²½μ„ κ³ λ €ν•˜μ—¬ λ³΄λŠ” μžμ„Έκ°€ μ€‘μš”ν•©λ‹ˆλ‹€.

2. 데이터 λΆ„μ„ν•˜κΈ°

κ·Έλ¦Ό 1. 데이터에 κΈ°λ°˜ν•œ UX λ””μžμΈ ν”„λ‘œμ„ΈμŠ€

κ·Έλ¦Ό 2. 컀머슀 μ‚¬μ΄νŠΈμ˜ 퍼널 μ˜ˆμ‹œ
데이터 뢄석은 데이터에 κΈ°λ°˜ν•œ UX λ””μžμΈ ν”„λ‘œμ„ΈμŠ€μ—μ„œ μ΄λ£¨μ–΄μ§‘λ‹ˆλ‹€. κΈ°μ‘΄ 방식과 달리, 데이터 뢄석을 톡해 λΉ λ₯΄κ³  μ •ν™•ν•˜κ²Œ λΉ„μ¦ˆλ‹ˆμŠ€ μ„±κ³Όλ₯Ό λ‚΄λŠ” νŠΉμ§•μ΄ 있죠. 이 데이터 뢄석 ν”„λ‘œμ„ΈμŠ€λŠ” '퍼널'(κΉ”λ•ŒκΈ°)μ—μ„œμ˜ μ „ν™˜μœ¨μ„ λ†’μ΄λŠ” 일인데, κ·Έλ¦Ό2처럼 μ„œλΉ„μŠ€ λ‹¨κ³„λ³„λ‘œ μ‚¬μš©μžκ°€ μ€„μ–΄λ“œλŠ” 것을 λ§‰λŠ” 일을 λœ»ν•©λ‹ˆλ‹€.

데이터λ₯Ό λΆ„μ„ν•˜λŠ” νˆ΄μ€ μ—¬λŸ¬ 가지가 μžˆμ§€λ§Œ μ†μ‰½κ²Œ μ‚¬μš©ν•  수 μžˆμ–΄μ•Ό ν•©λ‹ˆλ‹€. μ €μžλŠ” 데이터λ₯Ό μ‹œκ°ν™”ν•œ λ·°μ €λΈ”μ˜ '히트맡'을 톡해, μ‚¬μš©μžμ˜ 정성적인 행동, 이λ₯Όν…Œλ©΄ 마우슀 클릭, 슀크둀 λ“±μ˜ 데이터λ₯Ό λΆ„μ„ν•˜λŠ” 방법을 μ •λŸ‰μ μœΌλ‘œ μ„€λͺ…ν•©λ‹ˆλ‹€. μ΄λŸ¬ν•œ 방법을 ν™œμš©ν•˜λ©΄ UX λ””μžμ΄λ„ˆλ„ λ°μ΄ν„°λ‘œ 문제λ₯Ό μˆ˜μ›”ν•˜κ²Œ ν•΄κ²°ν•  수 μžˆμ„ κ²ƒμž…λ‹ˆλ‹€.

μ˜ˆμ‹œ: Average Fold 히트맡 뢄석

슀크둀 히트맡과 μŠ€ν¬λ‘€λ§μ— λ”°λ₯Έ μ‚¬μš©μž μ΄νƒˆ ν˜„ν™© 차트
Average FoldλŠ” μŠ€ν¬λ‘€μ„ μ΄λ™ν•˜μ§€ μ•Šκ³ λ„ λ³Ό 수 μžˆλŠ” ν™”λ©΄μ˜ 경계λ₯Ό λ§ν•©λ‹ˆλ‹€. μœ„ 그림은 슀크둀 상단과 ν•˜λ‹¨μ˜ 도달λ₯  차이λ₯Ό κ·Έλž˜ν”„λ‘œ 보여주고 μžˆλŠ”λ°μš”. 우츑의 μ‚¬μš©μž μ΄νƒˆ ν˜„ν™© μ°¨νŠΈμ—μ„œ μ‚¬μš©μžμ˜ λΉ„μœ¨(PV Rate)을 μ˜λ―Έν•˜λŠ” μ΄ˆλ‘μƒ‰ λ§‰λŒ€κ·Έλž˜ν”„κ°€ νŽ˜μ΄μ§€ ν•˜λ‹¨μœΌλ‘œ 갈수둝 μ€„μ–΄λ“œλŠ” κ²ƒμœΌλ‘œ 보아, Average Fold μ˜μ—­λ§Œ ν™•μΈν•œ μ‚¬μš©μžκ°€ λ§Žλ‹€λŠ” 사싀을 μ•Œ 수 있죠.

Above the FoldλŠ” μ‚¬μš©μžμ˜ μΆ”κ°€ 탐색을 μœ λ„ν•˜λŠ” 기쀀이 λ©λ‹ˆλ‹€.
λ”λΆˆμ–΄ λ‹μŠ¨ λ…Έλ¨Ό 그룹의 'Scrolling and Attention' 연ꡬ에 λ”°λ₯΄λ©΄, μ‚¬μš©μžκ°€ μŠ€ν¬λ‘€μ„ μ΄λ™ν•˜λ”λΌλ„ Above the Fold μ˜μ—­μ—μ„œ 80%의 μ‹œκ°„μ„ ν• μ• ν•œλ‹€κ³  ν•©λ‹ˆλ‹€. μ €λŠ” 가끔 μŠ€ν¬λ¦°μ— λ…ΈμΆœλ˜λŠ” μ½˜ν…μΈ μ˜ 높이 값을 κ³ λ―Όν•˜κ³€ ν–ˆμ—ˆλŠ”λ°, μ±… μ†μ˜ 데이터 뢄석 자료λ₯Ό μ°Έκ³ ν•˜μ—¬ μœ„ 그림처럼 더 λ‚˜μ€ UX κ°œμ„  λ°©ν–₯을 찾을 수 μžˆμ—ˆμŠ΅λ‹ˆλ‹€.

데이터가 λ‘λ €μš΄ μ‹€λ¬΄μžλ“€μ„ μœ„ν•œ μž…λ¬Έμ„œ. μ’…μž₯을 읽은 ν›„, λΆ€μ œλ₯Ό μ°Έ 잘 μ§€μ—ˆλ‹€λŠ” 생각이 λ“€μ—ˆμŠ΅λ‹ˆλ‹€. 이 책은 기본적인 λ°μ΄ν„°μ˜ κ°œλ…λΆ€ν„°, 예제λ₯Ό λ°”νƒ•μœΌλ‘œ 데이터 뢄석을 기초, μ‘μš©, μ‹¬ν™”λ‘œ λ‚˜λˆ„μ–΄ μ‰½κ²Œ μ„€λͺ…ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€. λ”°λΌμ„œ UXλ₯Ό κ³΅λΆ€ν•˜λŠ” 학생듀 ν˜Ήμ€ λ””μžμ΄λ„ˆκ°€ μ•„λ‹Œ 직ꡰ도 데이터λ₯Ό μˆ˜μ›”ν•˜κ²Œ μ΄ν•΄ν•˜κ³ , λ‚˜μ•„κ°€ 데이터λ₯Ό λ³΄λ©΄μ„œ μ‹€λ¬΄μ—μ„œ ν•¨κ»˜ ν˜‘μ—…ν•˜λŠ” 데 도움이 되리라 ν™•μ‹ ν•©λ‹ˆλ‹€.
πŸ“ŒOne more
데이터 μž…λ¬Έμžλ₯Ό μœ„ν•΄ 데이터λ₯Ό μ‰½κ²Œ 뢄석할 수 μžˆλŠ” λΉ„μ£Όμ–Ό μ• λ„λ¦¬ν‹±μŠ€ νˆ΄μ„ μ†Œκ°œν•©λ‹ˆλ‹€. λŒ€λΆ€λΆ„ νŠΈλΌμ΄μ–Όμ„ μ œκ³΅ν•˜κ³  μžˆμœΌλ‹ˆ ꡬ글 μ• λ„λ¦¬ν‹±μŠ€μ™€ 같은 μ›Ή 둜그 뢄석 툴과 ν•¨κ»˜ μ‹€μ œ μ„œλΉ„μŠ€μ— μ μš©ν•΄λ΄λ„ 쒋을 λ“―ν•©λ‹ˆλ‹€.

λ·°μ €λΈ”
이 책을 μΆœκ°„ν•œ ν¬κ·Έλ¦¬νŠΈμ—μ„œ κ°œλ°œν•œ λ·°μ €λΈ”μž…λ‹ˆλ‹€. 히트맡, 퍼널 λ“±μ˜ κΈ°λ³Έ κΈ°λŠ₯κ³Ό λ”λΆˆμ–΄ μ›Ή 둜그 뢄석, A/B Testing 등을 μ§€μ›ν•©λ‹ˆλ‹€. μΉœμ ˆν•œ ν•œκ΅­μ–΄ μ„€λͺ…μœΌλ‘œ μ‚¬μš©λ²•μ„ μ‰½κ²Œ 읡힐 수 μžˆλ‹€λŠ” μž₯점이 μžˆμŠ΅λ‹ˆλ‹€. 졜초 이용 μ‹œ 14일 무료 νŠΈλΌμ΄μ–Όμ„ μ œκ³΅ν•©λ‹ˆλ‹€.

hotjar
hotjarλŠ” κ°€μž₯ 잘 μ•Œλ €μ§„ 히트맡 뢄석 νˆ΄μž…λ‹ˆλ‹€. λ‹€μ–‘ν•œ κΈ°λŠ₯을 μ œκ³΅ν•˜λŠ” μ˜¬μΈμ› 툴둜, λͺ…μ„±λ§ŒνΌ κ°€μž₯ 직관적인 μ‚¬μš©μ„±μ„ 가지고 μžˆλ‹€λŠ” 평이 λ§ŽμŠ΅λ‹ˆλ‹€. νžˆνŠΈλ§΅μ—μ„œ 마우슀 클릭과 λ™μ‹œμ— 이동 κ²½λ‘œκΉŒμ§€ ν‘œμ‹œν•΄μ£ΌκΈ° λ•Œλ¬Έμ—, μ‚¬μš©μžμ˜ μƒν˜Έμž‘μš©μ„ μ•ŒκΈ° μ‰½λ‹€λŠ” μž₯점이 μžˆμŠ΅λ‹ˆλ‹€. 졜초 이용 μ‹œ 15일의 νŠΈλΌμ΄μ–Όμ„ μ œκ³΅ν•©λ‹ˆλ‹€.

crazyegg
crazyeggλŠ” 히트맡 뢄석 툴 쀑 두 번째둜 λ§Žμ€ μ μœ μœ¨μ„ 가지고 μžˆμŠ΅λ‹ˆλ‹€. hotjar와 μœ μ‚¬ν•œ κΈ°λŠ₯을 μ œκ³΅ν•˜λŠ” λ°˜λ©΄μ—, νžˆνŠΈλ§΅μ—μ„œ μ½˜νŽ˜ν‹°(confetti)λΌλŠ” κΈ°λŠ₯으둜 클릭 수λ₯Ό λ‹€λ₯Έ μΉ΄ν…Œκ³ λ¦¬(μ‹ κ·œ λ°©λ¬Έμžμ™€ 재방문자, κ΅­κ°€, λΈŒλΌμš°μ € λ“±)둜 λ³΄μ—¬μ€ŒμœΌλ‘œμ¨, 방문자 그룹의 차이점을 μ‰½κ²Œ 확인할 수 μžˆλ‹€λŠ” μž₯점이 μžˆμŠ΅λ‹ˆλ‹€. 또 javasript와 ν˜Έν™˜λ˜λ©°, 30일 νŠΈλΌμ΄μ–Όμ„ μ œκ³΅ν•©λ‹ˆλ‹€.

WRITTEN BY 지은

였늘 디독이 μ†Œκ°œν•œ 아티클이 μ–΄λ– μ…¨λ‚˜μš”?

같이 읽고 싢은 μΉœκ΅¬κ°€ λ– μ˜€λ₯Έλ‹€λ©΄ 
ꡬ독링크 κ³΅μœ ν•˜κΈ°

μΆ”μ²œν•˜κ³  싢은 영문 아티클 

[디독 λ„λ„€μ΄μ…˜ OPEN] 
μž‘μ€ κΈˆμ•‘μ΄λΌλ„ λ””λ…μ˜ μ„œλΉ„μŠ€ μœ μ§€λ₯Ό μœ„ν•΄ ν›„μ›ν•΄μ£Όμ‹œλ©΄ κ°μ‚¬ν•˜κ² μŠ΅λ‹ˆλ‹€. :)
μΉ΄μΉ΄μ˜€λ±…ν¬ 3333 14 0517 920  (μ‹¬μ˜ˆμ§€)
*후원해주신 κΈˆμ•‘μ€ μ „μ•‘ μ„œλΉ„μŠ€ 운영(메일 λ°œμ†‘ μ†”λ£¨μ…˜ λΉ„μš©)에 μ‚¬μš©λ©λ‹ˆλ‹€. 
*ν›„μ›μž(μž…κΈˆμžλͺ…) 리슀트 κΈ°μž…μ„ μ›ν•˜μ§€ μ•ŠμœΌμ‹œλŠ” 뢄은 λ©”μΌλ‘œ λ§μ”€ν•΄μ£Όμ„Έμš”.
12μ›” 후원해주신 λΆ„λ“€
도기볡, μ†νš¨λ¦Ό, 이도후, μ±„μ •ν›ˆ, 이은찬, κΉ€μ˜ˆλ¦Ό, μœ€ν˜Έμ€€, ν™μ˜ˆμ›, 쑰성도, 김해골, 이정μ˜₯, 아리, 정지희 μ™Έ 6λΆ„ 

후원해주신 λΆ„λ“€, 정말 κ°μ‚¬ν•©λ‹ˆλ‹€! 덕뢄에 μ„œλΉ„μŠ€λ₯Ό μœ μ§€ν•  수 있게 λ˜μ—ˆμŠ΅λ‹ˆλ‹€. :)
디독
d.dok.newsletter@gmail.com
-
μˆ˜μ‹ κ±°λΆ€ Unsubscribe