🌚 닀크λͺ¨λ“œ, μ§„μ§œλ‘œ λˆˆμ— μ’‹μ„κΉŒ? HCI μœ μ € μŠ€ν„°λ”” - (1) κΈ°νšμ•ˆ ꡬ상

BroccolismΒ·2021λ…„ 5μ›” 9일
0

HCI user study

λͺ©λ‘ 보기
1/6
post-thumbnail

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

HCI? μœ μ € μŠ€ν„°λ””?

HCIλŠ” Human Computer Interaction의 μ•½μžμž…λ‹ˆλ‹€.
인간과 μ»΄ν“¨ν„°λŠ” λ‹€λ¦…λ‹ˆλ‹€. μ»΄ν“¨ν„°μ˜ 행동을 λ‹€λ£¨λŠ” κ°œλ°œμžμ™€ μ‚¬λžŒμ˜ 생각을 λ‹€λ£¨λŠ” 기획자 κ°„ 차이만 봐도 μ•Œ 수 μžˆμ„κ±°μ—μš”. 같은 μ‚¬λžŒλΌλ¦¬λ„ μ΄λ ‡κ²Œ λ‹€λ₯Έλ°, μ‚¬λžŒκ³Ό 컴퓨터 μ‚¬μ΄μ—λŠ” λ‹€λ₯Έ 점이 λ„ˆλ¬΄λ‚˜ λ§ŽμŠ΅λ‹ˆλ‹€. HCIμ—μ„œλŠ” 컴퓨터λ₯Ό μ–΄λ–»κ²Œ λ§Œλ“€μ–΄μ•Ό μ‚¬λžŒλ“€μ΄ 컴퓨터와 μ„±κ³΅μ μœΌλ‘œ μƒν˜Έμž‘μš© ν•  수 μžˆμ„μ§€λ₯Ό κ³ λ―Όν•©λ‹ˆλ‹€. μ‚¬λžŒμ„ λ§ˆμŒλŒ€λ‘œ λ§Œλ“€κ±°λ‚˜ λ°”κΏ€ 순 μ—†μœΌλ‹ˆκΉŒμš”.

λ‹€λ₯Έ 컴퓨터곡학 뢄야와 λ‹€λ₯΄κ²Œ HCIμ—μ„œλŠ” μœ μ € μŠ€ν„°λ””κ°€ 맀우 μ€‘μš”ν•©λ‹ˆλ‹€. μ‚¬λžŒκ³Ό μ»΄ν“¨ν„°μ˜ μƒν˜Έμž‘μš©μ„ λ‹€λ£¨λŠ” ν•™λ¬Έμ΄λ‹ˆ λ‹Ήμ—°ν•œ 이야기죠. μ œμž‘ν•œ ν•˜λ“œμ›¨μ–΄/μ†Œν”„νŠΈμ›¨μ–΄μ— λŒ€ν•΄ μ‚¬μš©μžκ°€ μ–΄λ–»κ²Œ 느끼고 λ°˜μ‘ν•˜λŠ”μ§€λ₯Ό μ•Œμ•„λ‚΄λŠ” 과정을 μœ μ € μŠ€ν„°λ””λΌκ³  ν•©λ‹ˆλ‹€.

주제 선정은 μ–΄λ €μ›Œ

... λΌλŠ” λ‚΄μš©μ„ μ•Œλ €μ£Όκ³  λ‚˜μ„ , κ΅μˆ˜λ‹˜κ»˜μ„œ 자유둭게 ν”„λ‘œμ νŠΈ 주제λ₯Ό κ΅¬μƒν•΄μ˜€λΌκ³  ν•˜μ…¨μŠ΅λ‹ˆλ‹€. 정말 μ•„λ¬΄κ±°λ‚˜ 해도 λœλ‹€κ³  ν•˜μ…”μ„œ μ²˜μŒμ—λŠ” μ§„μ§œ μ•„λ¬΄κ±°λ‚˜ ν‰μ†Œ ν•˜κ³ μ‹Άμ—ˆλ˜ ν”„λ‘œμ νŠΈμ— λŒ€ν•œ κΈ°νšμ•ˆμ„ λƒˆμŠ΅λ‹ˆλ‹€.

