GH GambleHub

AR 인터페이스 및 확장 레이어

1) AR 및 "확장 레이어"

증강 현실 (AR) - 실제 세계에서 디지털 컨텐츠의 실시간 중첩.

확장 계층 (AR 계층) -카메라/장면 위의 논리 수준: 주석, 탐색, 3D 객체, 힌트, 분석, 시스템 상태. 그들은 무엇을 보여줄 것인지, 우주에서 어디에 있는지, 어떻게 상호 작용하고 언제 숨길 것인지를 제어합니다

AR-UX의 주요 목표는 현실을 "대체" 하는 것이 아니라 환경에 의미를 더하는 것입니다. 각 계층은 사용자 질문에 대답해야합니다. "이것은 무엇입니까? 어디에 있습니까? 다음은 무엇입니까? "

2) AR을 사용하는 곳

탐색 및 방향: 방향 표시기, 지상의 화살표, 입력 조명.
상황 교육/힌트: "중첩 된" 명령, 단계별 편집/사용자 정의.
케이스 및 피팅 표시: 1:1 크기의 객체 시각화 (가구, 장치).
게임 및 퀘스트: 앵커 객체, 미션, 위치의 전리품.
서비스/검사: 위험 영역 식별, 장비 위의 점검표.
마케팅/이벤트: AR 배너, 실제 AR 쿠폰.

iGaming 사례의 경우-주의: AR을 게임 플레이 (규정 준수/책임 플레이) 에 영향을 미치지 않고 탐색 및 시각적 신호로 사용하십시오.

3) 확장 계층 분류

1. 주석 계층 (서명/레이블): 이름, 상태, 가격/링크.
2. 안내 레이어 (탐색): 화살, 트랙, 공간의 "빵 부스러기", 광선 팁.
3. 객체 계층 (3D 객체/아바타): 물리, 앵커, LOD 설정이있는 모델.
4. 상호 작용 계층: 그립, 핫스팟, 방사형 메뉴 변환.
5. 시스템 계층 (서비스): 교정, 추적 품질, 조명/계획 상태.
6. 안전 계층: 경계, 충돌 방지, 산란 구역.

레이어는 컴포지션으로 설계되었습니다. 시스템은 항의에 대한 지침의 우선 순위를 일시적으로 증가시킬 수 있습니다 (예: 탐색 할 때).

4) 공간 기준: 앵커, 스케일, 폐색, 빛

앵커:
  • 평면 (바닥, 표), 등각 (표면), 물체 (인식 가능한 모양), 지리 앵커 (좌표).
  • 추적 상태 보이기: 불안정한 → 안정 (투명도/아이콘 변경).
  • 스케일: 항상 실제 (1:1) 부터 시작하거나 스케일을 명시 적으로 표시하십시오 (룰러/그림자).
  • 폐쇄: 설득력있는 AR은 실제 객체 (깊이/사람 폐쇄) 와 올바른 "겹침" 이 필요합니다. 그렇지 않은 경우 부드러운 그림자와 "오라 언더 레이" 를 사용하여 장면에서 객체를 "앉아" 만듭니다.
  • 조명과 그림자: 실제 조명, 그림자-부드럽고 평면에 묶여 있습니다.
  • 안정성: "바운스" - 부드러운 앵커 자세 (필터, 관성) 를 피하십시오.

5) 상호 작용: 제스처, 모양, 음성, 합성

모바일 AR

제스처: 탭 (선택), 드래그 (평면을 따라 이동), 핀치 (스케일), 트위스트 (회전), 롱 프레스 (메뉴).
도우미: 레이 커서, 모서리/모서리에 "끈적 끈적한" 바인딩.
Haptika: 앵커/도킹을 수리 할 때 가벼운 진드기.

헤드셋/공간

보기/커서 + 핀치/에어 탭 제스처.
음성: 짧은 명령 ("핀", "쇼 경로", "재설정").
공간 버튼: 사용자에게 "빌딩" 이있는 거리와 동등한 크기의 최소 44 × 44 px.

규칙: 중요한 단계에서 중복 입력 (제스처 + 버튼 + 음성).

6) 정보 및 시각적 계층 구조

AR 레이어의 황금 규칙: UI 최소, 컨텍스트 최대.
장면을 읽으십시오: 사용자가 빠르게 움직이면 주석 밀도를 줄이고 탐색 대비를 높이십시오.
프레이밍: 화면에서 시각적 우선 순위가 높은 3-5 개 이하의 객체를 유지하십시오.
읽기 거리: 큰 텍스트 2-3 m, 작음-0보다 가깝지 않습니다. 5m; 가독성을 위해 항상 "다이" 를 사용하십시오.
전환: 시야를 떠날 때 부드러운 외관/사라짐 (120-200ms), 평면에 "고착".

7) AR 상태 및 피드백

