Posts
ux
Mute On πŸ”‡, Mute Off πŸ”Š ? - μ‚¬μš©μžλ₯Ό ν—·κ°ˆλ¦¬κ²Œ ν•˜μ§€ μ•ŠκΈ°
  • Mute On πŸ”‡
  • Mute Off πŸ”Š

μˆ˜μ—…μ— μ°Έμ—¬ν•˜λŠ” 온라인 κ°•μ˜μ‹€μ— 이 두 λ²„νŠΌμ΄ μžˆλ‹€κ³  ν•΄λ³΄μž.

λ°œν‘œλ₯Ό ν•˜κΈ°μœ„ν•΄μ„œ 마이크λ₯Ό ν‚€λ €κ³  ν•  λ•Œ, 당신은 μ–΄λ–€ λ²„νŠΌμ„ λˆ„λ₯΄κ² λŠ”κ°€?

μˆœκ°„μ μœΌλ‘œ β€˜Offβ€™λΌλŠ” 단어에 Mute Off λ²„νŠΌμ„ λˆ„λ₯΄κΈ° 0.1μ΄ˆλΌλ„ 망섀이지 μ•Šμ•˜λ‚˜? 🧐

μ™œ λ§μ„€μ˜€μ„κΉŒ?

1. μ‚¬μš©μžμ˜ μΈμ§€λΆ€μ‘°ν™”μ˜ κ²½ν—˜

ν•˜λ €κ³ ν•˜λŠ” μ•‘μ…˜μ€ β€˜λ§ˆμ΄ν¬λ₯Ό 킨닀’= β€˜ν™œμ„±ν™”ν•œλ‹€β€™ λŠ” 의미의 β€˜ON’이 μ—°μƒλ˜μ§€λ§Œ,

μ‹€μ œλ‘œ λˆŒλŸ¬μ•Ό ν•˜λŠ” λ²„νŠΌμ˜ 라벨은 β€˜OFFβ€™μ˜ λΆ€μ •ν˜• 의미λ₯Ό κ°€μ§€κΈ° λ•Œλ¬Έμ—, μ‚¬μš©μžλŠ” 인지뢀쑰화λ₯Ό κ²½ν—˜ν•˜κ³  과업을 μˆ˜ν–‰ν•˜κΈ° κΉŒμ§€ 어렀움을 κ²ͺ을 κ°€λŠ₯성이 λ†’λ‹€.

2. 이쀑 λΆ€μ •

가끔 ν•œκ΅­μ–΄λ₯Ό λ°°μš°λŠ” 외ꡭ인이 정말 μ–΄λ ΅κ² λ‹€ 싢은 λ¬Έμž₯듀이 μžˆλ‹€. μ—¬λŸ¬ 번 뢀정문을 μ‚¬μš©ν–ˆμ„ λ•Œκ°€ κ·Έλ ‡λ‹€.

β€œκ·Έλ ‡κ²Œ 썩 μ’‹μ§€ μ•Šμ§€ μ•Šμ•„μš”?” 같은 λ₯˜μ˜ λ¬Έμž₯이닀.

μ—¬κΈ°μ„œλ„ λ§ˆμ°¬κ°€μ§€λ‹€. β€˜Muteβ€™λΌλŠ” λ‹¨μ–΄λŠ” λ™μ‚¬λ‘œλŠ” β€œμ†Œλ¦¬λ₯Ό μž‘κ²Œν•˜λ‹€, 쀄이닀”, β€˜λ§ μ—†λŠ”β€™μ΄λΌλŠ” λΆ€μ •μ˜ μ˜λ―Έκ°€ λ‹΄κ²¨μžˆλŠ” 단어닀. 그런데 μ—¬κΈ° β€˜Offβ€™λΌλŠ” β€˜μ œκ±°β€™μ˜ 의미λ₯Ό κ°€μ§€κ³  μžˆλŠ” 단어λ₯Ό ν•¨κ»˜ μ‚¬μš©ν•˜λ‹ˆ 이쀑 뢀정이 μ‚¬μš©λ˜μ–΄ 의미λ₯Ό λΉ λ₯΄κ²Œ μΈμ§€ν•˜κΈ° μ–΄λ ΅κ²Œ 된 것이닀.


