🌚 닀크λͺ¨λ“œ, μ§„μ§œλ‘œ λˆˆμ— μ’‹μ„κΉŒ? HCI μœ μ € μŠ€ν„°λ”” - (3) κ²°κ³Ό 데이터 뢄석

broccolismΒ·2021λ…„ 6μ›” 19일
0

HCI user study

λͺ©λ‘ 보기
3/6

λŒ€ν•™κ΅ 2021λ…„ 1ν•™κΈ° μΈκ°„μ»΄ν“¨ν„°μƒν˜Έμž‘μš©(HCI) ν•™λΆ€ κ³Όλͺ©μ„ μˆ˜κ°•ν•˜λ©° μ§„ν–‰ν•œ ν”„λ‘œμ νŠΈμž…λ‹ˆλ‹€.
μœ μ € μŠ€ν„°λ””μ— μ‚¬μš©ν•œ μ‚¬μ΄νŠΈ: https://hci-proj-1.web.app/
이번 κΈ€μ—μ„œλŠ” μœ μ € μŠ€ν„°λ”” κ²°κ³Ό 뢄석 κ³Όμ • 및 결둠을 λ‹€λ£Ήλ‹ˆλ‹€.

3쀄 μš”μ•½

  1. 닀크λͺ¨λ“œ vs 라이트λͺ¨λ“œμ˜ μŠΉμžλŠ” μ—†λ‹€.
  2. νŒŒμ΄μ–΄λ² μ΄μŠ€λ‘œ 데이터 λΆˆλŸ¬μ˜€λŠ” 과정은 κ½€ λΆˆνŽΈν•˜λ‹€.
  3. μœ μ €μŠ€ν„°λ””λŠ” μž¬λ°Œλ‹€.πŸ˜‡

ν”„λ‘œμ νŠΈ 정리

λ“œλ””μ–΄ 결과에 λŒ€ν•œ ν¬μŠ€νŒ…μ„ ν•  μ°¨λ‘€λ„€μš”. μ•½ 3μ£Όκ°„ 이루어진 ν”„λ‘œμ νŠΈμ˜ λͺ©ν‘œλŠ” λ‹€μŒκ³Ό κ°™μŠ΅λ‹ˆλ‹€.

  • μœ μ € μŠ€ν„°λ””μ˜ λͺ©μ : 닀크 λͺ¨λ“œκ°€ μ‹€μ œλ‘œ 'λˆˆμ— 쒋은'지 확인
  • ꡬ체적인 λͺ©ν‘œ
    0. 닀크λͺ¨λ“œλ₯Ό μ‚¬μš©ν•˜λ©΄ μ •λ§λ‘œ 눈의 ν”Όλ‘œλ„κ°€ μ€„μ–΄λ“€κΉŒ?
    1. 닀크λͺ¨λ“œμ—μ„œ ν•œλˆˆμ—, μ •ν™•ν•˜κ²Œ κΈ€μžλ₯Ό νŒŒμ•…ν•  수 μžˆμ„κΉŒ?
κ°€μ„€: 닀크λͺ¨λ“œλ₯Ό μ‚¬μš©ν•΄λ„ ν”Όλ‘œλ„λ‚˜ κΈ€μžλ₯Ό νŒŒμ•…ν•˜λŠ” μ •ν™•λ„λŠ” 크게 달라지지 μ•Šμ„ 것이닀.

코딩을 ν•˜λ©΄μ„œ μ–΄λ‘μš΄ 배경에 밝은 글씨 ν…Œλ§ˆλ₯Ό μ‚¬μš©ν•΄λ³΄λ©° λŠλ‚€ 점은 'μž”μƒμ΄ λ„ˆλ¬΄ 잘 λ‚¨λŠ”λ‹€' μ˜€μŠ΅λ‹ˆλ‹€. κ·Έλž˜μ„œ μ²˜μŒμ—λŠ” λ„ˆλ„λ‚˜λ„ 많이 μ‚¬μš©ν•˜λŠ” 닀크λͺ¨λ“œ ν…Œλ§ˆλ₯Ό 썼닀가, μ–Όλ§ˆ λͺ» κ°€ 라이트λͺ¨λ“œ ν…Œλ§ˆλ‘œ λ‹€μ‹œ λ°”κΎΈμ—ˆμ£ . κ·Έ λ•Œμ˜ κ²½ν—˜ λ•Œλ¬Έμ— μœ„μ™€ 같은 가섀을 μ„Έμ› μŠ΅λ‹ˆλ‹€. 특히 ν•œ λˆˆμ— κΈ€μžλ₯Ό μ •ν™•νžˆ νŒŒμ•…ν•˜λŠ” μ •λ„λŠ” μž”μƒ λ•Œλ¬Έμ— 더 λ–¨μ–΄μ§ˆ κ²ƒμœΌλ‘œ μ˜ˆμƒν–ˆμŠ΅λ‹ˆλ‹€.

