사용자는 일반적으로 앱 스토어를 통해, 또는 패키지를 다운로드하고 설치를 통해 앱, 특히 플랫폼 앱을 다운로드하게 됩니다. 오늘날 데스크톱 환경조차도 중앙 집중식 스토어에서 앱을 제공하는 방향으로 전환하고 있습니다.
웹 앱의 경우 모델이 다릅니다. 사용자가 웹 앱을 다운로드하기 위해 중앙 집중식 App Depot를 방문할 필요가 없습니다. 설계상 모든 웹 환경을 설치할 수 있는 것은 아니며, 앱 설치는 플랫폼과 브라우저마다 다를 수 있으며 브라우저에서도 앱을 설치할 수 있는 메뉴와 노출 영역이 다릅니다. 사용자가 설치 옵션을 클릭하면 기본 대화상자에는 아래와 같이 추가 정보가 포함되지 않습니다.
설치 가능하며 플랫폼 앱과 동일한 상호작용을 제공하는 웹 앱을 제작하려면 이러한 환경을 지원하기 위한 기술적 작업과 사용자가 이 다양한 설치 흐름을 활용할 수 있도록 적절한 안내가 필요합니다.
더욱 풍부한 설치 UI를 통해 웹 개발자는 설치 시 사용자에게 앱에 대한 구체적인 컨텍스트를 제공할 수 있습니다. 이 UI는 Chrome 94 이상의 모바일과 Chrome 108 이상의 데스크톱에서 사용할 수 있습니다. Chrome은 계속해서 설치 가능한 앱을 위한 간단한 설치 대화상자를 제공할 예정이지만, 이 더 큰 UI는 개발자가 웹 앱을 강조 표시할 수 있는 공간을 제공합니다. 또한 앱 스토어의 대화상자와 유사하기 때문에 설치 프로세스가 더 익숙해집니다.
더욱 풍부한 설치 UI 사용 설정
더 풍부한 설치 UI 대화상자를 표시하려면 개발자는 screenshots 배열에 상응하는 폼 팩터의 스크린샷을 하나 이상 추가해야 합니다. description 필드는 필수는 아니지만 사용하는 것이 좋습니다. 콘텐츠 대화상자는 이 두 필드의 콘텐츠로 빌드되어 앱 스토어 설치와 더 유사한 환경을 제공합니다. 이를 통해 사용자는 기기에 앱을 추가하고 있음을 식별할 수 있으며, 사용 가능한 공간이 더 많아지면 개발자는 설치 시 사용자에게 특정 컨텍스트를 제공할 수 있습니다.
예를 들어 개발자는 description 필드를 사용하여 사용자가 기기에 앱을 계속 사용하도록 유도하는 앱의 기능을 강조할 수 있습니다. screenshots를 사용하면 플랫폼 앱이 쉽게 액세스할 수 있도록 웹 앱의 디자인과 분위기를 독립형으로 표시할 수 있습니다.
자세한 사양과 이를 앱에 추가하기 위한 가이드는 더 풍부한 설치 UI 패턴을 참고하세요.
이전 스타일의 설치 프롬프트는 정보와 컨텍스트를 거의 제공하지 않았습니다. 이는 설치의 의미에 대한 사용자의 기대를 충족하지 못하여 발생한 상황에 대해 사용자가 혼란스러워할 수 있습니다. 많은 사람이 설치 요청을 완전히 거부했고 이는 앱을 만든 기업에게도 좋지 않은 상황입니다.
풍부한 설치를 통해 운영체제에서와 유사한 환경을 만들 수 있습니다.
Squoosh 앱 매니페스트 파일의 예를 따라 직접 직접 빌드하고 https://squoosh.app/에서 실시간으로 시도해 볼 수 있습니다.
의견 Google은 카테고리, 앱 평점 등 더 풍부한 설치를 위한 다른 옵션을 고려하고 있습니다. 결정을 내리려면 고객님의 의견이 필요합니다. 디자인에 대해 알려주세요. 풍부한 설치 UI가 예상대로 작동하지 않는 부분이 있나요? 아니면 아이디어를 구현하는 데 필요한 특정 데이터가 있나요? 질문이나 의견이 있으신가요? 이 양식을 작성합니다.
사진 제공: Kaboompics .com(Pexels)