*인지뢀쑰화?: 개인이 κ°€μ§„ 신념, 생각, νƒœλ„μ™€ 행동 μ‚¬μ΄μ˜ λΆ€μ‘°ν™”κ°€ μœ λ°œν•˜λŠ” 심리적 λΆˆνŽΈν•¨.

μ™œ 이런 ν…μŠ€νŠΈκ°€ λ‚˜νƒ€λ‚¬μ„κΉŒ?

κ΅­λ‚΄ μ„œλΉ„μŠ€κ°€ I18n(internalization)을 μ§€μ›ν•˜κΈ° μœ„ν•΄ UI ν…μŠ€νŠΈλ₯Ό λ²ˆμ—­ν•˜λ©΄μ„œ, κΈ°μ‘΄ ν•œκ΅­μ–΄μ˜ μ“°μž„μƒˆλ₯Ό λ²ˆμ—­ν•˜λŠ” 과정에 κ·ΈλŒ€λ‘œ λ°˜μ˜ν•˜κΈ° λ•Œλ¬Έμ΄ μ•„λ‹κΉŒ μ‹Άλ‹€.

μœ„μ˜ 경우 λ‚˜μ˜ (κ·€μ—¬μš΄) μΈν„΄λΆ„κ»˜μ„œ i18n μž‘μ—…μ„ ν•  λ•Œ β€˜μŒμ†Œκ±°β€™, β€˜μŒμ†Œκ±° ν•΄μ œβ€™λ₯Ό λ²ˆμ—­ν•œ μ‹€μ œ 사둀이닀.

UX writing νŒ€μ΄ μžˆλŠ” 큰 규λͺ¨μ˜ νšŒμ‚¬μ—μ„œλŠ” UX writerκ°€ μ„œλΉ„μŠ€μ˜ ν™”λ©΄μ—μ„œ λ‚˜νƒ€λ‚  λͺ¨λ“  ν…μŠ€νŠΈλ“€μ„ κ²€μˆ˜ν•˜κ³ , 직접 μž‘μ„±ν•˜κ² μ§€λ§Œ 이런 νŒ€μ΄ λ³„λ„λ‘œ μ‘΄μž¬ν•˜μ§€ μ•ŠλŠ” 우리 νŒ€μ—μ„œλŠ” ν”„λ‘ νŠΈμ—”λ“œ κ°œλ°œμžκ°€ 직접 ν”Όκ·Έλ§ˆμ— μžˆλŠ” UI ν…μŠ€νŠΈλ“€μ„ λ²ˆμ—­ν•΄μ„œ μž‘μ„±ν•œλ‹€. κ°œλ°œλ‘œλ„ μΆ©λΆ„νžˆ μ‹œκ°„μ΄ λΆ€μ‘±ν•˜κΈ° λ•Œλ¬Έμ—, 우리 νšŒμ‚¬μ˜ 경우 β€˜νŒŒνŒŒκ³ β€™, β€˜κ΅¬κΈ€ λ²ˆμ—­κΈ°β€™λ₯Ό μ‚¬μš©ν•΄μ„œ κ·ΈλŒ€λ‘œ 볡사 λΆ™μ—¬λ„£κΈ°ν•˜λ„λ‘ μ•ˆλ‚΄ν•˜κ³  μžˆλ‹€.

그럼 μ–΄λ–»κ²Œ λ²ˆμ—­ν•΄μ•Όν• κΉŒ?

UI ν…μŠ€νŠΈλ₯Ό μž‘μ„±ν•  λ•Œ β€˜κ°„κ²°μ„±β€™, β€˜λͺ…확성’이 μ€‘μš”ν•˜λ‹€μ§€λ§Œ, 정닡이 μžˆλŠ” 것은 μ•„λ‹ˆλ‹€.

λ”°λΌμ„œ λ‚΄κ°€ μ œμ•ˆν•œ 방식이 정닡이라고 ν•  수 μ—†κ³ , μ–΄λ–»κ²Œ μ˜μ‚¬κ²°μ •ν–ˆλŠ”μ§€ νŒλ‹¨μ˜ κ·Όκ±°λ₯Ό μ°Έκ³ ν•˜λ©΄ 쒋을 것 κ°™λ‹€.