μ‹€μ œλ‘œ μœ μ €λ‘œλΆ€ν„° 받은 정보

λͺ©ν‘œλ°›μ€ 정보
ν”Όλ‘œλ„ 츑정을 μœ„ν•΄- 닀크λͺ¨λ“œμ—μ„œ 짧은 글을 읽으며 μœ μ €κ°€ μ‘°μ ˆν•œ κΈ€μž 색
- 닀크λͺ¨λ“œμ—μ„œ 짧은 글을 읽으며 μœ μ €κ°€ 찾은 λ‹¨μ–΄μ˜ 개수
- 라이트λͺ¨λ“œμ—μ„œ 짧은 글을 읽으며 μœ μ €κ°€ 찾은 λ‹¨μ–΄μ˜ 개수
정확도 츑정을 μœ„ν•΄- 닀크λͺ¨λ“œμ—μ„œ λΉ λ₯΄κ²Œ μ§€λ‚˜κ°€λŠ” 단어λ₯Ό 보고 μž…λ ₯ν•œ κΈ€μž
- 라이트λͺ¨λ“œμ—μ„œ λΉ λ₯΄κ²Œ μ§€λ‚˜κ°€λŠ” 단어λ₯Ό 보고 μž…λ ₯ν•œ κΈ€μž
기타- 닀크λͺ¨λ“œ, 라이트λͺ¨λ“œ 각각에 λŒ€ν•œ 주관적 ν”Όλ‘œλ„ 및 정확도

κ²°κ³Ό 뢄석

μ‘λ‹΅μž: 총 81λͺ…

  • λŒ€λΆ€λΆ„ 20λŒ€ 초반. μ΅œμ†Œ 19μ„Έ ~ μ΅œλŒ€ 46μ„Έ
  • 93%κ°€ μ—¬μž μ‘λ‹΅μž (μΉœκ΅¬λ“€ νŠΈμœ„ν„°λ‘œ 링크 홍보λ₯Ό ν•΄μ„œ κ·ΈλŸ°κ²ƒ κ°™λ„€μš”.)
  • ν‰μ†Œμ— 2μ‹œκ°„ 이상 슀마트폰 ν™”λ©΄μœΌλ‘œ ν…μŠ€νŠΈλ₯Ό μ½λŠ” μ‚¬λžŒμ΄ 74%
    - 3μ‹œκ°„ 이상이라고 μ‘λ‹΅ν•œ μ‚¬λžŒμ€ 58%
  • 주관적 μ„ ν˜Έλ„
    - μ§€λ§‰ν•œ 글을 읽을 λ•Œ: 59%κ°€ 닀크λͺ¨λ“œ μ„ ν˜Έ
    - λΉ λ₯΄κ²Œ μ§€λ‚˜κ°€λŠ” 단어λ₯Ό 식별할 λ•Œ: 64%κ°€ 라이트λͺ¨λ“œ μ„ ν˜Έ

μ‹€ν—˜ 1) 짧은 κΈ€ 읽기 μ‹€ν—˜

μ‚¬μš©μžλŠ” μ•„λž˜μ™€ 같은 화면을 닀크λͺ¨λ“œ, 라이트λͺ¨λ“œ 각각 4λ²ˆμ”© μ ‘ν•˜κ²Œ λ©λ‹ˆλ‹€. μ΄λ“€μ—κ²Œ 주어진 κ°€μ§œ λͺ©ν‘œλŠ” '짧은 κΈ€ μ•ˆμ—μ„œ νŠΉμ • 단어가 λ‚˜μ˜€λŠ” 횟수 μ„ΈκΈ°' μ˜€μŠ΅λ‹ˆλ‹€.

50% μ‚¬μš©μžλŠ” 밝기 μ‘°μ • λ²„νŠΌμ„ λˆ„λ₯΄μ§€ μ•Šμ•˜μŠ΅λ‹ˆλ‹€. κ·Έλž˜μ„œ 밝기 μ‘°μ ˆμ„ ν•œ μ‚¬λžŒκ³Ό ν•˜μ§€ μ•Šμ€ μ‚¬λžŒμœΌλ‘œ λ‚˜λˆ„μ–΄ λ”°λ‘œ 톡계λ₯Ό λ‚Έ κ²°κ³Ό...

