UI 요소

실제 공간과 가상 공간을 시각적으로 혼합하는 것을 목표로 하는 몰입형 환경을 위한 UI 구성요소를 디자인합니다.

빌드 중인 몰입도 높은 환경에 매끄럽게 잘 어울리는 시각적으로 깔끔한 UI를 만듭니다.

인터페이스

몰입도 높고 사용하기 쉬운 세상을 만드세요

사용자를 방해하지 않고 몰입도를 높이세요.

가능한 한 AR 세상을 방해합니다. 사용자를 환경에 참여시킨 다음 중간에 멈춥니다.

사용자가 명시적으로 선택하지 않는 한 팝업 및 전체 화면 전면 광고는 사용하지 않습니다. 버튼, 2D 알림, 알림은 주변에서 만드는 3D 세상에 방해가 될 수 있습니다. 대신 사용자가 장면 자체에 집중할 수 있도록 하세요.

또한 영구적인 2D 오버레이는 사용자의 몰입을 방해할 수 있습니다. 시청자가 보고 있는 세상이 진짜가 아님을 꾸준히 상기시켜 줍니다.

갑작스러운 팝업 및 빠른 전환은 몰입형 AR 환경을 방해할 수 있습니다.

사용자가 의미를 생각하지 않아도 되도록 간단하게 설정할 수 있도록 함

사용자가 AR 경험 자체에 집중할 수 있도록 하는 것이 좋습니다. 하지만 앱에 화면 컨트롤이 있어야 하는 경우도 있습니다.

이러한 경우 컨트롤을 최대한 간단하게 만드세요. 사용자가 보지 않고도 작업을 트리거할 수 있는 것이 이상적입니다. 휴대전화의 카메라 버튼을 생각해 보세요. 크기가 크고 라벨이 지정되지 않아서 신경쓰지 않고 탭할 수 있습니다.

경험의 연속성을 유지합니다. 사용자가 장면에서 너무 자주 나가지 않도록 하세요. 예를 들어 사용자가 AR 객체를 선택, 맞춤설정 또는 공유해야 하는 경우 AR을 종료하지 않고 작업을 할 수 있는 방법을 알아내야 합니다.

온보딩 및 안내

환경 내에서 온보딩 흐름 제공

사용자가 AR을 빠르게 실행할 수 있도록 합니다. 튜토리얼을 기본 경험 흐름의 일부로 만드세요. 사용자에게 모든 주요 작업이나 메커니즘을 한 번에 가르치지 마세요.

그보다는 게임에 표시되는 이러한 작업을 수행하는 방법을 보여주세요. 사용자는 정보가 넘쳐나지 않으며, 유용한 안내와 팁을 작업에 바로 연결할 수 있습니다.

사용자를 시각적으로 안내

시각적 신호, 모션, 애니메이션을 함께 활용하여 사용자에게 정보를 전달하세요. 인앱 환경을 가능한 한 많이 묘사하고 사용합니다. 텍스트 안내는 사용자가 환경에서 벗어나 어떻게 해야 할지 기억하기 어렵게 만들 수 있습니다.

예를 들어 사용자가 스와이프하게 하려면 '스와이프'라는 단어를 표시하기보다는 화살표나 손 모양 아이콘을 제공하세요.

익숙한 UI 패턴 사용

사용자가 얻은 지식을 활용하세요. 탭이나 드래그와 같은 특정 작업에 관한 표준 UX 상호작용 모델이 있다면 그것을 사용하세요. 사용자에게 간단한 작업을 실행하는 완전히 새로운 방법을 가르칠 필요는 없으며 환경의 중요한 부분을 바로 살펴볼 수 있습니다.

가로 모드 및 세로 모드

세로 모드와 가로 모드를 모두 지원합니다. 이렇게 할 수 없는 경우 현재 경험에 가장 적합한 방법을 선택하세요.

두 모드를 모두 지원하면 더 몰입도 높은 환경을 만들 수 있고 사용자 편의성이 향상됩니다.

각 모드의 카메라와 버튼 위치를 고려하세요. 각 모드에서 카메라 위치가 깊이 감지, 공간 인지, 정확한 표면 측정에 미치는 영향을 주의 깊게 살펴보세요.

UI를 회전하고 카메라 피드가 잘리지 않도록 합니다.

오류

사용자가 실수와 실수로부터 쉽게 복구할 수 있도록 지원합니다.

오류가 시스템에서 발생했든 사용자 때문이든 상관없이 해당 환경으로 쉽게 돌아갈 수 있도록 하세요. 시각적 신호, 애니메이션, 텍스트를 조합하여 명확한 해결 방법을 제시합니다.

특히 향후 같은 오류를 방지하는 데 도움이 된다면 무엇이 잘못되었는지 알릴 수 있습니다. 사용자를 비난하지 마세요. 사용자가 올바른 액션을 취하도록 유도하는 데 집중하세요.

샘플 오류 상태에는 다음이 포함될 수 있습니다.

  • 카메라 이미지 없음: Android 12 (API 수준 31) 이상에서는 시스템 설정에서 '카메라 차단'이 사용 안함으로 설정되어 있는지 확인합니다.
  • 어두운 환경: 너무 어두워서 스캔할 수 없습니다. 조명을 켜거나 조명이 밝은 곳으로 이동해 보세요
  • 사용자의 기기가 너무 빨리 이동함: 기기가 너무 빨리 움직입니다. 더 천천히 움직이세요.
  • 사용자가 카메라 센서를 차단하는 중: 센서가 차단된 것 같습니다. 손가락을 움직이거나 기기의 위치를 조정해 보세요.

권한

앱에 특정 권한이 필요한 이유를 사용자에게 명확하게 알립니다.

사용자가 해당 환경을 계속 진행하는 데 필요한 경우에만 권한을 요청하세요.

각 권한의 관련성과 이점을 명확하게 설명합니다. 예를 들어 AR이 작동하려면 앱에서 카메라에 액세스해야 하거나 멀티플레이어 환경에서 사용자의 위치에 액세스해야 하는 경우 사용자에게 알립니다.