๐ŸŽจ UX UI

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

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

<aside> ๐Ÿ’ก [1์žฅ] https://youtu.be/rKiUHq5Hn2g

[2์žฅ] https://youtu.be/IcENFGrHKk4

[3์žฅ] https://youtu.be/9R_udA3zkZo

</aside>

1์žฅ-๋””์ง€ํ„ธ ํ…Œ๋ผ๋…ธํ‹ฑ์Šค์™€ HCI

HCI ๋ž€?

  • ์‚ฌ๋žŒ๊ณผ ์ปดํ“จํ„ฐ์˜ ์ƒํ˜ธ์ž‘์šฉ์— ๋Œ€ํ•ด ์—ฐ๊ตฌ
  • ๋ชฉํ‘œ๋Š” ‘์‰ฝ๊ณ , ํŽธ๋ฆฌํ•˜๊ฒŒ’
  • ๋ฒ”์œ„๊ฐ€ ๊ฐœ์ธ์—์„œ ์ง‘๋‹จ์œผ๋กœ ์ปค์ง

์šฐ๋ฆฌ๊ฐ€ UI๋ผ๊ณ  ๋งํ•˜๋Š” ๋ถ€๋ถ„์€ TOOL ๋ถ€๋ถ„. ๊ฐ€์žฅ ๋””์ง€ํ„ธ ์‹œ์Šคํ…œ๊ณผ ๊ฐ€๊นŒ์›€. INTERACTION์€ ํ–‰๋™. ( EX : ํ™”๋ฉด ๋‘ ๋ฒˆ ํ„ฐ์น˜ → ํ™”๋ฉด ํ™•๋Œ€)

์›์น™๊ณผ ์ ˆ์ฐจ๋“ค

๋””์ง€ํ„ธ ํ…Œ๋ผ๋…ธ์Šคํ‹ฑ์Šค

๋””์ง€ํ„ธ ํ…Œ๋ผ๋…ธ์Šคํ‹ฑ์Šค

  • ํ…Œ๋ผ๋…ธ์Šคํ‹ฑ์Šค๋Š” ์ƒ์ฒ˜๋‚˜ ์งˆ๋ณ‘์„ ๋‚ซ๊ฒŒ ํ•˜๋Š” ๊ฒƒ. ( EX : ์•ฝ์„ ๋จน๋Š” ๊ฒƒ )
  • ๋””์ง€ํ„ธ ํ…Œ๋ผ๋…ธ์Šคํ‹ฑ์Šค๋Š” ์†Œํ”„ํŠธ์›จ์–ด๋ฅผ ์ด์šฉํ•ด ์ƒ์ฒ˜๋‚˜ ์งˆ๋ณ‘์„ ๋‚ซ๊ฒŒ ํ•˜๋Š” ๊ฒƒ. ( ๋””์ง€ํ„ธ ์น˜๋ฃŒ ๊ธฐ๊ธฐ)

๊ด€์‹ฌ์ด ๋งŽ์•„์ง„ ์ด์œ 

  • ์˜ˆ์‹œ : ๋ณด๊ฑด์˜๋ฃŒ์‹œ์Šคํ…œ, ์ „์—ผ๋ณ‘ ๊ฒฝ๋กœ๋ฅผ ์˜ˆ์ธกํ•˜๋Š” ๊ฒƒ, ์•„์ผˆ๋ฆฌ์˜ ADHD ์•„๋™์„ ๋Œ€์ƒ์œผ๋กœ ํ•˜๋Š” AR ๊ฒŒ์ž„ ๋””์ง€ํ„ธ ์น˜๋ฃŒ์ œ

UX์˜ ์ค‘์š”์„ฑ

2์žฅ-๋””์ง€ํ„ธ ํ…Œ๋ผ๋…ธ์Šคํ‹ฑ์Šค์—์„œ์˜ ๊ฒฝํ—˜์š”์ธ

๊ฒฝํ—˜์„ ๋ถ„์„ํ•˜๋Š” ๋ฐฉ๋ฒ•

  • ๊ฒฝํ—˜์˜ 3๊ฐ€์ง€ ์‹คํƒ€๋ž˜ ์ด๋ก ์„ ํ† ๋Œ€๋กœ ๋ถ„์„ํ•จ

<1> ๊ฐ๊ฐ์  ๊ฒฝํ—˜์˜ ์‹คํƒ€๋ž˜

์‹ค์ œ๊ฐ์ด ๋†’๋‹ค๊ณ  ์ข‹์€ ๊ฒƒ๋„ ์•„๋‹ˆ๊ณ , ๋‚ฎ๋‹ค๊ณ  ์ข‹์€ ๊ฒƒ๋„ ์•„๋‹˜. ์‹ค์žฌ๊ฐ์ด ๊ฐ€์žฅ ์ค‘์š”ํ•œ ์š”์†Œ

  • ๊ฐ๊ฐ์  ๊ฒฝํ—˜์˜ ์‹คํƒ€๋ž˜๋Š” ์ƒํ˜ธ์„ฑ๊ณผ ์ƒ์ƒํ•จ์„ ๊ฐ€์ง€๊ณ  ์กฐ์ ˆ

<2> ํŒ๋‹จ์  ๊ฒฝํ—˜์˜ ์‹คํƒ€๋ž˜

  • “์ด๊ฒŒ ๋„์›€์ด ๋˜๋‚˜?”, “๋ˆ„๊ฐ€ ๊ณตํ—Œํ–ˆ๋‚˜?”์— ๋Œ€ํ•œ ์ƒ๊ฐ
  • 2๊ฐ€์ง€ ํฌ์ธํŠธ : ๋‚ด์žฌ์ , ์™ธ์žฌ์  ๊ธฐ์ธ์ (๊ธฐ์ธ์  = ์‹ค์žฌ๊ฐ๊ณผ ๊ฐ™์€ ๊ฐœ๋…)