ꡬ뢄밝기 μ‘°μ ˆμ„ ν•œ μ‚¬λžŒλ°κΈ° μ‘°μ ˆν•˜μ§€ μ•Šμ€ μ‚¬λžŒν•©κ³„
닀크λͺ¨λ“œμ—μ„œ 눈이 νŽΈμ•ˆν•¨301848
라이트λͺ¨λ“œμ—μ„œ 눈이 νŽΈμ•ˆν•¨102333
합계404181

닀크λͺ¨λ“œμ—μ„œ 눈이 νŽΈμ•ˆν•˜λ‹€κ³  λŠλ‚€ μ‚¬λžŒμ˜ μˆ˜κ°€ λ§Žμ•˜μŠ΅λ‹ˆλ‹€.

얼핏 보면 밝기 μ‘°μ ˆμ„ ν•œ μ‚¬λžŒμ€ 닀크λͺ¨λ“œ, 밝기 μ‘°μ ˆμ„ ν•˜μ§€ μ•Šμ€ μ‚¬λžŒμ€ 라이트λͺ¨λ“œλ₯Ό μ„ ν˜Έν•œλ‹€κ³  λ³Ό 수 μžˆκ² μ§€λ§Œ μ—¬κΈ°μ—λŠ” 함정이 μžˆμŠ΅λ‹ˆλ‹€. μœ„μ˜ μ‚¬μ§„μ²˜λŸΌ 닀크λͺ¨λ“œμ—μ„œ κΈ€μž μƒ‰μ˜ μ΄ˆκΈ°κ°’μ΄ 무척 μ–΄λ‘‘κΈ° λ•Œλ¬Έμ— 글을 읽기가 νž˜λ“­λ‹ˆλ‹€.
λ§Œμ•½ λˆ„κ΅°κ°€κ°€ κΈ€μž 밝기 μ‘°μ ˆμ„ μ „ν˜€ μ‚¬μš©ν•˜μ§€ μ•Šμ•˜λ‹€λ©΄ 닀크λͺ¨λ“œμ—μ„œλŠ” λ‚΄λ‚΄ μ΄λ ‡κ²Œ μ–΄λ‘μš΄ μƒνƒœλ‘œ 글을 읽게 된 것이죠. μ΄λ ‡κ²Œ 보면 밝기 μ‘°μ ˆμ„ ν•˜μ§€ μ•Šμ€ μ‚¬λžŒλ“€μ€ 이미 슀마트폰 ν™”λ©΄ 밝기가 μΆ©λΆ„νžˆ λ°μ•„μ„œ, μ € κΈ€μžλ₯Ό 읽을 수 μžˆμ„ μ •λ„μ˜€μ„ κ²ƒμ΄λΌλŠ” 가섀을 μ„ΈμšΈ 수 μžˆμŠ΅λ‹ˆλ‹€. λͺ¨λ“  μ‚¬λžŒμ΄ 같은 밝기둜 슀마트폰 화면을 보고 μžˆμ—ˆλ‹€λ©΄ κ²°κ³Όκ°€ μ’€ 더 λ‹¬λΌμ‘Œμ„ 것 κ°™λ„€μš”.

μ‹€ν—˜ 2) 빨리 μ§€λ‚˜κ°€λŠ” 단어 νŒŒμ•…ν•˜κΈ° μ‹€ν—˜

화면에 단어가 λ‚˜νƒ€λ‚˜κ³  0.5μ΄ˆκ°€ μ§€λ‚˜λ©΄ κ³§λ°”λ‘œ μ‚¬λΌμ§‘λ‹ˆλ‹€. μ‚¬μš©μžλŠ” 이 단어가 λ¬΄μ—‡μ΄μ˜€λŠ”μ§€ 적게 λ©λ‹ˆλ‹€. 닀크λͺ¨λ“œ, 라이트λͺ¨λ“œ 각 4번 λ°˜λ³΅ν•©λ‹ˆλ‹€.

