Pixel 10 Pro Fold와 같은 새로운 폼 팩터가 Android 생태계에 합류함에 따라 적응형 앱 개발은 휴대전화, 태블릿, 폴더블 기기에서 고품질 사용자 환경을 만드는 데 필수적입니다. 사용자는 앱의 UI가 이러한 다양한 크기와 자세에 원활하게 적응할 것으로 기대합니다.

이러한 동적 환경을 더 효율적으로 빌드할 수 있도록 Compose 적응형 레이아웃 라이브러리 1.2가 공식적으로 베타에 도입됩니다. 이번 버전에서는 확장되는 기기 생태계를 위해 세련되고 반응형 UI를 만들 수 있는 강력한 새로운 도구를 제공합니다.

더 큰 캔버스를 위한 강력한 새 도구

Compose 적응형 레이아웃 라이브러리는 다양한 창 크기에 맞게 조정되는 UI를 빌드하기 위한 기본 툴킷입니다. 이번 새로운 베타 버전에는 간단한 코드로 정교한 레이아웃을 만들 수 있는 강력한 기능이 가득합니다. 주요 추가사항은 다음과 같습니다.

• 강력한 새로운 레이아웃 전략: 베타에서는 Pixel 10 Pro Fold, Galaxy Z Fold7 및 Z Flip7과 같은 기기의 외부 및 내부 디스플레이 모두에서 멋지게 보이는 동적 레이아웃을 빌드할 수 있도록 설계된 리플로우 및 레비테이트와 같은 새로운 레이아웃 전략이 도입되었습니다.
• 새 창 크기 클래스: 이번 출시에서는 새로운 대형 및 초대형 창 크기 클래스에 대한 기본 지원이 추가되었습니다. 이러한 새로운 중단점은 태블릿 및 대형 폴더블과 같은 넓은 화면에서 풍부한 멀티 창 UI 변경사항을 설계하고 트리거하는 데 필수적입니다.

두 가지 새로운 창 적응 전략: 리플로우 (왼쪽) 및 레비테이트 (오른쪽)

전체 변경사항 목록은 공식 출시 문서를 참고하세요. 표준 레이아웃 및 지원 창 레이아웃 빌드에 관한 가이드를 살펴보세요.

모든 화면에서 더 많은 사용자 참여 유도

적응형 사고방식을 수용하는 것은 권장사항 이상으로 성장을 위한 전략입니다. 목표는 큰 화면에서 앱이 작동하도록 하는 것뿐만 아니라 사용자가 더 직관적으로 사용할 수 있도록 하여 앱을 돋보이게 하는 것입니다. 단일 열 레이아웃을 단순히 늘리는 대신 추가 공간을 활용하여 더 효율적이고 몰입도 높은 환경을 만드는 방법을 생각해 보세요.

이는 Compose 적응형 레이아웃 1.2 베타의 강력한 새 기능인 reflow와 같은 동적 레이아웃 전략의 핵심 원칙입니다. 이 기능은 이러한 UI를 빌드하는 데 도움이 되도록 설계되었습니다. 예를 들어 다중 창 레이아웃을 채택하는 것이 좋은 시작점입니다. 목록과 해당 세부정보 뷰를 나란히 표시하면 탭 수가 줄어들고 사용자가 작업을 더 빠르게 완료할 수 있습니다.

이러한 사려 깊은 적응형 개발이 참여도를 진정으로 높이는 요소입니다. #TheAndroidShow 최신 에피소드에서 강조한 것처럼, 이것이 바로 휴대전화와 대형 화면에서 모두 앱을 사용하는 사용자의 참여도가 거의 3배 더 높은 이유입니다. 적응형으로 구축하면 현재 사용자의 만족도를 높일 뿐만 아니라 지속적인 충성도를 구축하고 신규 사용자에게 도달하는 데 도움이 되는 더 가치 있고 매력적인 경험을 만들 수 있습니다.

폴더블부터 데스크톱까지 확장되는 Android 생태계

적응형 디자인으로의 이러한 전환은 전체 Android 생태계로 확장됩니다. 새로운 Pixel 10 Pro Fold부터 최신 삼성 Galaxy 폴더블까지, 개발자는 5억 대가 넘는 대형 화면 기기에서 크고 성장하는 사용자층의 참여를 유도할 수 있습니다.

이러한 이유로 현재 개발자 프리뷰에서 사용해 볼 수 있는 커넥티드 디스플레이와 같은 미래 지향적인 경험에 계속 투자하고 있습니다. 이 기능을 통해 앱이 실행될 수 있는 새로운 플랫폼과 상호작용 모델이 열리므로 진정한 데스크톱급 기능과 다중 인스턴스 워크플로가 가능해집니다. 이전에 커넥티드 디스플레이 개발자 프리뷰를 시작하고 멀티 디바이스 환경의 미래를 어떻게 만들어 가는지 확인할 수 있는 방법을 자세히 설명해 드렸습니다.

적응형 원칙 실천하기

이 적응형 미래에 대비해 앱을 준비하려는 개발자를 위해 몇 가지 주요 권장사항을 알려드립니다.

• 인벤토리 확인: 첫 번째 단계는 현재 상태를 파악하는 것입니다. 대형 화면 기기에서 또는 Android 스튜디오의 크기 조절 가능한 에뮬레이터로 앱을 테스트하여 늘어난 UI나 사용성 문제와 같은 개선이 필요한 영역을 파악합니다.
• 최적화된 레이아웃 지원:Compose 적응형 레이아웃과 같은 라이브러리를 사용하여 다양한 창 크기와 기기 자세에 맞게 조정되는 UI를 빌드합니다. 앱은 방향을 제한하지 않고 세로 모드와 가로 모드 모두에서 잘 작동해야 합니다.
• 터치 이상의 기능 고려: 적응형 환경을 제대로 구현하려면 모든 입력 방법을 지원해야 합니다. 이는 기본 기능을 넘어 마우스 커서의 마우스 오버 상태, 마우스 오른쪽 버튼 클릭 시 나타나는 컨텍스트 메뉴, 단축키 지원과 같이 사용자가 기대하는 세부사항을 포함합니다.

앱의 잠재력이 더 이상 단일 화면에 국한되지 않습니다. 지금 대형 화면 디자인 갤러리와 앱 품질 가이드라인을 살펴보고 앱의 미래를 그려 보세요. developer.android.com/adaptive-apps에서 모든 폴드, 플립, 화면에 맞게 빌드하는 데 필요한 디자인 패턴, 공식 가이드, 샘플 앱을 찾아 영감을 얻으세요.