단추

단추

단추는 혼합 현실에서 가장 기초적이고 중요한 UI 요소 중 하나입니다. 이를 통해 사용자는 즉각적인 작업을 트리거할 수 있습니다. 혼합 현실에는 물리적 피드백이 없으므로 사용자의 상호 작용 신뢰도를 높이기 위해 충분한 시각적 및 오디오 피드백을 제공하는 것이 중요합니다.

HoloLens 2 단추 디자인에서는 많은 디자인 반복, 프로토타입 및 사용자 연구 연구를 기반으로 하여 빈 공간에서 사용자의 깊이 인식 및 상호 작용에 도움이 되는 여러 시각적 어퍼런스와 오디오 큐를 통합했습니다.

시각적 어시런스

근접 조명 효과가 표시된 단추
근접 조명

포커스 강조 표시 효과가 표시된 단추 선택
포커스 강조 표시

압축 케이지 효과가 표시된 단추 누르기
케이지 압축

트리거 펄스 효과가 표시된 단추 누르기
트리거의 펄스


오디오 신호

적절한 오디오 피드백은 사용자 환경을 크게 향상시킬 수 있습니다. HoloLens 2 단추는 다음 신호를 전달하는 오디오 피드백을 제공합니다.

  • 접촉 시작: 터치가 시작될 때 소리 재생(가까운 상호 작용)
  • 접촉 끝: 터치 엔드에서 소리 재생(가까운 상호 작용)
  • 핀치 시작: 손가락 모으기 선택에서 소리 재생(응시 또는 광선과의 원거리 상호 작용)
  • 핀치 끝: 핀치 릴리스에서 소리 재생(응시 또는 광선과의 원거리 상호 작용)


음성 명령

혼합 현실의 모든 단추의 경우 대체 상호 작용 옵션을 지원하는 것이 중요합니다. 기본적으로 모든 단추에 대해 음성 명령을 지원하는 것이 좋습니다. HoloLens 2 단추 디자인에서는 검색 가능성을 개선하기 위해 가리키기 상태 중에 도구 설명을 제공합니다.

음성 입력
이미지: 음성 명령에 대한 도구 설명



크기 조정 권장 사항

상호 작용 가능한 모든 개체를 쉽게 터치할 수 있도록 하려면 상호 작용 가능 개체가 사용자로부터의 거리에 따라 최소 크기를 충족하는지 확인하는 것이 좋습니다. 시각적 각도는 종종 시각적 호 각도로 측정됩니다. 시각적 각도는 사용자의 눈과 개체 사이의 거리를 기반으로 하며 일정하게 유지되지만, 사용자와의 거리가 변경되면 대상의 실제 크기가 변경될 수 있습니다. 사용자와의 거리를 기준으로 개체의 필요한 물리적 크기를 확인하려면 것과 같은 시각적 각도 계산기를 사용해 보세요.

다음은 상호 작용 가능한 콘텐츠의 최소 크기에 대한 권장 사항입니다.

직접 손 상호 작용을 위한 대상 크기

거리 시야각 크기
45cm 2°보다 작지 않음 1.6 x 1.6 cm

직접 손 상호 작용을 위한 대상 크기
직접 손 상호 작용을 위한 대상 크기


단추의 대상 크기

직접 상호 작용을 위한 단추를 만들 때 아이콘과 일부 텍스트를 포함할 수 있는 충분한 공간이 있는지 확인하려면 최소 크기가 3.2 x 3.2 cm인 것이 좋습니다.

거리 최소 크기
45cm 3.2 x 3.2 cm

단추의 대상 크기
단추의 대상 크기


손 광선 또는 응시 상호 작용의 대상 크기

거리 시야각 크기
2 m 1°보다 작지 않음 3.5 x 3.5 cm

손 광선 또는 응시 상호 작용의 대상 크기
손 광선 또는 응시 상호 작용의 대상 크기



디자인 지침

투명한 백플레이트 방지

단추가 있는 메뉴 UI를 디자인할 때는 불투명 백플레이트 를 사용하는 것이 좋습니다. 다음과 같은 이유로 투명한 백플레이트는 권장되지 않습니다.

  • 이벤트를 트리거하기 위해 단추를 얼마나 눌려야 하는지 이해하기 어렵기 때문에 상호 작용하기 어렵습니다.
  • 복잡한 물리적 환경의 가독성 문제
  • 투명 플레이트를 통해 표시되는 홀로그램은 깊이 LSR 안정화 기술과 함께 사용할 때 수영 효과 문제를 표시할 수 있습니다.

홀로 그램 디스플레이에 대한 색 선택 및 지침에 대한 자세한 내용은 홀로그램 디스플레이용 콘텐츠 디자인을 참조하세요.

투명한 UI 예제투명 UI 백플레이트 예제


공유 백플레이트 사용

여러 단추의 경우 개별 단추의 백플레이트 대신 공유 백플레이트 를 사용하는 것이 좋습니다.

  • 시각적 노이즈 및 복잡성 감소
  • 그룹화 지우기

공유 백플레이트 예제공유 UI 백플레이트 예제



MRTK의 단추(Mixed Reality 도구 키트)

Unity용 MRTKUnreal용 MRTK는 HoloLens 2 스타일 단추를 포함하여 다양한 유형의 단추 프리팹을 제공합니다. HoloLens 2 단추 구성 요소에는 이 페이지에 도입된 모든 시각적 피드백 및 상호 작용 세부 정보가 포함되어 있습니다. 이를 사용하면 디자이너, 개발자, 연구원이 수행한 많은 디자인 반복 및 사용자 연구의 결과를 활용할 수 있습니다.

자세한 지침 및 사용자 지정된 예제는 MRTK - 단추를 확인하세요.



추가 정보