Google Play 인스턴트 앱의 UX 권장사항

Google Play 인스턴트를 사용하면 새로운 방식으로 앱을 이용할 수 있습니다. 인스턴트 앱이라고 하는 이러한 앱은 기본 Android 앱이지만 기기에 설치되지 않고 실행됩니다. 각 인스턴트 앱에는 사용자가 선택하여 설치할 수 있는 해당 버전이 있습니다.

인스턴트 앱은 사용자와 상호작용하는 방식이 고유하므로, 인스턴트 앱은 몇 가지 특정 사용자 환경 관행을 준수해야 합니다. 이 가이드에서는 인스턴트 앱에서 긍정적인 사용자 환경을 만드는 방법에 관한 가이드라인을 제시합니다.

인스턴트 앱을 디자인할 때 Material Design 원칙을 사용하는 것이 좋습니다. 앱에 Material 디자인을 적용하는 방법에 관한 자세한 내용은 Android용 Material Design을 참고하세요.

Google에서는 게임 앱과 관련된 추가 가이드라인도 제공합니다. 자세한 내용은 Google Play 인스턴트 게임의 UX 권장사항을 참고하세요.

 

앱에 의미 있는 랜딩 화면 제공

그림 1. 인스턴트 앱에 표시되는 '사용해 보기' 버튼

Play 스토어에 앱 또는 게임의 사용해 보기 버튼이 표시되거나 Android 런처에 표시되려면 기본 활동이 필요합니다.

사용해 보기 버튼이나 런처에서 앱을 시작하는 사용자는 액세스하려는 딥 링크 또는 특정 콘텐츠의 컨텍스트를 알지 못합니다. 따라서 사용자가 앱의 기능을 탐색하고 발견할 수 있는 공간을 제공해야 합니다.

또한 앱 이름이 화면에 눈에 띄게 표시되는지 확인하는 것이 좋습니다. 간혹 사용자가 충분한 맥락 없이 앱 링크를 클릭하는 경우가 있으므로 앱 이름을 모를 수도 있습니다.

 

링크의 대체 목적지 식별

그림 2. 사용자를 인스턴트 앱으로 연결하는 웹사이트 배너

Google Play 인스턴트의 앱 및 게임 링크는 가능한 경우 즉시 열립니다. 즉시 열리지 않는 링크는 브라우저에서 열립니다.

Google Play에 연결하면 Play 스토어로 이동하도록 대체 시나리오를 변경할 수 있습니다. 이 전략은 사용자가 앱을 즉시 열 수 없고 웹에서 앱을 사용하는 것을 원하지 않는 경우 앱을 다운로드하도록 사용자에게 안내하려는 경우에 유용할 수 있습니다.

또는 사용자를 먼저 Play 스토어로 보낼 필요 없이 웹사이트의 배너를 사용하여 앱을 직접 열 수 있습니다. 이 전략은 그림 2에 나와 있습니다.

사용자가 작업을 완료하도록 허용

인스턴트 앱에서 사용자에게 기능을 광고할 때는 사용자가 앱을 설치하지 않고도 기능을 사용할 수 있어야 합니다.

사용자가 원하는 작업을 완료할 수 있도록 앱을 설치하도록 요청하지 마세요. 앱 페이지의 기본 클릭연결 작업으로 설치 메시지가 트리거되면 안 됩니다.

그림 3. 앱을 설치하라는 메시지를 표시하지 않고 사용자가 특정 작업을 완료하도록 허용합니다.

 

사용자에게 적절한 시간에 로그인하도록 요청

사용자가 앱에 연결된 서비스에 로그인하거나 가입할 필요 없이 최대한 많은 기능을 제공합니다.

로그인하라는 메시지를 표시하기 전에 사용자가 인증이 필요한 기능을 사용하려고 할 때까지 기다립니다. 로그인할 때의 이점이 바로 눈에 보인다면 사용자는 로그인 메시지가 덜 방해가 된다고 느낍니다.

예를 들어 실행 시 사용자에게 로그인을 요구하는 사진 공유 앱을 가정해 보겠습니다. 사용자 환경을 개선하기 위해 이제 이 앱은 공개적으로 공유된 가장 인기 있는 사진을 탐색하고 기기에서 사진을 수정하는 등 사용자가 로그인하지 않고도 사용할 수 있는 기능을 제공합니다. 사용자가 친구와 사진을 공유하려고 하면 앱에서 로그인하라는 메시지를 표시합니다.

그림 4. 불필요한 로그인 유도 메시지는 표시하지 않음

 

앱 설치 후 사용자 상태 유지

사용자가 앱을 설치할 때 쿠키나 로컬 저장소를 사용하여 저장된 앱 상태를 앱으로 전송해야 합니다. 사용자는 그림 5와 같이 앱에서 중단한 부분부터 이어서 시작할 수 있어야 합니다.

그림 5. 설치 후 사용자 상태 복원
 

추가 스플래시 화면 만들지 않기

인스턴트 앱 실행 환경에는 앱 브랜딩, 앱 제목, 앱 런처 아이콘이 포함됩니다. 스플래시 화면을 추가로 만들지 마세요. 사용자에게 중복되는 것처럼 보입니다.

그림 6. Google Play 인스턴트 프레임워크는 앱의 시작 환경을 제공합니다.

 

