우수한 AR 경험의 특징

♪ 부드러운 힙합 음악 ♪ ♪ “우수한 AR 경험의 특징”에 잘 오셨습니다 저는 Alli Dryer로 Apple Design 팀에서 증강 현실을 연구하고 있습니다 AR은 가상 객체와 현실 세계를 혼합하는 경험을 통해 그 객체가 정말로 존재하는 것처럼 보이게 합니다 AR은 굉장한 몰입감을 제공하지만 그와 동시에 언제나 실제로 일어나는 것에 기반을 두고 있죠 이는 불가능, 또는 위험하거나 하기 어려운 것들을 실용적인 관점에서 시각화할 수 있게 합니다 가상과 현실의 경계를 흐리는 AR 경험은 정말로 마법 같이 느껴집니다 시각과 청각을 통해 사용자의 주변을 완전히 바꾸어 그들이 새로운 것을 경험하게끔 하죠 또한 새로운 정보 계층을 환경에 추가하는 것으로 빠르고 가볍게 상호 작용할 수 있습니다 증강 현실을 설계하는 건 2D 애플리케이션의 설계와는 전혀 다를 수 있겠지만 걱정하진 마세요 여기서 자세히 설명드리죠 오늘 저는 여러분이 만들려는 경험에 AR이 알맞은지를 판별할 기준과 AR 경험을 처음으로 설계할 때 증강 현실의 고유한 특징을 다루는 팁을 공유하고자 합니다 좋아요, 만들고 있는 앱이나 기능에 AR이 적합한지 궁금해 하시겠죠 그렇다면 다음 몇 가지 사항을 고려해 보세요 AR은 사물의 진정한 표현을 전달하도록 도울 수 있습니다 그 예시로 AR이 정말 잘하는 물체를 실물 크기로 제시하는 것을 보여 드리겠습니다 공룡이 얼마나 큰지 가르치려고 하는 상황을 가정해 봅시다 그냥 수치를 쓸 수도 있고 그림으로 보여줄 수도 있겠죠 아니면 가상 티라노사우루스를 화면에 풀어놓을 수도 있습니다 이 경우에는 공룡이 얼마나 큰지 상상할 필요가 없죠 AR 경험은 관찰자에게 즉각적이고 본능적인 규모의 감각을 제공해 진정한 몰입갑을 부여합니다 지금 보시는 예시는 Monster Park라는 앱으로 3차원 공룡의 움직임을 애니메이션화해서 탐색하고 조종할 수 있는 게임입니다 앱 전체가 이러한 대규모 AR 경험을 중심으로 돌아가며 공유를 위한 사진과 영상의 제작을 강조하는 것과도 맞아떨어집니다 AR은 의미 있는 방식으로 물리적 공간을 차지하면서 바로 주변에 영향을 미치고 반응할 때 가장 즐거운 경험을 줍니다 인테리어에 유용한 앱을 만들어 벽에 무슨 색을 칠할지 도움을 주려고 한다고 가정해 봅시다 견본이나 제품 사진을 보여 줄 수도 있지만 썩 정확한 것은 아니죠 더 좋은 방법은 어떻게 보일지를 갓 칠해진 벽을 보여 주는 겁니다 Color Snap 앱이 딱 그렇게 하는데요 페인트 색깔을 고르게 한 다음 벽에다 탭해서 그 효과를 시연합니다 AR로 나타나기 때문에 이리저리 돌아다니면서 새로운 색이 공간에 어떤 영향을 주는지 여러 관점에서 볼 수 있죠 또 증강 현실은 가상 물체를 3D로 시각화하는 경험을 주기 때문에 더 쉽게 이해하고 평가할 수 있습니다 AR을 통해 가상이지만 현실적인 방법으로 몸에 두르는 기능을 만들어 확실한 구매 결정을 내리게 할 수도 있습니다 그 예로 Warby Parker 앱은 가상 안경을 씌워서 안경테가 어울릴지를 정확히 판단해 주문하게 할 수 있습니다 AR에서 안경테를 바꾸는 게 현실에서 안경을 바꿔 끼는 것보다 더 빠르죠 가상 객체를 장면에 맞추는 것도 정말 중요한데요 객체가 그렇게 현실적이지 않을 때조차도 경험 내 빛과 그림자의 품질이 객체의 실존감에 아주 큰 영향을 미칠 수 있습니다 IKEA Place 앱은 가상 가구를 집에 배치해서 변한 방이 어떻게 보이는지 더 정확히 알 수 있게 합니다 IKEA Place는 ARKit에 내장된 광원으로 사실적인 그림자를 구현해 정말로 방에 가상 가구가 있는 것처럼 보이게 하죠 3D 시각화는 사물을 대상으로 하지만 경험을 제공하는 캔버스가 주변이 될 수 있다는 것도 잊지 마세요 iOS의 새로운 RoomPlan API로 고급 시각 효과를 생성하고 브랜드에 맞는 도해와 3D 모델을 제공하며 심지어는 사용자의 공간을 게임 속으로 가져올 수도 있습니다 자세히 알고 싶으시면 3D 룸 스캔을 위한 RoomPlan을 자세히 다루는 세션을 참고하세요 또 AR로 디지털 기능을 물리적 사물에 연결해 작업의 능률을 향상시키는 것으로 앱과 기능을 더 효율적으로 만들 수 있습니다 식당에서 코드를 스캔해 주문해 보셨다면 현실을 입력으로 사용하는 것이 일처리를 어떻게 빠르게 하는지를 이미 경험하셨겠죠 AR을 사용하여 작지만 매우 유용한 기능을 구축해 시간을 절약할 수 있다는 뜻입니다 iOS의 Measure 앱에서는 사람을 카메라 중앙에 두면 자동으로 딱 맞는 곳에 신장을 표시해 줍니다 UI가 거의 없고 상호 작용이 기기 이동에 기반하며 측정 정보는 확인한 이후에 사라지기 때문에 경험 자체는 가볍게 느껴질 겁니다 앱 자체에 제공하기엔 AR 경험이 너무 제한적이지만 Measure 앱의 다른 기능을 보완하죠 이제 AR이 앱과 기능에 진정한 표현을 제공하고 의미 있는 방식으로 물리적 공간을 차지하며 3D로 시각화하고 환경을 활용해 작업 능률을 향상할 수 있음을 알게 되었습니다 또 보시다시피 AR을 앱의 핵심으로 쓰거나 마찰을 줄이는 쪽으로 더 가볍게 사용하는 등 생성하는 경험에 AR을 접목하는 방법은 매우 다양합니다 이제 AR이 여러분의 목적에 적합하다고 판단하셨다면 이제 설계에 들어갈 시간입니다 AR을 설계할 때는 기존의 2D 인터페이스와 차별화되는 점 몇 가지를 고려해야 합니다 AR은 공간적입니다 AR은 움직임 기반이죠 그리고 AR은 물리적 환경에 묶여 있습니다 가상 요소를 제한된 시야에서 인체 공학적으로 어떻게 장면에 혼합할지를 생각해야 합니다 이제 AR 경험을 설계할 때 기억해 두어야 할 팁을 살펴보죠 앱을 사용할 때 AR을 이용하기 어려운 경우가 있을 수 있으므로 더 나은 경험에 도달할 수 있도록 다양한 안내 방법으로 도울 수 있습니다 Mission to Mars 앱은 사용자를 성공으로 이끌기 위해 강력한 안내 시퀀스를 제공하는 훌륭한 일을 해냈는데요 예시를 자세히 살펴보죠 Mission to Mars 앱을 시작하면 멋진 경험을 위해 환경에 필요한 세 가지 요구 조건을 강조합니다 첫 번째로 AR의 몰입감이 높을 수 있으므로 안전한 장소에서 실행할 것을 상기시키고 있습니다 길 찾기와 관련된 경험일 경우 특히 우려되는 사항일 수 있는데요 이 경우 화면에 장시간 주의를 뺏기지 않도록 각별히 신경을 써야 하죠 또한 앱은 유리나 매끄럽고 특징 없는 흰색 표면보다 질감이 있는 표면에서 AR이 잘 작동함을 보여 줍니다 LiDAR는 이러한 어려운 조건 중 일부를 극복하는 데 도움을 주므로 일부 기기에서는 이 부분을 무시할 수 있습니다 마지막으로 Mission to Mars는 밝은 곳을 찾기를 권하는데요 충분히 밝은 환경에서 AR이 제대로 작동하기 때문이죠 이 안내 시퀀스가 훌륭한 점은 빠르고 쉽게 찾을 수 있으며 최상의 AR 경험을 위한 환경을 맞추는 방법을 이해하도록 돕는다는 것입니다 다음 팁은 화면 공간을 활용하라는 것인데요 AR 경험을 설계할 때 이것의 역할이 얼마나 큰지 알면 놀라실 겁니다 그럼 화면 공간이란 무엇일까요? 화면 공간은 카메라 시야에 포착된 3차원 세계 맨 위쪽의 2D 레이어라고 생각하시면 됩니다 텍스트와 버튼 같은 상호 작용 요소는 카메라의 3D 세계보다는 화면 공간에 배치하는 것이 가독성을 유지하기에 가장 좋습니다 화면 공간에 텍스트를 잘 처리한 예시가 이 Mission to Mars 앱에 있습니다 아래쪽 3D 장면 위의 2D 화면 공간 레이어에 고대비 텍스트와 버튼을 배치했죠 카메라가 움직임에 따라 텍스트가 갱신되면서 장면의 3D 개체와 텍스트의 관련성을 이해할 수 있고요 세상 위 어떤 것에 텍스트를 고정할 필요가 있다면 가급적이면 띄워 놓거나 화면에 평행하게 유지하도록 해야 합니다 접근성을 유지하려면 대비와 유형 크기를 증가시키고 텍스트를 배경에 배치하는 것에 초점을 맞추어야 하죠 또 일관적인 움직임을 설계하세요 기기가 언제 어떻게 이동하는지 사용자가 이해하는 것이 중요합니다 가끔은 AR을 경험하기 위해 몸을 움직여야 할 수도 있습니다 시각 효과와 소리로 움직임에 따른 실시간 피드백을 제공하게끔 한다면 행동이 시야에서 벗어날 지라도 경험을 그대로 유지할 수 있습니다 간결하고 보기 쉬운 설명과 애니메이션을 사용해 어떻게 움직여야 하는지도 안내하세요 화면 공간에 설명을 배치하되 상시가 아닌 필요에 따라 보여 주는 것이 도움이 됩니다 내장된 안내 애니메이션을 활용하는 것도 좋지만 앱에 맞는 자신만의 설명을 만드는 것도 좋습니다 낙서 아이콘 앞에서 앞뒤로 움직이는 iPhone을 보여 주는 DoodleLens 앱이 그 예시죠 인체 공학적 고려 사항도 AR에 있어 매우 중요합니다 팔을 장시간 쭉 뻗고 있으면 매우 피곤할 것이고 한 손으로 사용하기 어렵도록 버튼을 배치했다면 손이 닿기 불편하겠죠 팔을 뻗었을 때 전체 인터페이스의 가독성을 중요하게 여기세요 상호 작용을 간결화해서 최소한의 노력으로 완료할 수 있어야 합니다 고대비 아이콘으로 된 대형 버튼을 사용해 한 손 엄지로도 누를 수 있도록 하세요 여기 DoodleLens의 화면 아래쪽이 좋은 예시입니다 손바닥 크기의 기기가 제공하는 제한된 시야를 통해 AR을 경험하기 때문에 크기가 큰 무언가의 경우 전체 범위를 보지 못할 가능성이 높습니다 가상 객체가 시야에서 벗어날 가능성도 있고요 객체의 크기를 조정할 수 있게 하면 전체를 볼 수 있을 만큼 멀리 물러설 필요가 없겠죠 펼치고 오므리는 동작으로 직접 조작할 수 있는 AR Quick Look이 그 예시입니다 햅틱도 있기 때문에 무언가의 크기가 100%를 벗어나는 것을 느낄 수 있죠 어떤 것이 시야의 오른쪽이나 왼쪽으로 가서 보이지 않는다면 소리와 햅틱을 사용하고 화면 공간에 간단한 표시나 텍스트 지시 사항을 제공하세요 지도나 조감도를 제공해 방위를 보여 주고 객체가 반대 방향에 있음을 보여 주는 삽화를 제공하는 것도 유용합니다 여기에 예시로 든 RoomPlan에서는 시야 아래쪽에 있는 소형 3D 모델 도면으로 결과를 미리 보고 지금까지 스캔한 내용을 추적할 수 있습니다 객체에 현실감이 없을 경우 공간 내 가상 객체의 위치를 화면을 통해 이해하는 것이 어려울 수 있습니다 사물이 얼마나 떨어져 있는지 알 수 있게 돕는 깊이 단서가 이럴 때 유용하죠 객체의 크기 수평선 쪽으로 점점 작아지는 원근감 사실적인 광원과 그림자 텍스처의 알맞은 세밀함 수준 겹침 등이 깊이의 느낌을 형성하고 공간 관계를 인식하도록 도움을 줍니다 다루기는 어렵지만 상대적인 위치의 이해를 돕기에 강조하고 싶은 깊이 단서가 하나 있는데요 정합이라고도 하는 겹침입니다 여기 AR Quick Look에 겹침의 예시가 나타나 있습니다 가상 비행기는 나무 토막 뒤에 있는 것처럼 보이는데 아래쪽 부분이 감춰졌기 때문이죠 마지막 팁은 1~2분 내로 끝나는 경험을 만드세요 이는 앞서 언급한 인체 공학적인 이유도 있지만 AR은 상당한 자원을 요구해 배터리와 발열에 큰 영향을 미치기 때문입니다 경험을 더 길게 제공하고자 한다면 반드시 중간에 휴지기를 넣으세요 For All Mankind: Time Capsule은 For All Mankind 세계관을 AR 경험으로 탐사할 수 있게 하며 상호 작용 요소를 통해 이야기를 전달해 TV 프로그램 내용을 보완하는 앱입니다 Time Capsule은 여러 장으로 되어 있어서 잠깐 휴식하고 멈추었다가 다시 경험으로 돌아갈 수 있는 시점을 제공하죠 오늘 우리는 AR 기능을 다룰 때 발생하는 몇몇 과제를 극복할 수 있는 팁을 공유했습니다 사용자를 올바른 환경으로 인도하는 법과 화면 공간을 활용하는 법 일관적으로 움직이게 설계하는 법 인체 공학과 제한된 시야를 생각하는 법 깊이 단서를 사용하는 법과 경험 시간를 제한해 피로하지 않게 하는 법을 배웠습니다 증강 현실은 유용하고 즐겁고 현실 세계와 관련될 때 마법 같이 느껴집니다 AR을 통해 가상 객체를 보거나 환경을 변화시킬 수도 있죠 물리적 사물에 디지털 기능을 연결해 유용한 정보와 작업 계층을 생성할 수도 있습니다 여러분이 만든 AR 기능과 앱으로 일하고 배우고 놀고 쇼핑하고 세상과 연결하는 방법을 바꿀지도 모릅니다 다음에 여러분이 증강 현실에서 무엇을 만들지 정말 기대되네요 감사합니다! ♪