<3> ๊ตฌ์„ฑ์  ๊ฒฝํ—˜์˜ ์‹คํƒ€๋ž˜

  • ๋ฐ€๋„์™€ ๊ฐ•๋„๋กœ ๋ณต์žก๋„๋ฅผ ์กฐ์ ˆ

<์ตœ์ข…>

SET FACTORS

์ง€๋‚˜์น˜๊ฒŒ ๋‹จ์ˆœํ•  ์ˆœ ์žˆ์ง€๋งŒ, ๋‹จ์ˆœํ™”ํ• ์ˆ˜๋ก ์ •๋ฆฌํ•˜๊ธฐ ํŽธํ•จ.

  • ์‚ฌํšŒ๋ฌธํ™”, ๊ฒฝ์ œ์  ์š”์ธ, ๊ธฐ์ˆ ์  ์š”์ธ

3์ฐจ์› ๋ชจํ˜•

  • ์•ต์ปค ํฌ์ธํŠธ๋ฅผ ์žก๋Š” ๊ฒƒ์ด ๊ฐ€์žฅ ์ค‘์š”
  • ๊ฐœ์ธ์˜ ์ฃผ๊ด€์ ์ธ ํŒ๋‹จ์ด ๋‹ค ๋‹ค๋ฅด์ง€๋งŒ, ๋Œ€๊ฒŒ ๊ฑฐ์˜ ๋น„์Šทํ•จ.

3์žฅ-๋””์ง€ํ„ธ ํ…Œ๋ผ๋…ธ์Šคํ‹ฑ์Šค์—์„œ์˜ ์œ ์šฉ

ํ•ต์‹ฌ์ ์ธ ์œ ์šฉ์„ฑ 3๊ฐ€์ง€

  • ๊ฑด๊ฐ•์  ์ด์  : ์งˆ๋ณ‘์ด ์–ผ๋งˆ๋‚˜ ์น˜๋ฃŒ๋˜์—ˆ๋Š”์ง€์— ๊ด€ํ•œ ๊ฒƒ
  • ์ž„์‚ด์  ์•ˆ์ •์„ฑ : ์œ„ํ—˜์„ฑ์„ ํŒŒ์•…ํ•˜๊ณ  ์ ์ • ์ˆ˜์ค€ ์ดํ•˜๋กœ ๋‚ด๋ ค๊ฐ€๊ฒŒ ๊ด€๋ฆฌ๋ฅผ ์ž˜ ํ•˜๊ณ  ์žˆ๋‹ค๋Š” ๊ฒƒ
  • ์ธ๊ฐ„์š”์†Œ์™€ ์‚ฌ์šฉ์„ฑ ์—”์ง€๋‹ˆ์–ด๋ง : ์‚ฌ์šฉ ๋ฒ”์œ„ ์•ˆ์—์„œ ๋ชฉ์ ์„ ๋‹ฌ์„ฑํ•  ์ˆ˜ ์žˆ๋Š” ํšจ๊ณผ์— ๊ด€ํ•œ ๊ฒƒ

์œ ์šฉ์„ฑ

์‚ฌ๋žŒ, ์‹ค์ œ ์‹œ์Šคํ…œ ์ƒ์—๋„ ์žˆ๋Š” ๋ชจ๋ธ. ๋‹ค๋ฅผ ์ˆ˜ ๋ฐ–์— ์—†๋‹ค.

  • ์‚ฌ์šฉ์ž๊ฐ€ ์›ํ•˜๋Š” ๋ชฉ์ ์— ๋ถ€ํ•ฉํ•˜๋Š” ๊ธฐ๋Šฅ
  • ๋ฌธ์ œ ๊ณต๊ฐ„๊ณผ ๋””์ž์ธ ๊ณต๊ฐ„์ด ๋น„์Šทํ•ด์•ผ ํ•œ๋‹ค.

ํ–‰์œ„ ์ด๋ก 

  • ์‹คํ–‰์ฐจ์™€ ํ‰๊ฐ€์ฐจ๋ฅผ ์ค„์—ฌ์ค€๋‹ค.

๐Ÿ”จํ›„๊ธฐ

  • UX์™€ ๊ด€๋ จ๋œ ์—ฌ๋Ÿฌ ์ด๋ก ๋“ค์„ ๋ฐฐ์šธ ์ˆ˜ ์žˆ์—ˆ๋‹ค.
  • 3์ฐจ์› ๋ชจํ˜•์ด ์ข€ ๋ณต์žกํ•ด์„œ ๋‹ค์‹œ ํ•œ ๋ฒˆ ๊ณต๋ถ€ํ•ด์•ผ ํ•  ๊ฒƒ ๊ฐ™๋‹ค.
  • ๋””์ง€ํ„ธ ํ…Œ๋ผ๋…ธ์Šคํ‹ฑ์Šค๋ฅผ ํ™œ์šฉํ•œ ๊ตฌ์ฒด์ ์ธ ๊ตญ๋‚ด ์‚ฌ๋ก€, ๊ทธ๋ฆฌ๊ณ  ๋””์ง€ํ„ธ ํ…Œ๋ผ๋…ธ์Šคํ‹ฑ์Šค ์ด์™ธ์—๋„ ๋‹ค๋ฅธ ๋ถ„์•ผ์— ์“ฐ์ธ UX ์‚ฌ๋ก€์— ๋Œ€ํ•ด ์ฐพ์•„๋ณด๊ณ  ์‹ถ๋‹ค.

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

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