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 패턴을 준비합니다.