교정: "비행기를 찾으십시오... 천천히 카메라를 이끈다. "진행 상황/힌트 표시.
앵커 정당화/강화: 표면 발견, 앵커 고정.
추적 오류: "조명/카메라가 충분하지 않음/너무 가깝습니다. "제안 된 행동:" 백라이트를 켜십시오 "," 50cm 후퇴 ".
성공: 가벼운 합성 + 녹색 표시기.
3D 로딩/스트리밍: 스켈레톤 컨테이너/간단한 프록시 양식, 진행%.

8) 접근성 (A11y) 및 편안함

큰 상호 작용 목표, 다이와 텍스트의 높은 대비.
입력 대안: 화면의 버튼, 음성, 단순화 된 위치 사전 설정.
모션 병 감소: 부드러운 카메라 움직임, 시차 제한, '모션 감소' 에 대한 존중.
상태 표명: "앵커 고정", "경로 업데이트".
인지 부하의 제한: 한 번에 하나 이상의 복잡한 행동; 초점 모드 (사소한 레이어 억제).

9) 현지화 및 다중 지역

i18n 키의 텍스트; DE/TR의 길이 마진.
단위 및 통화-로컬 (m, cm; UAH, EUR).
가변 제스처 및 음성: 로컬 명령/발음을 고려하십시오.
"빌딩" 바로 가기-사용자에게 RTL 정렬 옵션.

10) 기밀 유지, 보안, 준수

카메라 = 개인 데이터. 캡처, 스토리지, TTL의 목적을 설명하십시오.
기기 내 기본 처리; 로깅 할 때 얼굴/숫자를 마스킹합니다.
기록 없음 모드: 비디오/프레임 저장을 비활성화합니다.

안전 구역: 문/계단에서 물체를 굴리지 마십시오. 근처 교통에 대해 경고하십시

iGaming 마케팅: AR 요소를 제한된 위치 (법률/연령) 에 배치하지 마십시오.

11) 성능과 품질

장면 예산: 삼각형, 질감 (크기/형식), 통화 그리기; LOD/사기꾼.

조명: 구운/가짜 그림자; 값 비싼 다이나믹 소스를 피하

네트워크: 프로그레시브 3D 로딩 (GLB/DRACO/meshopt), 캐싱.
배터리/열: FPS를 안정적으로 유지하십시오. 과열시 재생률/품질을 줄입니다.
진단: 추적 표시기, FPS 오버레이 (개발), 앵커 로그.

12) AR 레이어의 레이아웃 패턴

12. 1 실내 내비게이션

지도: 바닥의 화살, "빵 부스러기" -3-5m마다 표시됩니다.
의미: 목표 이름, 거리 및 시간.
안전: 계단/폐쇄 구역에 대한 경고.
상호 작용: 레이블 → 세부 사항/대체 경로에서 제스처를 누릅니다.

12. 2 훈련 오버레이 (교육)

객체: 설치 장소에서 공구/부분의 3D 그림자.
안내 단계 1/3 영역 강조.
상호 작용: "다음/뒤", 음성 "완료".
피드백: "올바르게 설치", haptic + green ring.

12. 3 피팅/시각화 1:1

앵커: 그림자가있는 바닥/테이블 → "착륙" 을 검색하십시오.
컨트롤: 스케일/회전 그립, 10cm 그리드, 벽에 스냅.
A11y: 초기 위치 버튼, 더 가볍게 만드십시오.
Perf: 낮은 들판, 교체 가능한 재료.

13) AR-UX 메트릭

앵커 성공률, 앵커 시간.
배치 정확도.
작업 성공/작업 시간 스크립트.
안정성 점수 (드리프트/" 바운스 ").
교정/로딩 단계에서 드롭 오프.
메스꺼움/편안함 점수 (설문 조사), 멀미 불만.
배터리 드레인/세션 길이.

A/B 아이디어: 교정 중 팁 유형, 화살 모양, 다이의 대비, 그림자가없는 그림자.

14) "실제" 테스트

현장: 사용 위치 (빛, 질감, 소음) 를 테스트하십시오.
장치의 범위: 약한/강력하고 다른 카메라/시야.
가변 장면: 광택 표면 대 거친; 밝은 태양 대 황혼.
가장자리 케이스: 거울/유리, 반복 패턴 (카펫), 좁은 복도.
사각 지대: 부분 평면 감지, 음각, 활발한 걷기.

15) 반 패턴

"UI-clutter": 각 객체의 레이블 → 과부하.
추적 및 교정 상태가 없습니다 (사용자는 "떨림" 이 무엇인지 이해하지 못함).
기판이없는 마이크로 크리프트 2-3m (읽을 수없는).
앵커를 잃어 버렸을 때 물체의 날카로운 순간 이동.
버튼/음성 대안이없는 복잡한 제스처.
AR 레이어에 정지/숨기지 않습니다.
카메라 개인 정보 보호 및 위치 법을 무시합니다.

16) 점검표