λ‚˜λŠ” μœ„μ˜ μΌ€μ΄μŠ€λ₯Ό κΈ°μˆ ν•˜λŠ” 두 κ°€μ§€ 방식이 μžˆλ‹€κ³  νŒλ‹¨ν–ˆλ‹€.

  1. μ‚¬μš©μžμ˜ ν–‰μœ„λ₯Ό λΌλ²¨λ§ν•˜κΈ°
  2. ν˜„μž¬ μž₯치의 μƒνƒœλ₯Ό λΌλ²¨λ§ν•˜κΈ°

1번의 경우 β€˜λ§ˆμ΄ν¬ μΌœκΈ°β€™ β€˜λ§ˆμ΄ν¬ 끄기’와 같이 μ‚¬μš©μžκ°€ ν•˜λ €λŠ” ν–‰μœ„λ₯Ό μž‘μ„±ν•˜λŠ” 것이닀.

  • β€˜Mute On πŸ”‡β€™, β€˜Mute Off πŸ”Šβ€™λ„ 이에 ν•΄λ‹Ήν•œλ‹€.
  • β€˜Turn On πŸ”Šβ€™, β€˜Turn Off πŸ”‡β€™λ‘œλ„ λ²ˆμ—­ν•  수 μžˆλ‹€.

λŒ€λΆ€λΆ„μ˜ λ²„νŠΌμ˜ 라벨링은 μ‚¬μš©μžκ°€ ν•˜λ €λŠ” ν–‰μœ„λ₯Ό κΈ°μˆ ν•˜μ§€λ§Œ, μ•„μ΄μ½˜μ΄ κ°–λŠ” μ˜λ―Έκ°€ ν˜„μž¬ μƒνƒœμ™€ λ°˜λŒ€λ˜κΈ° λ•Œλ¬Έμ— 이 λ˜ν•œ 인지뢀쑰화λ₯Ό μΌμœΌν‚€μ§€ μ•Šμ„κΉŒ? μ‹Άμ—ˆλ‹€. 예λ₯Ό λ“€μ–΄, β€˜Turn Onβ€™μ˜ 경우 ν˜„μž¬ μƒνƒœλŠ” μŒμ†Œκ±° μƒνƒœμ΄μ§€λ§Œ ν‘œμ‹œλ˜λŠ” μ•„μ΄μ½˜μ€ ν™œμ„±ν™”λœ μ•„μ΄μ½˜μ΄λ©°, ν…μŠ€νŠΈλ₯Ό 읽지 μ•Šκ³  μ•„μ΄μ½˜λ§Œ λ³΄λŠ” 경우(λ§Žμ€ μ‚¬μš©μžλ“€μ€ UI ν…μŠ€νŠΈλ“€μ„ 잘 읽지 μ•ŠλŠ”λ‹€.) ν˜Όλž€μ„ κ²ͺ을 μ—¬μ§€κ°€ μΆ©λΆ„ν•˜λ‹€κ³  μƒκ°ν–ˆλ‹€.

2번의 경우

  • Mic πŸ”Š
  • Mic πŸ”‡

ν–‰μœ„λŠ” μ•„μ΄μ½˜, λŒ€μƒμ€ 라벨둜 λΆ„λ¦¬ν•˜μ—¬ λΉ λ₯΄κ²Œ 의미λ₯Ό νŒŒμ•…ν•  수 μžˆλ‹€λŠ” μž₯점이 μžˆλ‹€.

λŒ€μƒλ§Œ λΌλ²¨λ§ν•˜λŠ” 경우 μ•„μ΄μ½˜μ€ ν˜„μž¬ μƒνƒœλ₯Ό 보여주기 λ•Œλ¬Έμ— μ‚¬μš©μžκ°€ 덜 ν—·κ°ˆλ¦¬μ§€ μ•Šμ„ 것 κ°™μ•„ λ””μžμ΄λ„ˆμ—κ²Œ 2번의 방식을 μ œμ•ˆν–ˆκ³ , 이 방식이 μ±„νƒλ˜μ—ˆλ‹€.

κ³Όμ—° μ •λ‹΅μΌκΉŒ?