근처 μ‹λ‹Ήμ—μ„œ 랜덀으둜 식사 메뉴λ₯Ό μΆ”μ²œν•΄μ£ΌλŠ” μ–΄ν”Œλ¦¬μΌ€μ΄μ…˜μ΄μ—ˆμŠ΅λ‹ˆλ‹€. μ‹œκ°„μ΄ 되면 κΌ­ λ§Œλ“€μ–΄μ„œ 써야겠닀고 λ‹€μ§ν•œμ§€ 무렀 1년이 λ„˜μ–΄κ°€λŠ” μ•„μ΄λ””μ–΄μ˜€μ£ . 그런데 κ΅μˆ˜λ‹˜ ν”Όλ“œλ°±μ„ λ°›κ³ λ‚˜μ„œ 주제λ₯Ό μ™„μ „νžˆ κ°ˆμ•„μ—Žμ—ˆμŠ΅λ‹ˆλ‹€. 이 ν”„λ‘œμ νŠΈμ˜ λ¬Έμ œμ μ€ λ‹€μŒκ³Ό κ°™μ•˜μŠ΅λ‹ˆλ‹€.

  1. μ‚¬μš©μžλ‘œλΆ€ν„° μ–΄λ–€ insightλ₯Ό λ„μΆœν•΄λ‚Ό 것인지가 λͺ…ν™•ν•˜μ§€ μ•Šλ‹€.
  2. μ™ΈλΆ€ API 연동 λ“± 짧은 μ‹œκ°„ μ•ˆμ— κ°œλ°œν•˜κΈ° 쉽지 μ•Šμ€ κΈ°λŠ₯이 μžˆλ‹€.

μ§€κΈˆμ™€μ„œ λ‹€μ‹œ 보면 μœ μ € μŠ€ν„°λ””μ— μ ν•©ν•˜μ§€ μ•Šμ€ μ£Όμ œμ˜€μŠ΅λ‹ˆλ‹€. κ·Έλƒ₯ ν”„λ‘œμ νŠΈ 주제λ₯Ό μƒκ°ν•΄μ˜€λΌκ³  ν•˜κΈΈλž˜ 'μ–΄ 그럼 ν•˜κ³ μ‹Άμ—ˆλ˜κ±° ꡬ체화 해야지!' λΌλŠ” μƒκ°λ§Œ ν–ˆμŠ΅λ‹ˆλ‹€. μ‚¬μš©μžλ‘œλΆ€ν„° μ–΄λ–€ λ°˜μ‘μ„ μ˜ˆμƒν•˜κ³ , κ·Έ λ°˜μ‘μ„ μ–΄λ–»κ²Œ 뢄석할 것인지에 λŒ€ν•œ 생각은 ν•˜μ§€ μ•Šμ•˜λ˜ 것이죠. (이 글을 μ½λŠ” μ—¬λŸ¬λΆ„μ€ μœ„ 2가지 문제점의 λ°˜λŒ€λ‘œλ§Œ ν•˜μ‹œλ©΄ 쒋은 주제λ₯Ό μ„ μ •ν•  수 μžˆμ„κ±°μ—μš”. πŸ˜‡)