현장이 출시되기 전에

  • 앵커링은 안정적입니다. 추적 상태를 보여줍니다.
  • 우리는 2-3m에서 텍스트를 읽습니다. 다이/폐색/그림자가 있습니다.
  • 컨트롤: 탭/드래그/핀치/회전 + 대체 (버튼/음성).
  • 안전 영역 및 산란 영역이 구성됩니다.
  • A11y: 큰 대상, 높은 대비, '모션 감소' 고려.
  • 현지화와 단위가 정확합니다.
  • Perf: LOD, 압축 텍스처, 안정적인 FPS.
  • 개인 정보 보호/로그: 동의, 마스킹, TTL.

UX 진단

  • 일반적인 장면에서 정확히 5 초.
  • 앵커 성공은 정상적인 빛에서 90% 이상입니다.
  • 교정시 드롭 오프
  • 모션 병 불만 <5%.

17) AR의 내용 및 현미경에 대한 미니 가이드

교정: "표면을 찾기 위해 카메라를 부드럽게 움직입니다".
참조: "표면이 발견되었습니다. 물체를 설정하려면 탭하십시오.

제스처 힌트: "손가락을 모아서 줄이십시오. 두 손가락을 펼치십시오. "

탐색: "라벨로 이동하십시오. 12m 가십시오. "

오류: "빛이 충분하지 않습니다. 백라이트를 켜거나 창문으로 가십시오.
종료: "AR 레이어 숨기기 "/" 카메라로 돌아 가기".

18) AR 설계 시스템 (표준 DS 확장)

AR 토큰 및 패턴 섹션을 추가하십시오:
  • '스케일. minReadableDistance ',' 라벨. 백 플레이트. 불투명도 ',' 그림자. 부드러움 ',' 앵커. SnapThreshold ',' 폐색. 활성화되었습니다. '
  • 구성 요소: ARBadge, ARLabel, ARHandle, ARIndicator, ARPathNode.
  • 패턴: ARPlacement, ARNavigation, ARInstruction.
  • 문서: 교정 가이드, 제스처, 추적 상태, 마이크로 카피 예.

19) 예 전/후

상태가없는 탐색 → 상태

이전: 화살표가 "떨림" 되면 사용자가 손실됩니다.
이후: "나쁜 추적" 표시기 + "느린" 조언, 화살표는 밀도를 줄이고 트레일 라인이 나타납니다.

그림자가없는 피팅 → 그림자와 격자

이전: 객체가 "급증" 하면 스케일을 이해할 수 없습니다.
애프터: 부드러운 그림자, 10cm 격자, 벽 → 사실감과 자신감.

과부하 텍스트 → 읽을 수있는 다이

최대: 2m에서 다른 색상의 6 가지 주석.
이후: 2-3 키는 배경과 아이콘으로 죽고 나머지는 요청시 죽습니다.

20) 빠른 시작 (구현 계획)

1. 시나리오 → 계층: AR이 결정하는 것을 정의하십시오 (탐색? 지시? 피팅?).
2. 프로토 타입 (중간 Fi → AR-proto): 잘못된 3D/비디오 오버레이 → 조기 점검.
3. 모델/내용: 3D 최적화 (Polygons/Textures/LOD).
4. 교정/앵커: "아름다움" 이전의 안정성.
5. 현장 테스트: 빛/표면/운동.
6. 보안/개인 정보 보호: 체크리스트 및 정책.
7. 측정 및 원격 측정: 앵커, 안정성, 작업 성공.
8. 반복/출시: 장치 및 장면별 카나리아 출시.

최종 치트 시트

UI 이전의 컨텍스트: 원하는 레이어 만 표시하십시오.
안정적인 앵커, 실제 규모, 그림자 및 폐색은 신뢰의 기초입니다.
다중 입력: 제스처 + 버튼 + 음성, 명시 적 상태.
편안함과 A11y: 큰 목표, 높은 대비, 덜 움직입니다.
카메라 및 안전 구역 프라이버시가 기본입니다.
측정 앵커 및 안정성, 실제 조건에서 테스트, 컨텐츠 최적화.

필요합니다-설계 시스템에 대한 마이크로 코피, AR 토큰 및 체크리스트로 시나리오 (실내 내비게이션, 교육 오버레이, 1:1 적합) 를위한 AR 패턴을 준비합니다.

Contact

문의하기

질문이나 지원이 필요하시면 언제든지 연락하십시오.우리는 항상 도울 준비가 되어 있습니다!

Telegram
@Gamble_GC
통합 시작

Email — 필수. Telegram 또는 WhatsApp — 선택 사항.

이름 선택 사항
Email 선택 사항
제목 선택 사항
메시지 선택 사항
Telegram 선택 사항
@
Telegram을 입력하시면 Email과 함께 Telegram에서도 답변드립니다.
WhatsApp 선택 사항
형식: +국가 코드 + 번호 (예: +82XXXXXXXXX).

버튼을 클릭하면 데이터 처리에 동의하는 것으로 간주됩니다.