위쪽 화살표와 시스템 뒤로 간 비교

위로 버튼을 누르면 사용자가 앱의 홈 화면에 도달할 때까지 앱의 탐색 스택에서 위쪽으로 이동합니다. 뒤로 버튼을 누르면 최근에 본 화면 기록을 역순으로 이동합니다.

위로 버튼을 사용하면 사용자가 앱에 계속 머물지만 뒤로 버튼을 사용하면 앱 외부의 최근 화면으로 다시 돌아갈 수 있습니다. 즉, 위로 버튼을 눌러도 앱이 종료되지 않습니다.

뒤로위로 버튼을 사용하여 탐색 기능을 디자인하는 방법에 관한 자세한 내용은 뒤로 및 위로 탐색 기능 디자인을 참고하세요.

그림 7. 이동 기능의 중요성

 

UI 분기하지 않기

인스턴트 앱의 UI는 설치된 버전의 UI와 동일해야 합니다. 인스턴트 앱에서 디자인과 UI를 변경하지 마세요.

그림 8. 앱의 설치 버전과 인스턴트 버전 간에 일관된 UI를 유지합니다.
 

Android의 비밀번호 대용 Smart Lock을 사용하여 신원 확인

Android의 비밀번호 대용 Smart Lock은 Chrome 및 Android에서 사용되는 비밀번호 관리자입니다. Smart Lock은 또한 후속 방문 시 사용자가 자동으로 로그인되도록 합니다. 사용자가 더 쉽게 인증할 수 있도록 인스턴트 앱에서 Google Smart Lock을 지원하세요.

그림 9. Smart Lock으로 사용자 인증

 

명시적 설치 유도 메시지 제공

설치 버튼을 앱의 사용자 인터페이스의 일부로 만들어 전략적으로 사용합니다. 설치 버튼에 Material Design '앱 다운로드' 아이콘설치 라벨을 사용합니다.

'앱 다운로드', '전체 앱 설치' 또는 '업그레이드'와 같은 다른 라벨은 사용하지 마세요. 사용자에게 설치 메시지를 표시할 때 배너나 기타 광고와 유사한 기법을 사용하지 마세요.

그림 10. 설치 버튼을 전략적으로 사용하기

 

최대 2~3개의 암시적인 설치 유도 메시지 제공

암시적 설치 메시지는 인스턴트 앱의 링크로서 설치 메시지 실행 외에 다른 작업은 하지 않습니다. 이러한 암시적 설치 메시지는 인스턴트 버전에는 없는 앱의 설치된 버전에 있는 기능이 있을 때 발생할 수 있습니다.

앱에 암시적인 설치 유도 메시지가 2~3개를 초과하면 안 됩니다.

암시적인 설치 메시지를 사용할 때는 이 메시지를 트리거한 기능에 대한 컨텍스트와 정보를 제공해야 합니다. 사용자에게 앱을 설치해야 하는 이유를 제시합니다.

그림 11. 암시적인 설치 메시지 수를 제한합니다.

 

앱에서 작동하지 않는 섹션 삭제

앱을 인스턴트 앱으로 변환할 때 인스턴트 앱 UI에서 앱의 다른 기능 모듈로 연결되는 부분이 있을 수 있습니다. 인스턴트 앱에서 이러한 섹션을 모두 삭제하세요.

그림 12. 앱에서 작동하지 않는 부분은 삭제합니다.

 

결제 시 마찰 제거

인스턴트 앱에서의 구매가 Google Play 결제에서 지원되지 않고 사용자의 결제 정보가 등록되어 있지 않으면 Google Pay API와 같은 다른 결제 API를 사용할 수 있습니다. Google Pay API를 사용하면 상품 인도 결제와 같은 순수한 오프라인 결제를 제공하고 인스턴트 앱에 기프트 카드를 저장할 수 있습니다.

그림 13. Google Pay API를 사용한 결제 워크플로

 

서드 파티 서비스 및 콘텐츠로 연결되는 링크는 Chrome 맞춤 탭이나 브라우저에서 열 수 있습니다. 요청된 리소스가 HTTPS 프로토콜을 통해 제공된 경우 WebView를 사용하여 렌더링할 수 있습니다.

자체 서비스는 브라우저로 연결되는 것이 아니라 필요한 경우 WebView를 사용하여 인스턴트 앱 내에 있어야 합니다. 인스턴트 앱 내부의 모든 네트워크 트래픽은 HTTPS 프로토콜을 사용해야 합니다.

앱이 제공하는 기능과 외부 소스에서 제공되는 기능을 인스턴트 앱 내에서 명확하게 정의해야 합니다.

그림 14. 제어할 수 없는 외부 링크는 브라우저에서 열립니다.

 

인스턴트 앱 URL을 공유하는 방법 제공

인스턴트 앱은 사용자가 URL을 복사할 수 있는 주소 표시줄을 제공하지 않으므로 사용자가 인스턴트 앱의 URL을 공유할 수 있도록 앱 내에 '공유' 작업을 제공합니다.

그림 15. 사용자가 인스턴트 앱을 공유할 수 있도록 지원

추가 리소스

고품질 인스턴트 환경 만들기에 관한 자세한 내용은 다음 리소스를 참조하세요.

Codelab