๐ŸŽจ UX UI

์Šคํ„ฐ๋”” 2์ฃผ์ฐจ

์˜ค๋ธŒ ๐Ÿง™‍โ™‚๏ธ 2023. 8. 13. 02:25

HCI ์™€ UX์— ๋Œ€ํ•œ ์ „๋ฐ˜์ ์ธ ์ดํ•ด

<aside> ๐Ÿ’ก 1๊ฐ• ~ 3๊ฐ• http://hci.yonsei.ac.kr/html/lecture/hci-introduction.html

</aside>

HCI

  • ์‚ฌ๋žŒ๋“ค์ด ์œ ์šฉํ•˜๊ณ  ํŽธ๋ฆฌํ•˜๊ณ  ์ฆ๊ฒ๊ฒŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” digital artifiact์˜ ์ฐฝ์กฐ ๋ฐ ํ‰๊ฐ€
  • ํŽ˜์ด์Šค๋ถ, ๊ฒŒ์ž„ ๊ฐ™์€ ๋””์ง€ํ„ธ ์ปจํ…์ธ  ๋“ฑ์ด ์˜ˆ์‹œ๊ฐ€ ๋จ
  • ๋ชฉํ‘œ : ์‚ฌ๋žŒ๋“ค์˜ ์‚ถ์„ ์งˆ์„ ๋†’์—ฌ์ค„ ์ˆ˜ ์žˆ๋Š” ๋””๋ฐ”์ด์Šค, ์„œ๋น„์Šค, ์ปจํ…์ธ ๋ฅผ ๋งŒ๋“ค๊ณ  ๊ตฌํ˜„ํ•˜๋Š” ๊ฒƒ
  • HCI 1.0→ HCI 2.0 ๊ฐœ์ธ์—์„œ ๋‹จ์ฒด๋กœ ๋ฒ”์œ„๊ฐ€ ์ปค์ง
  • ์ปดํ“จํ„ฐ๊ฐ€ ์šฐ๋ฆฌ ์ƒํ™œ์—์„œ ๋งŽ์ด ๋…น์•„์žˆ๊ธฐ ๋•Œ๋ฌธ์— ์ค‘์š”์„ฑ์ด ์ปค์ง€๋Š” ๊ฒƒ
  • ์ฐจ๋ณ„ํ™”์— ์ค‘์š”ํ•œ ์—ญํ• ์„ ํ•จ
  • ์‚ฌ์šฉํ•˜๋Š” ๋„๊ตฌ๊ฐ€ ์ปดํ“จํ„ฐํ™” ๋˜๊ณ , ๊ทธ ๋„๊ตฌ๋“ค์ด ๋„คํŠธ์›Œํฌ๋กœ ์—ฐ๊ฒฐ๋˜๊ธฐ ๋•Œ๋ฌธ์— ์ค‘์š”์„ฑ์ด ์ปค์ง„๋‹ค๊ณ  ๋ณผ ์ˆ˜ ์žˆ์Œ

INTERFACE / INTERACTION / EXPERIENCE

  • ์‚ฌ๋žŒ ์ชฝ์— ๋” ๊ฐ€๊นŒ์šด์ง€, ๊ธฐ๊ณ„ ์ชฝ์— ๋” ๊ฐ€๊นŒ์šด์ง€๊ฐ€ ๊ธฐ์ค€์ด ๋จ
  • ๊ธฐ๊ณ„ ์ชฝ์— ๋” ๊ฐ€๊นŒ์šฐ๋ฉด INTERFACE, ์‚ฌ๋žŒ ์ชฝ์— ๋” ๊ฐ€๊นŒ์šฐ๋ฉด EXPERIENCE, ๊ทธ ์ค‘๊ฐ„์„ ๋‹ค๋ฆฌ์ฒ˜๋Ÿผ ์ด์–ด์ฃผ๋Š” ๊ฒƒ์ด INTERACTION
  • INTERFACE ์˜ˆ์‹œ : ์‚ฌ์ง„์„ ์–ผ๋งˆ๋‚˜ ํฌ๊ฒŒ ํ•˜๊ณ , ์ค‘์š”ํ•œ ์‹ ๋ฌธ ์นผ๋Ÿผ์„ ์–ด๋””์— ๋ฐฐ์น˜ํ• ์ง€ ๊ณ ๋ฏผํ•˜๋Š” ๊ฒƒ
  • EXPERIENCE ์˜ˆ์‹œ : ์• ํ”Œ๊ณผ ์‚ผ์„ฑ์˜ ๋…ผ์Ÿ (์‚ฌ์šฉ์ž๊ฐ€ ์–ด๋–ป๊ฒŒ ๋Š๊ผˆ๋Š”์ง€๊ฐ€ ์ค‘์š” ์Ÿ์ )

