GameTheoryAdvanced2 - sunbang123/study_report GitHub Wiki

λ°©ν•™λ•Œ μ„œν¬ν„°μ¦ˆ ν™œλ™ 해봐 ν…ŒμŠ€νŠΈλ‚˜ 그런거 μ—¬λ¦„μ—μžˆμŒ

UI UX

  • UI = μž…μΆœλ ₯에 κ΄€λ ¨λœ λͺ¨λ“  ν˜•νƒœμ˜ μ‚¬μš©μž μΈν„°νŽ˜μ΄μŠ€
  • UX User Experience 타깃 μ‚¬μš©μžκ°€ μ‹€μ œ κ²ͺλŠ” μ²΄ν—˜

μ‚¬λžŒλ“€μ˜ 인식과 λ°˜μ‘

UX -> UI μ„€μ • 단계

  • λ¦¬μ„œμΉ˜ (μœ μ €μ •λ³΄μˆ˜μ§‘)
  • λͺ¨λΈλ§ (페λ₯΄μ†Œλ‚˜ μœ μ €μŠ€ν† λ¦¬)
  • μ „λž΅ λ””μžμΈ (μ²΄ν—˜μ „λ‹¬ μ „λž΅ 수립)
  • UI ν”„λ‘œν† νƒ€μ΄ν•‘
  • UI μ™„λ£Œ

UI κ³ λ €μš”μ†Œ

  • Useful, Usable, Findable, Desirable, Credible, Accessible, Valuable

페λ₯΄μ†Œλ‚˜

  • κ°€μƒμ˜ 이용자
  • 4~5λͺ…μ˜ 페λ₯΄μ†Œλ‚˜λ₯Ό λ§Œλ“€κ³  νŒ¨ν„΄μ„ 뢄석함.

페λ₯΄μ†Œλ‚˜ μ œμž‘κ³Όμ •

  • μœ μ € 인터뷰
  • νŒ¨ν„΄ 발견
  • 페λ₯΄μ†Œλ‚˜ λ§Œλ“€κΈ° (사진/이름, λ¬˜μ‚¬, 문제)
  • 곡유

쒋은 λ””μžμΈ

  • κ°€μ‹œμ„±: λ””λ°”μ΄μŠ€μ˜ μƒνƒœμ™€ κ°€λŠ₯μ•‘μ…˜μ„ μΈμ§€ν•˜λ„λ‘
  • ν”Όλ“œλ°±: 즉각적인 변화와 ν‘œμ‹œ. μ§€κΈˆ μ–΄λ–€ μƒνƒœμ΄κ³  μ•‘μ…˜μ„ μˆ˜ν–‰ν•˜λŠ”κ°€
  • ν–‰μœ„μœ λ„: μ™Έν˜•μ„ 톡해 μ˜ˆμΈ‘κ°€λŠ₯
  • 맡핑: 컨트둀과 μ‹€μ œ νš¨κ³Όκ°€ μΌμΉ˜ν•˜λŠ”κ°€(μœ„μΉ˜, 크기, λ°°μΉ˜μˆœμ„œ)
  • μ œμ•½: λ˜λŠ”κ±° μ•ˆλ˜λŠ”κ±° λͺ…ν™•ν•˜κ²Œ ν•΄μ£Όμ„Έμš”. λͺ…ν™•ν•œ κ°€μ΄λ“œ, μ—λŸ¬ ν™•λ₯ μ„ μ€„μž„
  • 일관성: μΉœμˆ™ν•˜κ³  μ˜ˆμΈ‘κ°€λŠ₯ν•œκ°€? μ•„κΈ°μ˜€λ¦¬ μ‹ λ“œλ‘¬πŸ¦†

UI κΈ°λŒ€νš¨κ³Ό 츑정방법

  • Depthλ₯Ό 확인
  • 과제λ₯Ό λ§ˆμΉ λ•ŒκΉŒμ§€ κ±Έλ¦¬λŠ” μ‹œκ°„ / ν™”λ©΄μˆ˜ / 클릭수
  • μ—λŸ¬λ‘œλΆ€ν„° λ³΅κ·€ν•˜λŠ”λ° κ±Έλ¦¬λŠ” μ‹œκ°„
  • 잘λͺ» μ„ νƒν•œ 횟수
  • 반볡된 μ—λŸ¬μ˜ 횟수
  • UIμ™ΈλΆ€λ₯Ό μ΄μš©ν•œ λΉˆλ„(ν—¬ν”„λ°μŠ€ν¬ 메뉴얼 λ‹€λ₯Έμ‚¬μš©μž..)
  • 도움을 λ°›λŠ” μ ˆμ°¨μ™€ νŽΈμ˜λ„

μ‚¬μš©μž μΈ‘λ©΄ 뢄석

  • 컨텐츠 κ°€μΉ˜ 뢄석
  • μ‚¬μš©μž 뢄석
  • κ³Όμ—… 뢄석: μ‹€μ œλ‘œ μ–΄λ–€ λ°©μ‹μœΌλ‘œ μ‹œμŠ€ν…œμ„ μ‚¬μš©ν•˜λŠ”κ°€?
  • 상황 뢄석

κ²Œμž„ μΈν„°νŽ˜μ΄μŠ€ λ””μžμΈ