1주일간 κ³ λ―Όν•˜λ‹€κ°€ κ²°κ΅­ 주제λ₯Ό λ°”κΎΈκΈ°λ‘œ ν–ˆκ³ , κ·Έλ™μ•ˆ 컴퓨터와 μ–΄λ–€ μƒν˜Έμž‘μš©μ„ ν•˜κ³  μžˆμ—ˆλŠ”μ§€ λ˜μ§šμ–΄λ³΄κΈ°λ‘œ ν–ˆμŠ΅λ‹ˆλ‹€. ν‰μ†Œ λ””μžμΈμ— 관심이 λ§Žμ•˜κΈ° λ•Œλ¬Έμ— UI와 κ΄€λ ¨λœ 주제λ₯Ό ν•˜κ³  μ‹Άμ—ˆμŠ΅λ‹ˆλ‹€.

  • 🧐 λ””μžμΈ.. λ””μžμΈμ΄λž‘ κ΄€λ ¨λœκ±Έ ν•˜κ³ μ‹Άλ‹€. 특히 '색상'... 그럼 UIμͺ½μ΄κ² μ§€
  • πŸ’‘ μ›Ήμ‚¬μ΄νŠΈλ§ˆλ‹€ μ‚¬μš©ν•˜λŠ” κΈ°λ³Έ 색상이 μžˆλŠ”λ° 여기에 λ”°λ₯Έ μ‚¬μš©μžμ˜ 인식을 μ‘°μ‚¬ν•˜λ©΄ μ–΄λ–¨κΉŒ?
  • 🀨 근데 그건 HCIκ°€ μ•„λ‹ˆλΌ κ·Έλƒ₯ λ””μžμΈ λΆ„μ•Ό μ΄μŠˆμž–μ•„?!
  • ...(μƒλž΅)...

이런 내적 κ°ˆλ“±μ„ κ±°μΉ˜λ©΄μ„œ μ΅œμ’…μ μœΌλ‘œ μ„ μ •ν•œ μ£Όμ œλŠ” λ‹€μŒκ³Ό κ°™μŠ΅λ‹ˆλ‹€.

μŠ€λ§ˆνŠΈν°μ—μ„œ 닀크λͺ¨λ“œ 가독성 연ꡬ

ν•œμ°½ 닀크λͺ¨λ“œκ°€ λ– μ˜€λ₯΄λ©΄μ„œ, κΉƒν—™κ³Ό 넀이버도 닀크λͺ¨λ“œλ₯Ό λ„μž…ν•œ 것을 보고 이 주제둜 ν•΄μ•Όκ² λ‹€κ³  κ²°μ‹¬ν–ˆμŠ΅λ‹ˆλ‹€. μ „ 닀크λͺ¨λ“œλ₯Ό λ³„λ‘œ μ’‹μ•„ν•˜μ§€ μ•Šμ•˜κΈ° λ•Œλ¬Έμž…λ‹ˆλ‹€. "κ³Όμ—° 닀크λͺ¨λ“œκ°€ λˆˆμ— μ’‹μ„κΉŒ? λ‚˜λŠ” μ–΄λ‘μš΄ 바탕에 흰 글씨 보면 κΈ€μžκ°€ λ– λ‹€λ‹ˆλŠ” 것 κ°™μ•„μ„œ 눈이 더 μ•„ν”„λ˜λ°"κ°€ κ·Έλ™μ•ˆ 닀크λͺ¨λ“œμ— λŒ€ν•œ μ €μ˜ μ‚¬μš©μž κ²½ν—˜μ΄μ—ˆμŠ΅λ‹ˆλ‹€.

ν•˜μ§€λ§Œ 세상 μ‚¬λžŒλ“€μ€ λͺ¨λ‘ 닀크λͺ¨λ“œλ₯Ό μ™ΈμΉ˜κ³  μžˆμ—ˆμ£ ....🌚 λ­”κ°€ 잘λͺ»λœκ²Œ ν‹€λ¦Όμ—†μ—ˆμŠ΅λ‹ˆλ‹€! μ •λ§λ‘œ 닀크λͺ¨λ“œκ°€ μ‚¬μš©μžμ—κ²Œ νš¨μš©μ„ 쀄 수 μžˆλŠ”μ§€λ₯Ό ν™•μΈν•΄λ³΄κΈ°λ‘œ ν–ˆμŠ΅λ‹ˆλ‹€.

