단추

크기 조정 권장 사항

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

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

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

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

단추의 대상 크기

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

단추의 대상 크기

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

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

디자인 지침

투명한 백플레이트 방지

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

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

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

투명 UI 백플레이트 예

공유 백플레이트 사용

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

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

공유 UI 백플레이트 예

MRTK의 단추(Mixed Reality Toolkit)

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

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

참고 항목

• 커서
• 손 광선
• Button
• 상호 작용 가능한 개체
• 경계 상자 및 앱 바
• 조작
• 손 메뉴
• Near 메뉴
• 개체 컬렉션
• 음성 명령
• 키보드
• Tooltip
• 슬레이트
• 슬라이더
• 셰이더
• 빌보딩 및 태그얼롱
• 진행률 표시
• 표면 자성

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

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

시각적 어세서

오디오 큐

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

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