Hacker News 의견

• Microsoft Teams의 음소거 버튼에 대한 혼란

  • Teams 앱에서 음소거 버튼은 마이크에 줄이 그어져 있음을 나타내며, 음소거가 활성화되어 있을 때 마이크가 꺼져 있음을 의미함.
  • 전화 앱에서는 같은 아이콘이 음소거가 아님을 나타내며, 배경색이 채워진 상태로 변경되어 음소거 상태를 표시함.
  • 버튼이 현재 상태를 나타내는 데는 문제가 없지만, 상태가 바뀌었을 때의 모습을 알아야 함.
  • 이러한 혼란은 '플랫 UI' 디자인에서 실제 세계의 참조 없이 디자인 요소를 파악하는 과정에서 발생하는 문제일 수 있음.

• 테슬라 차량 UI의 일관성 없는 토글 버튼 문제

  • HVAC 시스템의 버튼은 터치 방식과 지속 시간에 따라 다르게 반응함.
  • 운전 중에 화면을 잠깐 볼 수밖에 없는 상황에서 미세한 터치 오류로 인해 의도치 않은 조작이 발생할 수 있음.
  • 테슬라의 블루투스 연결 UI는 매우 혼란스러운 디자인으로, 운전 중에는 더욱 문제가 됨.

• NASA의 푸시 버튼 스위치의 상태 피드백 메커니즘

  • 스위치가 꺼져 있을 때는 모든 불이 꺼져 있고, 스위치를 누르면 노란색 불이 켜지며, 실제로 원하는 장치가 켜지면 노란색 불이 꺼지고 녹색 불이 켜짐.
  • 이는 스위치를 눌렀을 때의 확인과 실제 작동의 확인을 제공함.

• 체크박스의 사라짐에 대한 아쉬움

  • 체크박스는 완벽하고 모호함이 없었지만, 스마트폰 디자이너들이 선호하지 않았음.

• 테슬라 대시보드 스크린 UI의 혼란스러운 디자인

  • 'Open'이라고 표시된 라벨은 해당 부분이 열려 있음을 명확하게 나타내지만, 실제로는 부품을 여는 버튼임을 사용자가 알 수 없음.

• 토글 버튼의 문제점과 해결 방안

  • 토글 버튼은 시스템의 상태와 그 상태를 변경하는 동작을 동시에 포함하고 있어 혼란을 줄 수 있음.
  • 현재 상태를 나타내는 'ON'이 실제로는 'OFF'로 바꾸는 동작을 의미할 수 있음.
  • 상태와 동작을 분리하는 것이 해결책이며, 버튼 외부에 라벨을 쓰거나 아이콘을 그대로 두고 버튼의 다른 속성을 변경하는 방법이 있음.

• 토글 버튼의 비동기성 문제

  • 버튼을 눌렀을 때 시스템 상태가 즉시 변경되지 않을 수 있어, 원하는 상태로 확실히 변경하기 위해 여러 번 누를 필요가 있음.
  • 각 상태에 대한 별도의 버튼이 있으면 여러 번 눌러도 문제가 없음.

• 애플의 슬라이더 토글 디자인의 장점

  • 애플의 슬라이더 토글은 현재 상태와 변경될 상태를 명확하게 보여줌.
  • 활성화된 기능은 파란색 배경, 비활성화된 기능은 회색 배경으로 구분됨.

• 토글 버튼의 현재 상태와 변경될 상태의 명확한 표시 필요성

  • 현재 상태가 무엇인지, 토글을 변경했을 때 어떤 상태로 바뀔지 명확해야 함.
  • 재생/일시정지 버튼은 물리적 선행 사례를 따르며, 미디어 재생 여부가 명확하기 때문에 아이콘이 변경되지 않아도 사용자가 이해할 수 있음.
  • 토글의 색상을 약간 변경하는 것은 도움이 되지 않으며, 라벨이 필요함.