[Google IO 2023] How to build great Android apps for large screens and foldables 큰 화면 대응

https://www.youtube.com/watch?v=5JQjk3ZqPWc 

 

사용자들은 디바이스들 별 특징에 맞는 사용자 경험을 요구한다. 이에 큰 화면에 대한 앱 퀄리티를 높이기 위한 작업이 필요하다.

 

Section 1 

큰 화면(태블릿, 폴더블)에서의 예시를 보고 싶다면 이번에 업데이트된 구글 앱들 및 픽셀 런처들을 참고하라

 

Section 2 큰 화면들에서의 앱 호환성

큰 화면에서의 사용자 요구는 다음과 같다.

1. 자유로운 화면 회전

2. folding, unfolding

3. 멀티 윈도우 모드

 

좋은 사용자 경험을 위해서는 화면 변경 시의 상태 유지, 구성configuration 변경 및 연속적인 앱 사용 경험 등의 처리가 중요하다.

 

사용자는 디바이스의 특징을 살려 앱을 사용한다.

태블릿, 크롬북 : 입력 도구들을 사용한다. 키보드, 스타일러스, 트랙패드 등

폴더블 : 카메라 앱의 경우 동시에 바깐, 안쪽 화면을 사용한다.

 

Android 13에서 큰 화면 호환성을 위한 기능들을 제공하고 있다.

Android 12L부터 회전 불가능한 화면이나 사이즈 조정이 불가능한 화면의 경우 레터박스 형식(기존 화면의 가로 세로 사이즈 비율이 유지된 화면)으로 제공했다.

레터박스에서의 앱 위치를 사용자가 원하는 대로 수정이 가능하고, 디바이스의 카메라 회전 처리도 제공한다.

 

최상의 앱 경험은 회전과 크기 조정에 제한이 없어야 한다.

 

* Large screen app quality 문서로 큰 화면 대응 내용을 제공한다. 

 

Section 3 레이아웃과 UX / 지속성Continujity과 멀티태스킹

큰 화면 대응을 위해, 화면의 회전, 사이즈, 비율 등을 설정하지 않는다.

* Large screen app quality 문서의 3가지 티어를 참고해라

 

앱의 회전, 구성configuration 변경을 만드는 작업 등으로 앱 사용 프로그래스들을 잃어버리게 된다. 앱은 구성 변경을 지원하지 않기 때문이다. 따라서 사용자의 앱 사용 경험이 중단되지 않도록 계속 이어나가도록 해야 함.

 

Section 4 

Modern Android Development에서 올바른 configuration 변경 처리를 위한 도구와 아키텍쳐, 큰 화면 대응을 위한 foundation들을 제공한다.

멀티윈도우, 분할 화면 등의 대응에 드래그 앤 드롭 기능을 사용할 수 있다. 

 

Section 5 입력

큰 화면의 디바이스에서는 사용자들이 터치 스크린 이외에 스타일러스, 키패드, 미우스, 키보드 등을 사용하고, 이 입력 도구들에 대해 대응해야 앱 접근성이 향상된다.

 

터치 없이도 앱을 사용할 수 있도록 해야한다. 

모든 화면 요소들은 focuable해야 한다.

가상 키보드 이외에 물리적 키보드도 사용할 수 있어야 한다. 

클릭, 선택, 스크롤, 잘라내기, 복사하기, 붙여넣기, 화면 요소들을 navigate하기, 스크롤해서 줌 인 아웃, 마우스를 올려놓는 상태 등의 기능 등도 제공해야 한다.

스타일러스를 위해 모션 이벤트, 위치, 회전, 틸트, 압력 등도 고려하고 손바닥 입력을 거부하고 실행 취소 등의 기능도 알맞게 구현하는 것이 좋다.

 

* Input compatibility on large screen 문서 참고

 

Section 6 개발 생산성

에뮬레이터로 다양한 화면들의 테스트가 가능
Gradle Managed Devices를 이용해 Firebase Test Lab의 UI test 가능
Android Studio의 visual linting 기능. View의 경우 Adnroid Electric Eel에서 기능 제공함. Compose는 차기 버전에서 기능을 제공할 예정임.