이번 μ‹€ν—˜ 뢄석은 쑰금 κΉŒλ‹€λ‘œμ› μŠ΅λ‹ˆλ‹€. μœ„μ™€ 같이 λ„ˆλ¬΄ κΈ΄ 글을 μ£Όλ©΄ 가독성 ν…ŒμŠ€νŠΈκ°€ μ•„λ‹ˆλΌ κΈ°μ–΅λŸ­ ν…ŒμŠ€νŠΈκ°€ λ˜μ–΄λ²„λ ΈκΈ° λ•Œλ¬Έμ΄μ£ . κ·Έλž˜μ„œ λ‚˜λ¦„μ˜ 기쀀을 μ„Έμ›Œ λΆ„μ„ν•˜μ˜€μœΌλ‚˜ 정확도가 μƒλŒ€μ μœΌλ‘œ λ–¨μ–΄μ§ˆ 수 μžˆμŠ΅λ‹ˆλ‹€. λ˜ν•œ 닀크λͺ¨λ“œμ™€ 라이트λͺ¨λ“œ κ°κ°μ—μ„œ μ£Όμ–΄μ§€λŠ” λ‹¨μ–΄μ˜ λ‚œμ΄λ„ 쑰절이 쉽지 μ•Šμ•˜μŠ΅λ‹ˆλ‹€. λ”°λΌμ„œ 이번 μ‹€ν—˜μ—μ„œ μœ μ˜λ―Έν•œ κ²°κ³ΌλŠ” 객관적인 μ •ν™•λ„λ³΄λ‹€λŠ” μœ μ €μ˜ 주관적인 λ§Œμ‘±λ„λΌκ³  λ³Ό 수 μžˆμŠ΅λ‹ˆλ‹€.

ꡬ뢄닀크λͺ¨λ“œλΌμ΄νŠΈλͺ¨λ“œ
정확도79% μœ μ €κ°€ 정닡을 맞힘65% μœ μ €κ°€ 정닡을 맞힘
κΈ€μžλ₯Ό 더 μ•Œμ•„λ³΄κΈ° μ‰¬μš΄ λͺ¨λ“œ28λͺ…이 μ„ ν˜Έ52λͺ…이 μ„ ν˜Έ

ν‰μ†Œμ— 닀크λͺ¨λ“œλ₯Ό μ“°κ³  μžˆμ—ˆλ‚˜μš”?

이 λ•Œ, 이미 닀크λͺ¨λ“œμ— μ΅μˆ™ν•΄μ§„ μ‚¬λžŒμ΄λΌλ©΄ 각 μ‹€ν—˜μ—μ„œ 항상 닀크λͺ¨λ“œλ₯Ό μ„ ν˜Έν•  수 μžˆμ„ 것 κ°™λ‹€λŠ” 생각이 λ“€μ–΄ ν™•μΈν•΄λ΄€μŠ΅λ‹ˆλ‹€.

ν™•μ‹€νžˆ, 각 μ‹€ν—˜μ—μ„œ 닀크λͺ¨λ“œμ™€ 라이트λͺ¨λ“œμ˜ μ„ ν˜Έκ°€ 갈리고 μžˆμŠ΅λ‹ˆλ‹€.

κ²°λ‘ 

닀크λͺ¨λ“œμ™€ 라이트λͺ¨λ“œ λͺ¨λ‘ μž₯단점이 μžˆμŠ΅λ‹ˆλ‹€.

  • 닀크λͺ¨λ“œ: 글을 읽을 λ•Œ 눈의 ν”Όλ‘œλ„κ°€ λœν•¨
  • 라이트λͺ¨λ“œ: 단어λ₯Ό ν•œλ²ˆμ— μ •ν™•ν•˜κ²Œ μ‹λ³„ν•˜κΈ° νŽΈν•¨

κ΅μˆ˜λ‹˜ ν”Όλ“œλ°±μ—μ„œλ„, 보톡 이런 비ꡐ μ‹€ν—˜μ„ ν•˜λ©΄ ν•œμͺ½μ΄ μš°μ„Έν•˜κ²Œ μ΄κΈ°λŠ” κ²½μš°λŠ” 잘 μ—†λ‹€κ³  ν•˜μ…¨μŠ΅λ‹ˆλ‹€. (κ·Έλž˜μ„œ κ·ΈλŸ°μ§€ 'It depends' λΌλŠ” 말을 μ’‹μ•„ν•˜μ‹­λ‹ˆλ‹€.)

λ²ˆμ™Έ 1) 🎨 닀크λͺ¨λ“œμ—μ„œ μœ μ €κ°€ μ„ ν˜Έν•˜λŠ” κΈ€μžμ˜ λͺ…도

배경색을 μ™„μ „ 검은색(#000)으둜 ν•˜κ³ , μ‚¬μš©μžκ°€ 직접 κΈ€μžμ˜ λͺ…도λ₯Ό λ‹¨κ³„λ³„λ‘œ λ°”κΏ€ 수 μžˆλ„λ‘ ν–ˆμŠ΅λ‹ˆλ‹€.

λ²ˆμ™Έ 2) 🧹 μ „μ²˜λ¦¬

