가상 현실을 모바일 앱 프로토타이핑에 적용하는 방법
게시 됨: 2018-02-25프로토타입이 최종 제품과 가까울수록 더 좋습니다.
90년대에는 가상 현실이 세상을 바꿀 예정이었습니다. The Lawnmower Man , The Matrix , Existenz 와 같은 영화는 가상 현실을 거의 초자연적인 힘으로, 위험으로 가득 찬 대체 세계와 정상적인 인간의 능력을 초월하는 힘으로 이미지를 만들었습니다. Nintendo Virtual Boy 및 Sega VR Headset과 같은 초기 소비자 등급 VR 도구도 있었습니다.
그리고는 모든 것이 사라지는 것 같았습니다.
여러 면에서 그 초창기는 VR의 어린 시절과 같았습니다. 우리는 큰 꿈(그리고 두려움)을 가졌고 그것이 어떻게 작동할 것인지, 그리고 그것이 실제로 무엇에 좋은지에 대한 꽤 막연한 아이디어를 가졌습니다. VR 도구는 조잡하고 비쌌으며 세상은 준비되지 않았습니다. 그것은 단지 기술의 문제가 아니었습니다. 우리는 직관적인 UI를 개발하는 방법을 이제 막 이해하기 시작했습니다(UX 디자인은 아직 초기 단계에 있었습니다).
그러나 이제 준비가 되었습니다.
VR은 지난 몇 년 동안 폭발적으로 증가했습니다. 15달러짜리 Google Cardboard 디스플레이를 사용하여 휴대전화를 VR 도구로 바꾸거나 몇 가지 기본 공예 도구를 사용하여 직접 할 수도 있습니다. Oculus Rift 또는 HTC Vive와 같은 강력한 몰입형 헤드셋도 고급형 Apple MacBook보다 저렴합니다.
그리고 90년대와 달리 소비자 수요는 엄청납니다. Zion Market Research에 따르면 세계 가상 현실 시장은 2022년까지 54.01%의 놀라운 복합 연간 성장률로 계속 확장되어 268억 9,000만 달러의 가치에 도달할 것입니다. 또 다른 연구에 따르면 Google Play와 App Store에서 VR 앱 다운로드가 2016년에 276% 증가했습니다.
그러나 개발자와 디자이너에게는 아직 초기 단계입니다. 많은 SDK와 디자인 도구가 있지만 코드를 자세히 살펴보지 않고 기능적인 가상 현실 프로토타입을 만들고자 하는 모바일 앱 디자이너에게는 VR 구성 요소 라이브러리가 있기 전까지 그다지 많지 않았습니다.
모바일 가상 현실 앱의 현재 위치
가상 현실을 수행하는 두 가지 기본 방법이 있습니다. 3개 또는 6개의 자유도가 있습니다. 3자유도는 현재 Android 및 기타 모바일 장치의 가상 현실이 작동하는 방식입니다. 사용자는 어떤 방향으로든 볼 수 있고 자신이 서 있는 가상 공간의 물체와 상호 작용할 수 있습니다. 일부 전용 VR 컨트롤러는 6개의 자유도를 허용합니다. 즉, 앱은 방에서 사용자의 움직임을 추적할 수도 있어 상호 작용에 사실감을 더할 수 있습니다. 가상 공간.
스마트 폰은 왜 6도를 할 수 없습니까? 휴대전화는 방향 변화를 잘 추적하지만 물리적 공간의 움직임을 그렇게 정확하게 추적할 수는 없습니다. 사실, 현재 VR 컨트롤러는 6도 VR을 달성하기 위해 외부 센서가 있는 전용 공간과 처리를 처리할 외부 장치가 필요합니다.
대부분의 모바일 앱 프로토타이핑은 몇 가지 이유로 3단계에 중점을 둡니다.
- 널리 사용 가능하므로 훨씬 더 큰 시장이 있습니다.
- 컴퓨터에 연결된 특별히 구성된 방뿐만 아니라 어디서나 할 수 있습니다.
- 그것을 사용하거나 테스트하기 위해 특별한(그리고 값비싼) 장비가 필요하지 않습니다.
가상 현실이 어떻게 발전할지 정확히 말하기는 어렵지만 6도는 VR에서 좁은 틈새로 남을 가능성이 큽니다. VR의 좋은 점 중 하나는 물리적 환경의 제약을 피할 수 있다는 점입니다. 전체 가상 공간을 구성해야 하는 경우 이점을 잃게 됩니다.
가상 현실 앱 개발
프로토타입이 최종 제품과 가까울수록 좋습니다. 단순히 제품이 완전히 개발되었을 때 제품을 변경하는 비용이 프로토타입을 변경하는 것보다 훨씬 높기 때문입니다. 앱의 프로토타입은 앱의 기능, UI 및 사용자 경험을 최대한 가깝게 시뮬레이션해야 합니다. 그렇게 하면 앱이 준비되었을 때 사용자와 함께 테스트했을 때 얻을 수 있는 피드백이 기대했던 것에 더 가깝습니다.
당신을 위해 추천 된:
메타버스가 인도 자동차 산업을 어떻게 변화시킬 것인가?
인도 스타트업에 대한 반 영리 조항은 무엇을 의미합니까?
Edtech Startup이 인도 인력의 기술 향상 및 미래 준비를 돕는 방법...
이번 주 새로운 시대의 기술 주식: Zomato의 문제는 계속되고 EaseMyTrip은 Str...
인도 스타트업, 자금 조달을 위해 지름길 선택
디지털 마케팅 플랫폼 Logicserve, INR 80 Cr 자금 지원, LS Dig...
그렇긴 하지만 UI 라이브러리는 Android 또는 iOS용으로 최신 상태여야 합니다. 스마트폰을 컨트롤러로만 사용하는 경우에도 앱과 복잡한 방식으로 상호 작용할 수 있도록 시선 제어에 대한 지원이 필요합니다. 상호 작용과 애니메이션도 마찬가지로 훌륭해야 하므로 프로토타입에서 디자인 요소를 고정할 수 있습니다.
많은 면에서 가상 현실 프로토타이핑 도구를 올바르게 만드는 것이 훨씬 더 중요합니다. 우선, 모바일 앱 프로토타이핑에 적용되는 시도되고 진정한 디자인 규칙에 의존할 수 없습니다. Android 화면에서 멋지게 보일 수 있는 간단한 인터페이스가 360°와 작업할 3개의 축이 있을 때 반드시 번역되는 것은 아닙니다. 가상 현실 앱이 스큐어모피즘 대 머티리얼 디자인 논쟁을 불러일으킬 것이며 모범 사례도 바뀔 것입니다.
또한 본능과 대략적인 스케치로 돌아갈 수 없습니다. 작동 방식을 최대한 자세하게 시뮬레이션해야 최종 제품을 만드는 데 시간을 투자하기 전에 바로 얻을 수 있습니다.
또한 그래픽이 풍부하고 몰입형 환경을 만드는 것은 일반적으로 모바일 앱 프로토타이핑보다 훨씬 더 중요합니다. 사용자에게 화면을 얼굴에 고정할 것을 요청하는 것은 불편합니다. 사용자는 동일한 작업을 수행하지만 이제는 공간에 떠 있는 똑같은 버튼보다 더 많은 것을 얻을 수 있어야 합니다.
가상 현실을 흥미롭게 만드는 많은 요소는 상호 작용과 마이크로 상호 작용에 달려 있습니다. 물체가 평면 스크린에 빛나거나 그림자를 드리우면 이는 효과일 뿐입니다. 다른 디자인 요소와 상호 작용할 수 있지만 여전히 사용자에게서 어느 정도 제거됩니다. 가상 현실에서 사용자는 실제로 광원과 상호 작용할 수 있습니다. 거리를 사용하여 우선 순위를 표시하거나 사용자가 다른 작업을 완료하기 위해 다른 방향을 보도록 할 수 있습니다.
이는 혁신적인 디자이너가 진정으로 새로운 방식으로 사용자를 즐겁게 할 수 있는 기회를 제공합니다. 실제 시뮬레이션된 스포트라이트를 사용하여 중요한 작업을 강조 표시하거나 사용자의 기분 또는 특정 작업의 특성에 반응하도록 방의 디자인을 변경할 수 있습니다. 애니메이션 요소가 흔들려 긴박감을 주거나 사용자를 향해 움직여 새로운 정보에 주의를 끌 수 있습니다.
그러나 사용자 컨트롤을 프로토타이핑하지 않고는 이러한 요소를 함께 테스트할 수 없습니다. 화면과 상호 작용할 때 직관적인 사용자 흐름처럼 보일 수 있는 것이 사용자가 시선으로 모든 것을 제어할 때 절대 악몽일 수 있습니다. 사용자가 환경과 상호 작용하는 방식을 실제로 시뮬레이션할 수 있어야 합니다. 그렇지 않으면 프로젝트 후반부에 불행한 모닝콜이 발생할 수 있습니다.
그리고 2D 앱 개발 워크플로와 맞물리는 방식으로 작동하려면 이 모든 것이 필요합니다. VR과 기존 인터페이스를 모두 지원하려는 경우 완전히 새로운 도구 세트를 배우거나 앱의 두 가지 다른 프로토타입을 만들 필요가 없습니다. 동일한 프레임워크 내에서 둘 다를 설계하고 테스트할 수 있어야 합니다.
Proto.io에서 VR 앱을 프로토타이핑하는 방법
Proto.io는 디자이너와 개발자가 기존 모바일 앱 프로토타이핑에 의존하는 동일한 직관적인 Proto.io 워크플로를 사용하여 자신의 VR 경험을 시뮬레이션할 수 있는 VR 프로토타이핑 장치 라이브러리를 개발했습니다.
사용자는 360° 사진을 업로드하고 몇 분 안에 디자인 안내를 받을 수 있습니다. Proto.io Asset Flow는 Sketch 및 Photoshop과 같은 업계 표준 도구와 완벽하게 통합되어 집 내부를 둘러보는 것만큼이나 환상적인 가상 세계에서 연습을 시뮬레이션하는 것을 매우 쉽게 만듭니다.
또한 VR 구성 요소 라이브러리를 사용하면 메뉴 및 기타 시선 기반 컨트롤을 쉽게 시뮬레이션하고 애니메이션과 사운드를 추가하고 가상 공간을 최대한 활용하도록 레이아웃을 조정할 수 있습니다. 또한 Proto.io 앱을 실행하는 모든 장치에서 프로토타입을 미리 볼 수 있어 놀라운 유연성을 제공합니다. 예를 들어 MacBook을 사용하여 웹 앱에서 장면을 만든 다음 테스트하고 Android용 가상 현실 버전을 조정한 다음 Oculus Rift 또는 다른 고급 VR 헤드셋에서 데모할 수 있습니다.
가상 현실 앱 시작하기
VR을 시작할 수 있도록 몇 가지 튜토리얼을 준비했습니다. VR에 입문하고자 하는 숙련된 개발자이든 VR 프로토타이핑을 처음 접하는 개발자이든 기본 VR 환경을 만드는 것은 훌륭한 첫 번째 단계입니다. 약 3분 안에 VR 컨테이너를 로드하고 이미지를 추가하고 기기에서 보는 방법을 배우게 됩니다.
이 작업을 마치면 Proto.io를 떠나지 않고 VR 프로토타이핑인 주문형 웨비나를 확인하십시오. 먼저 멋진 360° 이미지를 사용하여 첫 번째 대화형 연습을 만드는 방법을 보여 드리겠습니다. 그런 다음 버튼을 누르면 확장되고 빛나고 소리가 나는 게임 메뉴를 만드는 방법을 알려 드리겠습니다(게임 메뉴 자습서를 별도로 볼 수도 있음). 이 과정에서 다음을 포함하여 다른 가상 현실 앱을 구축하는 데 유용한 많은 기술을 배우게 됩니다.
- 사용자의 시선에 반응하는 VR 버튼을 만듭니다.
- 장면 전환을 트리거합니다.
- 평면 이미지와 신호를 사용하여 다양한 유형의 장면 변경을 나타냅니다.
- VR 앱에 사운드 통합.
Proto.io를 처음 사용하는 경우 모든 것이 함께 작동하는 방식에 대한 느낌도 얻을 수 있습니다. VR 컨테이너는 어떤 면에서는 특별하지만 워크플로를 최대한 일관되게 유지했습니다. 앱 구축 경험이 있고 매뉴얼을 최후의 수단으로만 사용하는 유형이라면 도움이 될 것입니다. 그렇지 않으면 사용자 가이드에 사용자가 알아야 할 모든 것이 포함되어 있어야 합니다.
더 많은 디자인과 UI 통찰력을 얻으려면 VR의 UX를 탐색하는 것이 좋습니다. 여기에서 가상 현실 사용자 경험에 대한 전문가가 될 수 있는 훌륭한 비디오, 기사, 책, 슬라이드 데크 및 기타 리소스를 많이 찾을 수 있습니다.
이 게시물은 Proto.io 블로그에 처음 게재되었으며 허가를 받아 복제되었습니다.