λ‹€μ΄μ–΄μ œν‹± UI(λͺ°μž…ν˜• UI / Diegetic UI)

  • κ²Œμž„ 세계속 μΌλΆ€λ‘œμ¨ μž‘μš©ν•¨
  • μž₯점: μœ μ €μ˜ 캐릭터 λͺ°μž…을 강쑰함 κ²Œμž„μ˜ λ‚΄λŸ¬ν‹°λΈŒμ˜ ν–₯상
  • 단점: 개발 μ΄ˆκΈ°λΆ€ν„° UI에 λŒ€ν•œ κ³ λ €κ°€ ν•„μˆ˜μ μž„. 전달양이 λ§Žμ•„μ§ˆμˆ˜λ‘ ν‘œν˜„μ΄ 어렀움

λ…Ό λ‹€μ΄μ–΄μ œν‹± UI

  • κ²Œμž„ 캐릭터가 μΈμ‹ν•˜μ§€ λͺ»ν•¨.
  • λͺ¨λ‹ˆν„° λ°– μœ μ €μ—κ²Œλ§Œ λ³΄μ΄λŠ” UI
  • μž₯점: 직관적 μΉœμˆ™ν•¨
  • 단점: λ―Έλ‹ˆλ©€λ¦¬μ¦˜ μœ ν–‰ -> κ²Œμž„μ˜ κ°œμ„±μ΄ 약화됨

μŠ€νŽ˜μ΄μ…œ UI

  • μ½˜μ†”κ²Œμž„μ—μ„œ μœ ν–‰ν•¨.
  • 곡간에 κ΅¬ν˜„λ˜λŠ” μΈν„°νŽ˜μ΄μŠ€
  • 2D둜 μ œμž‘λœ UIλ₯Ό 3D곡간에 κ΅¬ν˜„ν•˜λŠ” 경우
  • κ²Œμž„μΊλ¦­ν„°μ˜ 인식 κ°€λŠ₯μ—¬λΆ€μ™€λŠ” μƒκ΄€μ—†μŒ

메타UI

  • λ³΄μ‘°μΈμ§€μˆ˜λ‹¨
  • 카메라에 ν”ΌνŠ€κΈ°κΈ°, 피격방ν–₯ 보여주기
  • μœ μ €μ˜ λ¬΄μ˜μ‹ 자극

기획 μˆœμ„œ

  • UIκ°€ ν•„μš”ν•œ 상황 리슀트
  • 상황별 기획(UI νŽ˜μ΄μ§€ 리슀트 정리 / νŽ˜μ΄μ§€ 연결도 μž‘μ„±)
  • νŽ˜μ΄μ§€λ³„ 기획(UI 컨셉 기획 / μ„ΈλΆ€ μŠ€ν† λ¦¬λ³΄λ“œ)

UIκ°€ ν•„μš”ν•œ 상황 정리

  • λΉ„μŠ·ν•œ μž₯λ₯΄ ν”Œλž«νΌ μ°Έκ³ 
  • ν”Œλ ˆμ΄ 흐름에 λ”°λ₯Έ λΆ„λ₯˜
  • λ¨Έλ¦Ώμ†μœΌλ‘œλ§Œ μƒκ°ν•˜μ§€ 말고 직접 그렀보라. pptλ‚˜ figma

μ„ΈλΆ€ UI 기획 μ˜ˆμ‹œ

  • μž…μΆœλ ₯λ˜μ–΄μ•Όλ˜λŠ” μ •λ³΄λŠ”?
  • 정보λ₯Ό μ–΄λ–»κ²Œ ν‘œν˜„ν• κ²ƒμΈκ°€?
  • λ“œλ‘­λ‹€μš΄ 리슀트, μŠ¬λΌμ΄λ”, μ½€λ³΄λ°•μŠ€, λΌλ””μ˜€λ²„νŠΌ, μž…λ ₯ν•„λ“œ, ν† κΈ€, 툴팁, μŠ€ν”Όλ„ˆ, λ“œλ‘­λ‹€μš΄λ©”λ‰΄
  • 라이트 λ°•μŠ€, μ•„μ›ŒκΈ€λž˜μŠ€, ν”„λ‘œκ·Έλ ˆμŠ€λ°”, ν† μŠ€νŠΈνŒμ—…, μŠ€ν”Œλž˜μ‹œ 슀크린, μ½”μΉ˜λ§ˆν¬, μ›Œν¬μŠ€λ£¨

과제

κ²Œμž„ UI μ—­κΈ°νšμ„œ

  • UI 흐름, μŠ€ν† λ¦¬λ³΄λ“œ, μ„ΈλΆ€ UIμš”μ†Œ 기획, μ‚¬μš©μ„± 평가
  • UI κ°œμ„  사항 μ œμ‹œ

뻐끔뻐끔 μ—­κΈ°νšμ„œ

과제 2

2000λ…„ μ΄μ „μœΌλ‘œ λŒμ•„κ°€μ„œ 벨트슀크둀 κ²Œμž„ ν•œλ²ˆ 해바라 μ—”λ”©λ³΄μ‹œκ²Œ

  • 던파 ν΄λ‘œμ €μŠ€ μ—˜μ†Œλ“œ 이런거 해바라