웹을 통한 앱 사용 경험

  • Comments 0

이전 글에서 개발자가 Windows 스토어를 통해 얻을 수 있는 놀라운 기회와 고객이 Windows 스토어에서 앱을 찾을 수 있는 모든 방법을 알아보았습니다. 우리는 고객이 웹을 통해서도 앱을 찾는다는 것을 잘 알고 있습니다. 스토어 서비스 팀의 프로그램 관리자인 Russell Wolf는 이 글에서 고객이 웹을 통해 손쉽게 앱을 찾고 스토어에서 이 앱을 구입할 가능성을 높여주는 세 가지 기능에 대해 설명합니다. 이 기능은 앱 개발자들에게 많은 도움이 될 것으로 예상됩니다.

- Antoine


Windows 스토어는 모든 앱 목록을 웹에 노출합니다. 따라서 Windows 스토어 외부에서 앱 목록 페이지에 연결할 수 있도록 하면 훨씬 더 많은 트래픽을 앱으로 유도할 수 있습니다. 또한 사용자 입장에서는 더 자세한 정보를 얻을 수 있으므로 충분한 정보를 바탕으로 앱을 구매할 수 있게 됩니다.

Windows 스토어 프로토콜

우리는 Windows 스토어 외부에서 앱 목록 페이지를 직접 실행할 수 있는 Windows 스토어용 Windows 8 프로토콜을 등록했습니다. 이 기능은 Windows 8 사용자가 Windows 스토어에 있는 특정 앱의 목록 페이지로 곧장 이동하도록 할 때 매우 유용합니다. 예를 들어 웹 브라우저 사용자 에이전트 문자열에 "Windows NT 6.2"가 있거나 Metro 스타일 앱을 통해 사용자와 통신할 수 있는 경우 해당 사용자는 Windows 8을 사용 중이므로 이 프로토콜을 적용할 수 있습니다. Windows 8 프로토콜은 현재 최신 버전의 Internet Explorer, Safari 및 Firefox에서 지원합니다.

아래 URL에 앱의 패키지 패밀리 이름을 추가하여 자신만의 고유한 Windows 스토어 프로토콜 링크를 만들 수 있습니다.

ms-windows-store:PDP?PFN=
앱의 패키지 패밀리 이름은 Visual Studio에서 검색하거나 웹 기반의 앱 목록 페이지 및 페이지 소스에서 확인할 수 있습니다.

코드에서 var packageFamilyName = 확인

웹 기반 앱 목록 페이지의 페이지 소스

Visual Studio에서 패키지 패밀리 이름을 확인하려면 먼저 로컬 프로젝트를 Windows 스토어의 개발자 계정과 일치시키고 Windows 스토어에서 앱 이름을 예약해야 합니다. "package.appxmanifest" 파일을 열면 Visual Studio에서 기본 제공되는 매니페스트 디자이너가 자동으로 실행됩니다. 여기서 "Packaging(패키징)" 탭을 클릭하고 "Package Family Name(패키지 패밀리 이름)" 필드의 항목을 확인하십시오.

패키징 탭의 스크린샷

Visual Studio 11의 매니페스트 디자이너에 있는 패키징 탭에 패키지 패밀리 이름이 표시됩니다.

앱 목록 페이지의 웹 버전

Windows 스토어에 앱을 게시한 경우 해당 앱이 제공되는 모든 시장 및 언어권에 앱 목록 페이지의 웹 버전이 자동으로 생성됩니다. 이러한 웹 기반 목록은 고객이 어떤 플랫폼을 사용하는지 모를 경우 전자 메일이나 소셜 네트워크를 통해 앱을 공유할 수 있는 최상의 방법이며, 모든 플랫폼의 사용자가 앱에 대한 자세한 정보를 얻을 수 있는 기회를 제공합니다. 사용자가 Windows 8 및 Windows 8 프로토콜을 지원하는 브라우저를 통해 웹 기반의 목록 페이지를 방문할 경우 Windows 스토어의 앱 목록 페이지로 전환할 수 있는 "View in Windows Store(Windows 스토어에서 보기)" 단추가 표시됩니다. Windows 8 프로토콜을 지원하는 브라우저가 늘어날수록 이러한 브라우저에서도 "View in Windows Store(Windows 스토어에서 보기)" 단추가 표시되도록 웹 기반의 목록 페이지를 업데이트할 계획입니다.