ν•˜μ§€λ§Œ 이 글을 μž‘μ„±ν•˜λŠ” μ§€κΈˆ, 2λ²ˆμ—μ„œ κ°„κ³Όν•œ 사싀이 μžˆλ‹€λŠ” 것을 κΉ¨λ‹¬μ•˜λ‹€.

λ°”λ‘œ μŠ€ν¬λ¦°λ¦¬λ” μ‚¬μš©μžμ΄λ‹€.

μ•„μ΄μ½˜ λ²„νŠΌμ„ μ‚¬μš©ν•  λ•Œ 라벨을 ν•¨κ»˜ μ œκ³΅ν•˜λŠ” 것은 λΆ„λͺ… 접근성을 κ³ λ €ν•œ κ²ƒμž„μ—λ„, 라벨만 놓고 λ³΄μ•˜μ„ λ•Œ μ‚¬μš©μžμ—κ²Œ μ–΄λ–€ κ²°μ •μ μœΌλ‘œ μœ μš©ν•œ 의미λ₯Ό 전달해주지 λͺ»ν•˜κ³ μžˆλ‹€.

μŠ€ν¬λ¦°λ¦¬λ” μ‚¬μš©μžλŠ” μ•„λ§ˆλ„ ν•΄λ‹Ή λ²„νŠΌμ„ λͺ‡λ²ˆμ”© 눌러보며 μ–Έμ œ λ§ˆμ΄ν¬κ°€ μΌœμ§€λŠ”μ§€ ν™•μΈν•˜κ²Œ 될 것이닀.

λ‹€λ₯Έ μ„œλΉ„μŠ€μ—μ„œλŠ” μ–΄λ–»κ²Œ μ‚¬μš©ν•˜κ³  μžˆμ„κΉŒ?

  1. ꡬ글 미트: 툴팁으둜 λŒ€μƒκ³Ό ν–‰μœ„λ₯Ό λͺ…μ‹œ

google-meet

  1. iPhone: Slider UI μ‚¬μš©

iphone-volumn

UI ν…μŠ€νŠΈμ˜ μ€‘μš”μ„±

이처럼 UI ν…μŠ€νŠΈμ— λŒ€ν•œ κ°€μ΄λ“œλΌμΈμ΄ μ—†κΈ° λ•Œλ¬Έμ— μ½”λ“œλ¦¬λ·° μ‹œμ— 이런 λ²ˆμ—­ ν…μŠ€νŠΈμ— λŒ€ν•΄ λ”°λ‘œ μ½”λ©˜νŠΈλ₯Ό 달지 μ•ŠμœΌλ©°, μ„œλΉ„μŠ€ μ „μ²΄μ μœΌλ‘œ μ‚¬μš©ν•˜λŠ” μš©μ–΄μ˜ ν†΅μΌμ΄λ‚˜ 보이슀, ν†€μ•€λ§€λ„ˆλŠ” λ¬Όλ‘  μ–΄μƒ‰ν•œ λ¬Έμž₯을 많이 λ°œκ²¬ν•  수 μžˆλ‹€. ν•˜μ§€λ§Œ UI ν…μŠ€νŠΈλŠ” μ‚¬μš©μžκ°€ μ„œλΉ„μŠ€λ₯Ό μ‚¬μš©ν•˜λ©΄μ„œ μ ‘ν•˜λŠ” ν™”λ©΄μ˜ λ§Žμ€ 것듀을 κ²°μ •μ§“λŠ” μ€‘μš”ν•œ μš”μ†Œμ΄λ©°, μ„œλΉ„μŠ€λ₯Ό κ΅¬μ„±ν•˜λŠ” μ½˜ν…μΈ μ˜ 거의 λŒ€λΆ€λΆ„μ΄λΌκ³ ν•΄λ„ 과언이 μ•„λ‹ˆλ‹€.

