Apple Watch용 실시간 현황 디자인하기

Apple Watch용 실시간 현황 디자인하기에 오신 것을 환영합니다 저는 Ed입니다 저는 Taylor입니다 저희는 Apple Design 팀의 디자이너입니다 오늘은 Apple Watch를 위한 우수한 실시간 현황을 디자인하는 데 필요한 모든 것을 알려 드리겠습니다

오늘 다룰 사항들은 watchOS 10에 도입된 여러 변경 사항을 기반으로 설계되었죠 이는 Apple Watch가 출시된 이후로 가장 중요했던 변화였습니다 정보를 한눈에 볼 수 있도록 하고 명확성, 일관성에 초점을 둔 새 사용자 인터페이스뿐만 아니라 스마트 스택이 도입되었죠 이는 시계 페이스에서 필요한 위젯을 시의적절하게 볼 수 있도록 하는 기능으로, Apple Watch의 실시간 현황이 도입될 기능입니다 이 세션에서 다룰 내용을 소개해 드리겠습니다 우선 실시간 현황이 주로 표시될 스마트 스택에 도입될 개선 사항을 알려 드린 후 Apple Watch의 실시간 현황과 상호작용하는 여러 방법을 다루고 멋진 실시간 현황을 빌드하기 위한 가이드라인으로 마무리할게요 스마트 스택에 대해 먼저 설명해 드리겠습니다 watchOS 11에서는 위젯 제안이 도입됩니다 이는 현재 상황에 맞추어 시스템이 스마트하게 위젯을 추가하거나 삭제하는 기능입니다 예를 들어 이 새로운 강우량 위젯은 비가 오기 15분 전에 표시되고 비가 개면 사라집니다

또한 Shazam 위젯은 주변에 음악이 재생되고 있을 때 빠르게 어떤 노래가 재생되고 있는지 식별해 주죠 이 앱 또한 음악 재생이 멈추면 사라집니다 watchOS 11의 위젯은 상호작용도 지원할 수 있어 홈 위젯을 탭하여 조명을 켜는 것과 같은 작업도 위젯을 통해 처리할 수 있죠

이제 실시간 현황이 도입됨에 따라 스마트 스택이 더 유용해집니다 실시간 현황은 사용자가 iPhone 알림과 상호작용하는 방식을 바꾸었죠

공항으로 가는 길이나 배달 주문과 같은 사항을 추적할 때 여러 알림을 받는 대신 동적으로 업데이트되는 하나의 실시간 현황만 사용자에게 표시됩니다 잠금 화면에서 볼 수 있죠 iPhone 15 및 15 Pro의 경우 실시간 현황은 Dynamic Island에도 표시되므로 iPhone을 사용하는 중에도 실시간 현황을 확인할 수 있습니다

iPhone에서 실시간 현황이 시작되면 watchOS 11이 설치된 Apple Watch의 스마트 스택 상단에 자동으로 표시됩니다 손목을 들어올리기만 해도 진행 상황을 볼 수 있죠 더 나아가, 이제 스마트 스택이 자동으로 열릴 수 있으므로 시계 페이스 디자인과 어울리도록 모서리의 시계가 업데이트되었죠 Apple Watch의 실시간 현황과 상호작용하는 방법에 대해서는 Taylor가 설명해 드리겠습니다 고마워요, Ed Apple Watch에서 필요한 정보를 시의적절하게 확인할 수 있도록 하는 watchOS 11의 실시간 현황을 소개하게 되어 기쁩니다 Apple Watch의 고유한 폼 팩터와 가벼운 상호작용 모델을 고려하여 Apple Watch의 실시간 현황은 iPhone의 실시간 현황과 다르게 작동하도록 설계되었습니다

Apple Watch에서 실시간 현황이 시작되면 스마트 스택이 자동으로 표시되며 해당 실시간 현황과 관련된 위젯이 나타나죠 실시간 현황의 상태를 보려면 손목을 들어올리기만 하면 됩니다 Digital Crown을 돌리지 않아도 되죠 watchOS 11에서는 사용자가 손목을 내려도 스마트 스택이 계속 표시됩니다 사용자는 추적하려는 실시간 현황과 더불어 시간을 동시에 한눈에 계속 볼 수 있죠 실시간 현황 위젯을 탭하면 관련 앱으로 이동합니다

Apple Watch 앱이 없는 경우 시스템에서 제공하는 전체 화면 보기로 확장되는데 여기에서 사용자는 iPhone에서 앱을 여는 버튼을 사용하여 기능이 더 풍부한 iPhone 앱으로 전환할 수 있죠 실시간 현황이 시작되었을 때 다른 앱을 사용 중이라면 어떨까요 사용자가 실시간 현황의 업데이트를 놓치지 않도록 콤팩트 보기를 만들었습니다 사용자가 앱과 상호작용하는 동안 배달 주문 상태가 바뀌는 등 실시간 현황이 업데이트되면 실시간 현황의 더 작은 콤팩트 버전이 디스플레이 하단에 표시됩니다 사용자가 이 콤팩트 보기를 위로 올리면 전체 위젯이 표시되며 콤팩트 보기나 위젯 중 하나를 탭하면 앱이나 전체 화면 보기로 이동하게 됩니다