아이디어 κ΅¬μ²΄ν™”λŠ” 정말 ꡬ체적으둜

"가독성"에 2가지 μ˜λ―Έκ°€ μžˆλ‹€λŠ” 사싀을 μ•Œκ³  κ³„μ…¨λ‚˜μš”? 이걸 κΈ°νšμ•ˆ λ°œν‘œ ν•˜λ£¨ 전에 μ•Œμ•„μ„œ κΈ°νšμ•ˆμ„ κ°ˆμ•„μ—Žμ€ μ‚¬λžŒμ΄ μ—¬κΈ° μžˆμŠ΅λ‹ˆλ‹€. 보톡 μ•„λž˜ 의미 2개둜 λ‚˜λˆŒ 수 μžˆμŠ΅λ‹ˆλ‹€.

  • Legibility: κΈ€μž ν•˜λ‚˜λ₯Ό λ‹€λ₯Έ κΈ€μžμ™€ μ–Όλ§ˆλ‚˜ μ‰½κ²Œ ꡬ뢄할 수 μžˆλ‚˜?
  • Readability: κΈ€μž, 단어, λ¬Έμž₯ 등을 μ–Όλ§ˆλ‚˜ νŽΈμ•ˆν•˜κ²Œ 읽을 수 μžˆλ‚˜?

이번 ν”„λ‘œμ νŠΈμ—μ„œλŠ” μœ„ 2가지λ₯Ό λͺ¨λ‘ μΈ‘μ •ν•˜κΈ°λ‘œ ν–ˆμŠ΅λ‹ˆλ‹€. λ°œν‘œ μ „ 사전 쑰사λ₯Ό ν•˜μ§€ μ•Šμ•˜λ‹€λ©΄ κ·Έλƒ₯ λ„˜μ–΄κ°”μ„ν…λ° 이λ₯Ό ν™•μΈν•˜κ³  κ°„ 덕뢄에 κ²°κ³Όλ₯Ό λ„μΆœν•  λ•Œ 훨씬 νŽΈν–ˆμŠ΅λ‹ˆλ‹€.

색상과 κ΄€λ ¨λœ 정보도 μ–»κ³ μ‹Άμ—ˆκΈ° λ•Œλ¬Έμ— 닀크λͺ¨λ“œμ—μ„œ μœ μ €κ°€ κ°€μž₯ μ„ ν˜Έν•˜λŠ” κΈ€μžμ˜ λͺ…도도 ν•¨κ»˜ μ•Œμ•„λ³΄κΈ°λ‘œ ν–ˆμŠ΅λ‹ˆλ‹€. λ˜ν•œ 닀크λͺ¨λ“œμ— λŒ€ν•œ λΉ„κ΅κ΅°μœΌλ‘œ 라이트λͺ¨λ“œμ—μ„œμ˜ 가독성도 μΈ‘μ •ν•˜κΈ°λ‘œ ν–ˆμŠ΅λ‹ˆλ‹€.

μ‚¬μš©μžλ₯Ό μ΅œλŒ€ν•œ 많이 λͺ¨μ„ 수 μžˆλŠ” 방법을 κ³ λ―Όν•˜λ‹€κ°€ μ›Ήμ‚¬μ΄νŠΈλ₯Ό λ°°ν¬ν•˜κΈ°λ‘œ ν–ˆμŠ΅λ‹ˆλ‹€. λ‹€λ“€ 정해진 ν™˜κ²½μ—μ„œ 감독관과 ν•¨κ»˜ 일괄적인 ν…ŒμŠ€νŠΈλ₯Ό μ§„ν–‰ν•˜λŠ”κ²Œ μ•„λ‹ˆλΌ, 각자 μ§‘μ—μ„œ 혼자 μ§„ν–‰ν•˜κΈ° λ•Œλ¬Έμ— 이에 λŒ€ν•œ λ³€μˆ˜λ„ κ³ λ €ν•΄μ•Ό ν–ˆμŠ΅λ‹ˆλ‹€.