μš°λ¦¬κ°€ μ‚¬μš©ν•˜λŠ” λ§Žμ€ μ„œλΉ„μŠ€μ—μ„œ UI ν…μŠ€νŠΈλ₯Ό λͺ¨λ‘ μ§€μš΄λ‹€λ©΄ μ•„λ§ˆ κ·Έ μ„œλΉ„μŠ€λ₯Ό μ œλŒ€λ‘œ μ‚¬μš©ν•˜κΈ°λŠ” 맀우 μ–΄λ €μšΈ 것이닀. μ„œλΉ„μŠ€λ₯Ό κ°œλ°œν•˜λ‹€λ³΄λ©΄ μ΄λŸ¬ν•œ ν…μŠ€νŠΈλ“€μ„ β€˜μ–΄μ©” 수 없이 κ³ λ―Όν•΄μ•Όν•˜λŠ”β€™ μš”μ†Œλ‘œ μΉ˜λΆ€ν•˜κ²Œ λ˜λŠ” κ²½μš°κ°€ μ’…μ’… μžˆλ‹€. κ°œλ°œμ—μ„œ κ°€μž₯ μ–΄λ ΅λ‹€κ³  λ§ν•˜λŠ” β€˜λ³€μˆ˜ 이름 μ§“κΈ°β€™μ²˜λŸΌ, μ•‘μ…˜ λ²„νŠΌμ˜ μ μ ˆν•œ 라벨링은 수수께끼처럼 μ–΄λ ΅λ‹€.

ν•˜μ§€λ§Œ β€˜μ˜ˆμœ UIβ€™μœ„μ— μ–΄μ©” 수 없이 μ˜¬λΌκ°€λŠ” β€˜ν…μŠ€νŠΈβ€™λŠ” μ‚¬μš©μžκ°€ μ„œλΉ„μŠ€λ₯Ό 잘 μ‚¬μš©ν•  수 μžˆλ„λ‘ μ•ˆλ‚΄ν•˜λŠ” μ€‘μš”ν•œ μš”μ†Œμ΄λ©°, μΆ©λΆ„νžˆ κ³ λ―Όν•  κ°€μΉ˜κ°€ μžˆλ‹€κ³  μƒκ°ν•œλ‹€.

μ§€κΈˆμ€ ν”„λ‘ νŠΈμ—”λ“œ κ°œλ°œμžκ°€ μ–΄μ©” μˆ˜μ—†μ΄ 개발 도쀑 λ²ˆμ—­κΈ°λ₯Ό 돌리고 μžˆμ§€λ§Œ,

ν›—λ‚  μš°λ¦¬νŒ€μ—μ„œλ„ β€˜μ–΄λ–»κ²Œ ν•˜λ©΄ 더 쒋은 λΌμ΄νŒ…μ„ ν•  수 μžˆμ„μ§€β€™λ₯Ό κ³ λ―Όν•˜λ©° κ°€μ΄λ“œλΌμΈμ΄λ‚˜ 원칙듀을 λ§Œλ“€μ–΄κ°€λ©΄ μ’‹κ² λ‹€.

  • μ™œ κ°œλ°œμžκ°€ 이런 κ²ƒκΉŒμ§€ κ³ λ―Όν•˜λ‚˜?λΌλŠ” 생각을 ν•  μˆ˜λ„ μžˆλ‹€.
  • ν•˜μ§€λ§Œ κ°œλ°œμžλ“€μ΄ 였히렀 μ μ ˆν•˜κ³  λͺ…μΎŒν•œ UI ν…μŠ€νŠΈλ₯Ό μ œμ•ˆν•  수 μžˆλŠ” κ²½μš°λ„ 많고, UX writing νŒ€μ΄ μžˆλ”λΌλ„ 였λ₯˜ μΌ€μ΄μŠ€λ³„ μ•ˆλ‚΄ 문ꡬλ₯Ό μž‘μ„±ν•  λ•Œ κ°œλ°œμžκ°€ μ μ ˆν•œ 문ꡬλ₯Ό μ œμ•ˆν•  수 μžˆλ‹€κ³  μƒκ°ν•œλ‹€.
  • μ–΄μ¨Œλ“  μš°λ¦¬λŠ” ν•œ μ„œλΉ„μŠ€λ₯Ό 더 μ’‹κ²Œ λ§Œλ“€κΈ° μœ„ν•΄ λͺ¨μΈ μ‚¬λžŒλ“€μ΄κΈ° λ•Œλ¬Έμ—β€¦

λ‚˜μ™€ λΉ„μŠ·ν•œ 고민을 ν•œ 뢄이 μžˆμ–΄ 첨뢀해본닀.

Mute On, Mute Off? | Infragistics Blog (opens in a new tab)