ํ™œ์šฉ๋  ์ˆ˜ ์žˆ๋Š” ๋ถ„์•ผ

  • product innovation - ํ•ธ๋“œํฐ
  • service innovation - SNS
  • content innnovation - ์˜จ๋ผ์ธ ๊ฒŒ์ž„
  • social innovation - ์ •๋ถ€, ์‚ฌํšŒ์  ๊ธฐ์—…
  • communication innovation - ๋ชจ๋ฐ”์ผ ์ธํ„ฐ๋„ท, ๋””์ง€ํ„ธ ๋ฐฉ์†ก

UX

  • ์‚ฌ์šฉ์ž๊ฐ€ ์ œํ’ˆ์ด๋‚˜ ์„œ๋น„์Šค๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด์„œ ์–ป๊ฒŒ ๋˜๋Š” ๋ชจ๋“  ๊ฐ์ •๊ณผ ์ง€๊ฐ๊ณผ ์ธ์ง€์ ์ธ ๊ฒฐ๊ณผ
  • INTERFACE ๋ณด๋‹ค EXPERIENCE์— ๋” ๊ฐ€๊นŒ์›Œ์ง€๋ฉด์„œ ์ƒ๊ธด ๋ณ€ํ™”
    • humane and soft
    • strategic but abstract
    • contextual but contingent
  • HOW๊ฐ€ ์ค‘์š”
  • HCI๋ผ๋Š” ๋ถ„์•ผ์— UX๋ผ๋Š” ๊ณจ์ด ์žˆ๋Š” ๊ฒƒ

UX์— ๋Œ€ํ•œ ์„ธ๋ถ€์ ์ธ ๋ชฉํ‘œ

  • ์˜ํ™”๊ณ„
    • ์„ธ ๊ฐ€์ง€์˜ ๊ฒฝํ—˜ ์š”์†Œ
    1. ์‚ฌ๊ณ ์  ์ˆ˜์ค€
    2. ์˜ํ™”๊ฐ€ ์ œ๊ณตํ•˜๊ณ ์ž ํ•˜๋Š” ๋ฉ”์‹œ์ง€๊ฐ€ ๊ด€๊ฐ์—๊ฒŒ ์ •ํ™•ํ•˜๊ฒŒ ์ „๋‹ฌ๋˜์–ด์•ผ ํ•จ
    3. ํ–‰๋™์  ์ˆ˜์ค€
    4. ์˜ํ™” ์Šคํ† ๋ฆฌ๊ฐ€ ๋„ˆ๋ฌด ๋นจ๋ฆฌ ์ง„ํ–‰๋˜์–ด์„œ ์ดํ•ดํ•  ์ˆ˜ ์—†๊ฑฐ๋‚˜ ๋„ˆ๋ฌด ๋Šฆ๊ฒŒ ์ง„ํ–‰๋˜์–ด์„œ ์ง€๋ฃจํ•˜์ง€ ๋ง์•„์•ผ ํ•จ
    5. ๊ฐ์„ฑ์  ์ˆ˜์ค€⇒ ์ด 3๊ฐ€์ง€ ๊ฒฝํ—˜ ์š”์†Œ๊ฐ€ ์žˆ์–ด์•ผ ์ตœ์ ์˜ ๊ฒฝํ—˜์„ ํ•œ๋‹ค.
    6. ์˜ํ™”๊ฐ€ ์ฃผ๋Š” ๊ฐ๊ฐ์  ์ž๊ทน์ด ์˜ํ™”์˜ ์ฃผ์ œ์— ๋งž๊ฒŒ ์ ์ ˆํ•ด์•ผ ํ•จ
  • ์ด๋Ÿฐ ์š”์†Œ๊ฐ€ UX์—์„  ์œ ์šฉ์„ฑ, ์‚ฌ์šฉ์„ฑ, ๊ฐ์„ฑ ์ž„.
    1. ์œ ์šฉ์„ฑ
    • ์›๋ž˜ ํ•˜๋ ค๊ณ  ํ–ˆ๋˜ ์šฉ๋„๋ฅผ ์ถฉ๋ถ„ํžˆ ์ˆ˜ํ–‰ํ•˜๋Š”๊ฐ€? (USEFULNESS)
    1. ์‚ฌ์šฉ์„ฑ
    • ๊ทธ ๊ธฐ๋Šฅ์„ ์–ผ๋งˆ๋‚˜ ์‰ฝ๊ณ  ํŽธ๋ฆฌํ•˜๊ฒŒ ํ•˜๋Š”๊ฐ€? (USEABILITY)
    • HCI์˜ ์‹œ์ž‘
    (+) ์œ ์šฉ์„ฑ์€ efficiency VS ์‚ฌ์šฉ์„ฑ์€ effectiveness (ํšจ๊ณผ์„ฑ VS ํšจ์œจ์„ฑ)
    1. ๊ฐ์„ฑ
    • ์‚ฌ์šฉ ํ›„ ๋ฌด์—‡์„ ๋Š๋ผ๊ณ  ์–ด๋–ค ์ƒ๊ฐ์„ ํ•˜๋Š”๊ฐ€? (AESTHETIC)