λ§ˆμ§€λ§‰μœΌλ‘œ, μ–΄λ–»κ²Œν•˜λ©΄ 의미 μžˆλŠ” κ²°κ³Όλ₯Ό 얻을 수 μžˆμ„μ§€ μ°Ύμ•„λ΄€μŠ΅λ‹ˆλ‹€. λŒ€λœΈ μ‚¬μš©μžμ—κ²Œ "λ‹ˆκ°€ 제일 보기 νŽΈν•œ λͺ¨λ“œκ°€ λ­λ‹ˆ?" 라고 λ¬Όμ–΄λ³Ό μˆ˜λŠ” μ—†λŠ” λ…Έλ¦‡μ΄λ‹ˆκΉŒμš”. HCI μ΄λ‘ μ μœΌλ‘œλ„ 이런 μ§ˆλ¬Έμ€ "λ‚˜μœ" 질문이라고 ν•©λ‹ˆλ‹€. μ‚¬μš©μžμ˜ 말과 행동이 λ‹€λ₯Έ κ²½μš°κ°€ 있기 λ•Œλ¬Έμ΄μ£ .

κ·Έλž˜μ„œ μ‹€ν—˜μ˜ 본래 λͺ©μ μ„ 숨긴 κ°€μ§œ μ‚¬μ΄νŠΈλ₯Ό λ§Œλ“€κΈ°λ‘œ ν–ˆμŠ΅λ‹ˆλ‹€. κ°€μ§œ μ‚¬μ΄νŠΈ 이름은 λ‹€μŒκ³Ό κ°™μŠ΅λ‹ˆλ‹€.

λ¬Όλ‘  μ € 논문도 지어낸 κ²ƒμž…λ‹ˆλ‹€. μ›ΉνŽ˜μ΄μ§€ 맨 λ§ˆμ§€λ§‰μ— κ°€μ„œ λͺ¨λ“ κ²ƒμ΄ fakeμ˜€μŒμ„ λ°ν˜”μŠ΅λ‹ˆλ‹€.


"On Time, Within Budget"

ν”„λ‘œμ νŠΈ κΈ°νšμ•ˆμ˜ 역할이 λͺ‡λͺ‡ μžˆμŠ΅λ‹ˆλ‹€.

  • ν”„λ‘œκ·Έλž¨μ˜ Reliability 보μž₯
  • standardization, integration, consistency, and portability... 보μž₯

κ΅μˆ˜λ‹˜μ΄ 무엇보닀 κ°•μ‘°ν•˜κ³  또 κ°•μ‘°ν•˜κ³  심지어 쀑간고사 빈칸 λ¬Έμ œλ‘œλ„ λƒˆλ˜ λ¬Έμž₯은 λ‹€λ¦„μ•„λ‹Œ μ΄κ²ƒμ΄μ—ˆμŠ΅λ‹ˆλ‹€.

Complete projects on time and within budget 보μž₯

ν•œ 학기에 μœ μ € μŠ€ν„°λ””λ₯Ό 2개 ν•˜κ³  μ‹œν—˜λ„ 2번 μΉ˜λŠ” μ΄μœ κ°€ 이λ₯Ό μ—°μŠ΅ν•˜λΌλŠ” μ˜λ―Έκ°€ μ•„λ‹κΉŒ.. μ‹ΆμŠ΅λ‹ˆλ‹€.

profile
μ½”λ“œλ„ 적고 그림도 그리고 글도 μ”λ‹ˆλ‹€. λ„“κ³  얕은 κ²½ν—˜μ„ μŒ“κ³  μžˆμŠ΅λ‹ˆλ‹€.

0개의 λŒ“κΈ€