뛰어난 Windows 스토어 앱 개발

수많은 개발자들이 혁신적인 Windows 8을 받아들여 뛰어난 경험을 제공하는 앱을 개발하는 모습을 보니 무척 즐겁습니다. AllrecipesAllrecipes Video Cookbook 앱 개발자들과 Windows 8 경험 개발에 대한 이야기를 나눌 기회가 있었습니다.

지금부터 Allrecipes 앱이 어떤 방식으로 고유한 Windows 8 경험을 활용하는지 자세히 살펴보겠습니다.

라이브 타일로 사용자의 호응 유도

Allrecipes 앱을 설치하는 즉시, 라이브 타일에 다양한 요리 사진이 표시됩니다. 사용자는 사진에 관심을 보이고 오늘 저녁 요리로 만들고 싶다는 생각을 하게 됩니다. 아직 앱을 실행하지도 않았는데 말이죠. 생생한 정보 또는 이미지를 보여 주는 라이브 타일은 앱을 실행하지 않을 때에도 사용자의 시선을 끌 수 있는 훌륭한 수단입니다.

Allrecipes 라이브 타일이 표시된 Windows 8 시작 화면.

하나를 제대로

뛰어난 앱은 한 가지를 엄청나게 잘 하는 앱입니다. Allrecipes 앱을 실행해 보면 이 앱이 오직 하나에만 집중한다는 사실을 금방 알 수 있습니다. 바로 요리법이죠. 레이아웃에는 요리법과 함께 사용자의 영감을 자극하는 사진이 표시되며, 쉽게 구할 수 있는 재료를 사용하는 요리법을 간편하게 검색할 수 있습니다. 계정을 만들어서 좋아하는 요리법을 저장할 수 있는 옵션도 표시됩니다.

Allrecipes 앱은 소셜 네트워크나 쇼핑 기능을 전혀 사용하지 않습니다. 모든 경험이 훌륭한 요리법을 찾는 일에만 집중되어 있습니다.

Allrecipes 앱의 주 화면.

계약을 통해 호응 확장

계약은 Windows 스토어 앱을 Windows 8 경험과 연결하는 접착제 역할을 합니다. Allrecipes 앱은 두 가지 계약을 사용합니다. 바로 검색 계약과 공유 계약이죠.

검색 계약은 사용자가 앱을 사용하지 않을 때에도 호응을 끌어낼 수 있습니다. 예를 들어 여러분이 태국에 대한 기사를 읽던 중 팟타이를 만들고 싶다는 생각을 했다고 가정하겠습니다. 다른 플랫폼에서는 보고 있는 앱을 종료한 후 요리법 앱을 열고 "팟타이"를 검색해야 합니다. 하지만 Allrecipes 앱은 검색 계약을 지원하기 때문에 지금 보고 있는 화면을 안쪽으로 살짝 밀고 검색 참을 탭하면 됩니다. 그런 다음 "팟타이"를 입력하고 Allrecipes 앱을 선택하면 Allrecipes 앱에 검색 결과가 표시됩니다.

Allrecipes 앱에서 검색 참을 사용하는 모습.

공유 계약은 앱의 범위를 확장할 수 있는 또 하나의 좋은 방법입니다. 완벽한 팟타이 요리법을 찾았는데 친구들에게 알려주면 좋아할 것 같다는 생각이 들었다고 가정하겠습니다. 요리법을 볼 때 화면을 안쪽으로 살짝 밀고 공유 참을 탭합니다. 요리법을 공유할 방법을 선택할 수 있습니다. 피플 앱을 사용하여 소셜 피드에 요리법 링크를 게시할 수도 있고 친구에게 메일로 링크를 보낼 수도 있습니다. 탭 몇 번이면 이 모든 과정을 완료할 수 있습니다.

공유 참이 표시된 Allrecipes 앱.

요리법을 사이드 뷰로 표시

뛰어난 Windows 스토어 앱은 몰입도가 뛰어납니다. 시스템을 효율적으로 사용하여 콘텐츠에 대한 사용자의 집중력이 흩틀어지지 않습니다. 하지만 사용자가 여러 앱을 동시에 보고 싶은 경우가 분명 있습니다. 바로 이러한 이유로 Windows 8에서는 각각 화면 크기를 다르게 차지하는 사이드 뷰 및 채우기 뷰 를 지원합니다. Allrecipes 앱은 사이드 뷰에서도 잘 보입니다. 블로그 글 작성에 대부분의 화면을 사용하더라도 요리법을 읽고 설명을 따라 하기에 전혀 불편함이 없습니다.

사이드 뷰로 본 Allrecipes 앱

전체 화면 보기뿐 아니라 사이드 뷰와 채우기 뷰를 모두 지원하는 Allrecipes 앱은 사용자가 앱 표시 방식을 선택할 수 있습니다. 이것이 사용자의 적극적인 호응을 유도하고, 그 결과 사용자의 앱 사용 및 추천 빈도가 늘어납니다.

이제 여러분의 차례

여러분이 Windows 8 기능을 효과적으로 활용하는 앱을 개발할 수 있도록 다양한 도구와 리소스가 준비되어 있습니다. library of Photoshop design assets(Photoshop 디자인 자산 라이브러리)를 다운로드하고, technical(기술)design(디자인) 지침을 확인하고, 사전 정의된 animations(애니메이션)을 살펴보십시오. 게임, 엔터테인먼트, 뉴스, 생산성, 스포츠, 쇼핑, 여행교육 등의 범주에 속하는 앱 개발을 위한 자료도 많이 준비되어 있습니다. 이제 뛰어난 앱을 마음껏 개발하시기 바랍니다.