νŒŒμ΄μ–΄μŠ€ν† μ–΄μ—μ„œλŠ” 자체적으둜 데이터 export κΈ°λŠ₯을 μ œκ³΅ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€. κ·Έλž˜μ„œ μ΄λ ‡κ²Œ λ³€ν™˜ 과정을 거친 ν›„, 빈 κ°’μ΄λ‚˜ 잘λͺ»λœ 값이 λ“€μ–΄μ˜¨ 행을 μ‚­μ œν•˜κ³  μ‚¬μš©ν–ˆμŠ΅λ‹ˆλ‹€.

  • νŒŒμ΄μ–΄μŠ€ν† μ–΄ ⇨ snapshot ⇨ JSON file ⇨ .csv file

이런 μ—‘μ…€ 데이터λ₯Ό μ–»μ–΄λ‚΄κΈ°κΉŒμ§€ 생각보닀 λ§Žμ€ μ‹œκ°„μ΄ κ±Έλ ΈμŠ΅λ‹ˆλ‹€. JSON νŒŒμΌμ„ csv ν˜•μ‹μœΌλ‘œ λ°”κΎΈλŠ”λ° κ°€μž₯ 였랜 μ‹œκ°„μ΄ κ±Έλ Έμ£ . μ²˜μŒμ—λŠ” νŒŒμ΄μ¬μ„ μ‚¬μš©ν•΄μ„œ 값을 λͺ¨λ‘ νŒŒμ‹±ν•˜λ €λŠ” μ‹œλ„λ₯Ό ν–ˆμ§€λ§Œ JSON ꡬ쑰가 λ³΅μž‘ν•΄μ„œ μ—λŸ¬κ°€ 마ꡬ ν„°μ‘ŒμŠ΅λ‹ˆλ‹€. μ΄λŒ€λ‘œ κ°€λ‹€κ°„ 데이터 뢄석이고 뭐고 νŒŒμ‹±ν•˜λŠ”λ°μ„œ μ‹œκ°„μ„ λ‹€ 써버리겠닀, μ‹Άμ–΄μ„œ λˆ„κ΅°κ°€κ°€ λ§Œλ“€μ–΄λ†“μ€ μ›Ήμ‚¬μ΄νŠΈμ˜ 도움을 λ°›μ•˜μŠ΅λ‹ˆλ‹€. JSON to csv라고 κ²€μƒ‰ν•˜λ©΄ μ—¬λŸ¬ μ‚¬μ΄νŠΈκ°€ λ‚˜μ˜€λŠ”λ°, κ·Έ 쀑 κ°€μž₯ λ©€μ©‘ν•œ ν˜•νƒœλ‘œ λ°”κΏ”μ£ΌλŠ” μ‚¬μ΄νŠΈμ˜€μŠ΅λ‹ˆλ‹€.

사싀 μ—¬κΈ°κΉŒμ§€ ν–ˆλ‹€λ©΄ κ²°κ³Ό 뢄석은 거의 λ‹€ ν•œκ±°λ‚˜ λ§ˆμ°¬κ°€μ§€μž…λ‹ˆλ‹€. 이제 남은 일은 μ—‘μ…€μ˜ 도움을 λ°›μ•„ μœ μ˜λ―Έν•œ κ·Έλž˜ν”„λ₯Ό λ½‘μ•„λ‚΄λŠ” κ²ƒμž…λ‹ˆλ‹€. λ¬Όλ‘  이 과정도 파이썬 μ½”λ“œλ‘œ μ§„ν–‰ν–ˆλ‹€λ©΄ μ’€ 더 λ©‹μžˆμ–΄ λ³΄μ˜€κ² μ§€λ§Œ.. 주어진 μ‹œκ°„μ΄ λ§Žμ§€ μ•Šμ•˜κ³  이번 μˆ˜μ—…μ˜ λͺ©ν‘œ 쀑 ν•˜λ‚˜κ°€ ν”„λ‘œμ νŠΈλ₯Ό 'on time, within budget'ν•˜κ²Œ λλ‚΄λŠ” κ²ƒμ΄μ—ˆκΈ° λ•Œλ¬Έμ— 툴의 도움을 λ°›μ•˜μŠ΅λ‹ˆλ‹€. πŸ˜‡

profile
μžλΌλŠ” 브둜콜리 | 글에 λŒ€ν•œ 의견 ν™˜μ˜ν•©λ‹ˆλ‹€: mile3880@gmail.com

0개의 λŒ“κΈ€