알림과 마찬가지로 실시간 현황은 사용자가 Apple Watch와 상호작용하는 방식에 따라 적절한 수준의 주의를 요구하도록 설계되었습니다 시계 페이스가 표시된 상태에서 손목을 내리고 있었다면 손목을 올려 추적 중인 실시간 현황에 대한 모든 정보를 볼 수 있습니다 사용자가 Apple Watch와 활발하게 상호작용하는 중에는 콤팩트 보기가 작업 중단 없이 업데이트가 있음을 알리므로 사용자를 덜 방해합니다 실시간 현황의 시각적 디자인에 대해서는 Ed가 설명해 드리겠습니다

Apple Watch의 실시간 현황은 한눈에 볼 수 있도록 설계되어 사용자에게 필요한 정보만 표시합니다 iPhone의 실시간 현황은 Dynamic Island에 표시되며 알림 업데이트가 있는 경우 Dynamic Island가 확장된 후 기본 상태로 다시 줄어듭니다 이 기본 상태에서는 핵심적인 정보만 표시됩니다 Apple Watch의 화면은 더 작으므로 집중하는 접근 방식이 필요하죠 즉 항상 가장 중요한 정보만 표시해야 합니다 이러한 환경은 watchOS 11에서 간편하게 구현할 수 있습니다 Apple Watch의 실시간 현황은 Dynamic Island의 콤팩트 상태에서 사용되는 애셋을 전달하고 다시 합성하여 자동으로 생성되기 때문이죠 하지만 Apple Watch에서 최고의 실시간 현황 경험을 제공하려면 Apple Watch의 크기 클래스에 적응하는 경험을 개발해야 합니다 이렇게 하면 유용한 정보를 더 많이 제공하는 동시에 더 매력적인 디자인을 선보일 수 있죠 보실 수 있듯이, 두 옵션의 품질과 경험에는 상당한 차이가 있죠 개발자가 Apple Watch의 실시간 현황을 설계할 때 흔히 겪는 과제는 적절한 양의 정보를 표시하는 것입니다 실시간 현황에서 중요한 상태를 알리기 위해 필요한 정보만을 표시하는 것을 권장드립니다

중요한 상태로는 착륙할 때까지 남은 시간처럼 진행 상황을 이해하는 데 도움이 되는 정보나 예약한 택시가 곧 도착하므로 도로 근처에서 대기하라는 것처럼 조치가 필요한 상태가 있죠 한편 단순히 사용자가 상당한 관심을 갖는 상태일 수도 있죠 스포츠 경기 점수의 변화처럼요

개발자가 흔히 접하는 다른 문제로는 실시간 현황에 대한 컨트롤 추가 여부입니다

컨트롤은 재생, 일시 정지, 재개가 필요한 실시간 현황에 적합하죠 운동 타이머, 음성 메모를 예로 들 수 있습니다

추가하려는 컨트롤과 무관하게 하나만 추가하는 것이 좋습니다 작은 공간으로 인해 여러 컨트롤을 사용하기가 어려운데 이 공간만으로 상태를 이해하는 데 충분한 정보를 제공해야 하죠 공간이 제한되어 있으므로 이 공간을 최대한 활용하기 위해 기존 디자인 레이아웃을 사용하는 것이 좋습니다 Apple은 다양한 수준의 정보 밀도와 그래픽 요소를 포함하는 레이아웃을 제공하고 있습니다 이러한 레이아웃을 자세히 알아보려면 작년에 진행된 세션인 ‘Apple Watch의 Smart Stack을 위한 위젯 디자인하기’를 확인하세요 그러나 실시간 현황을 완전히 맞춤 설계하려는 경우 실시간 현황이 스마트 스택의 디자인과 어울리고 한눈에 보일 수 있도록 표준 여백과 텍스트 스타일을 사용하세요

실시간 현황에 대해 알아보려면 직접 빌드해 보세요 ‘Apple Watch로 실시간 현황 가져오기’ 세션을 확인해 보세요 이 세션에서는 동료 엔지니어인 Anne이 Apple Watch의 실시간 현황을 맞춤화하는 방법을 소개해 드립니다

한편 Apple Watch의 실시간 현황은 Apple의 다른 핵심적인 기능을 토대로 설계된 경험입니다 스마트 스택, Dynamic Island iPhone의 실시간 현황을 기반으로 설계되었죠 이러한 기능에 대해 더 자세히 알아보고 싶으시다면 화면에 표시된 이전 세션을 시청하시기 바랍니다

적절한 시점에 필요한 정보를 한눈에 볼 수 있도록 제공하는 Apple Watch의 실시간 현황은 Apple Watch를 더 스마트한 기기로 만들어 줄 것이라고 생각합니다 시청해 주셔서 감사합니다 흥미로운 실시간 현황을 만드는 데 도움이 되기를 기대합니다