Labyrinth(미로) 앱의 목록

웹 목록 페이지

웹 목록에는 스토어 기반 목록의 개요 및 자세히 탭에 표시된 정보를 비롯하여 Windows 스토어 대시보드에서 앱에 제출한 모든 콘텐츠가 가격 및 사용자 평점 정보와 함께 표시됩니다. 이를 통해 웹에서 사용할 수 있는 데이터를 검색 엔진에서 인덱싱하고 사용자가 앱을 보다 쉽게 검색할 수 있습니다.

아래에 표시된 대로 Windows 스토어 대시보드에서 앱 정보 페이지로 이동하여 앱의 웹 목록 페이지에 대한 링크를 찾을 수 있습니다.

스토어에 있는 Labyrinth(미로) 앱의 링크가 강조 표시되어 있습니다.

Windows 스토어 대시보드의 앱 정보 페이지

Internet Explorer 앱 스위치

Windows 8의 Internet Explorer 10에는 기존 사이트 방문자를 앱으로 안내하는 앱 스위치라는 새로운 단추도 있습니다. 이 단추는 현재 방문한 사이트와 관련한 앱이 있을 경우, 이를 사용자에게 알려 줍니다. 사용자가 Windows 스토어에서 앱을 포함하는 웹 사이트를 보기 위해 Windows 8 시작 화면에서 Internet Explorer를 시작한 경우 앱 스위치 단추를 탭하거나 클릭하면 Windows 스토어의 해당 목록 페이지로 바로 이동합니다. 이 기능은 시작 화면에서 실행한 Metro 스타일 브라우저에서만 작동하며, Windows 8 데스크톱에서 Internet Explorer를 시작한 경우에는 사용할 수 없습니다.

앱 스위치 단추는 왼쪽 아래의 주소 표시줄 옆에 있습니다.

Internet Explorer의 앱 스위치 단추를 통해
사용자는 Windows 스토어에서 앱을 가져올 수 있습니다.

사용자가 앱을 이미 설치한 경우에는 앱을 바로 시작할 수 있는 옵션이 대신 제공됩니다. 이 작업을 수행하면 사용자가 앞서 방문했던 웹 페이지에 대한 정보가 앱에 전달되므로 앱 내의 적절한 위치로 이동할 수 있게 됩니다.

따라서 앱이 없는 사용자가 Windows 스토어를 열고 앱을 구매할 수 있을 뿐만 아니라 웹 사이트와 앱 경험 간에 공유되는 콘텐츠에서 앱으로 원활하게 전환할 수 있습니다.

특히, 앱 목록 페이지의 <body><head> 안에 다음 두 줄의 메타데이터만 추가하면 Internet Explorer 10에서 앱을 인식한다는 점이 매우 매력적입니다.*

<meta name="msApplication-ID" content="Contoso.Labyrinth"/>

<meta name="msApplication-PackageFamilyName" content="Contoso.Labyrinth_h91ms92gdsmmt"/>

msApplication-ID("package.appxmanifest" 파일의 코드를 볼 때 Application 태그에 표시되는 ID)는 Visual Studio에서 확인할 수 있으며, msApplication-PackageFamilyName은 위에서 설명했듯이 Visual Studio나 웹 기반 목록의 소스 코드에서 검색한 패키지 패밀리 이름입니다.

기본적으로 IE는 웹 페이지의 URL을 앱에 전달하지만 세 번째 선택적 <meta> 태그인 msApplication-Arguments를 지정하여 컨텍스트 관련 문자열을 대신 전달할 수 있습니다. IE 블로그에서는 앱 스위치 기능을 최대한 활용할 수 있는 몇 가지 설명서와 코드 예제를 제공합니다. 사용자는 경험을 통해 훨씬 많은 것을 얻을 수 있습니다.

고객 확대

Windows 스토어에 앱을 게시하면 수억 명에 이르는 잠재적인 고객을 확보할 수 있습니다. 지금까지 설명한 추가적인 검색 메커니즘을 활용하면 브라우저에서 상황에 맞는 앱 검색 경험을 향상시키고 호기심과 관심을 충족하려는 고객에게 더 가깝게 다가갈 수 있습니다.

- Russell Wolf

* 2012년 3월 13일에 정정 게시되었습니다. 오류가 있었던 점 사과드립니다.

  • Loading...
Leave a Comment
  • Please add 8 and 2 and type the answer here:
  • Post