๋ชจ๋“  ๋””๋ฐ”์ด์Šค๊ฐ€ ๊ฐ€์ง€๋Š” 3๊ฐ€์ง€ ์š”์†Œ

  1. ๊ตฌ์กฐ
  2. ํ–‰๋™
  3. ์–‘์‹(ํ‘œํ˜„)

๐Ÿ”จํ›„๊ธฐ

  • ์ด๋ฒˆ์ฃผ๋Š” ๋””์ง€ํ„ธ ํ…Œ๋ผ๋…ธ์Šคํ‹ฑ์Šค์— ๋ฐฐ์› ๋˜ ๊ฐœ๋…๋“ค์— ๋” ์ง‘์ค‘ํ•ด ์‚ดํŽด๋ณผ ์ˆ˜ ์žˆ์–ด์„œ ์ข‹์•˜๋‹ค.
  • HCI์™€ UX์˜ ์ฐจ์ด๊ฐ€ ํ—ท๊ฐˆ๋ ธ๋Š”๋ฐ ์ •๋ฆฌํ•  ์ˆ˜ ์žˆ์–ด ์ข‹์•˜๋‹ค.
  • ์Šคํ„ฐ๋””ํ•˜๋ฉด์„œ ๋”ฐ๋กœ UX ์ฑ…์„ ์ฝ๊ณ  ์žˆ๋Š”๋ฐ, ๊ทธ ์ฑ…์—์„œ ๋‚˜์˜จ ๋”๋ธ” ๋‹ค์ด์•„๋ชฌ๋“œ ๋ฐฉ๋ฒ•๋ก ๊ณผ ์—ฐ๊ฒฐ๋˜๋Š” ๋‚ด์šฉ์ด ๋‚˜์˜ค๋‹ˆ ๋” ์žฌ๋ฏธ์žˆ๊ฒŒ ๊ณต๋ถ€ํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค.

'๐ŸŽจ UX UI' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[Apple - Human Interface Guidelines] 1. Accessibility  (0) 2023.09.08
์Šคํ„ฐ๋”” 5์ฃผ์ฐจ  (0) 2023.08.13
์Šคํ„ฐ๋”” 3์ฃผ์ฐจ  (0) 2023.08.13
์Šคํ„ฐ๋”” 1์ฃผ์ฐจ  (0) 2023.08.13
์Šคํ„ฐ๋”” 4์ฃผ์ฐจ  (0) 2022.11.27