여행 앱

여행 앱 아이디어 북에는 Windows 8.1용 가상 여행 앱에 대한 설명이 포함되어 있습니다. 이 항목의 시나리오를 검토하고 Microsoft 디자인 언어를 앱에서 활용하는 방법을 파악하면 여행 앱 디자인에 대한 아이디어를 얻을 수 있습니다.

여행 앱 시나리오

이 항목에서 설명하는 여행 앱은 Microsoft 디자인 기능을 통해 사용자를 위한 효율적인 여행 환경을 만듭니다.

고무 예약 체크 인
라이브 타일 및 탐색 이미지 여행 앱 이미지 알림 메시지 이미지

 

사용자 고무 및 실행에 옮기도록 지원

라이브 타일을 사용하여 앱으로 사용자의 관심을 끌 수 있으며 공유 계약을 사용하면 손쉽게 콘텐츠를 다른 사용자에게 전달할 수 있습니다. 이 시나리오에 따라 효율적인 여행 앱을 만드는 방법을 파악할 수 있습니다.

라이브 타일 및 검색의 큰 이미지

Ben은 Wigtip Destinations 앱 라이브 타일에 가입했으며 해변으로의 휴가 제안이 그의 관심을 끕니다.

라이브 타일이 표시된 시작 메뉴 이미지

앱을 시작한 후 Ben은 해변 여행 제안을 클릭합니다.

여행 제안이 표시된 여행 앱 이미지

Ben은 더 자세히 보기 위해 Contoso 해변 여행 제안을 선택합니다.

여행 제안 이미지

Ben은 이 제안이 마음에 들어서 친구와 공유하기로 합니다.

여행 제안 및 공유 참 메뉴 이미지

 

라이브 타일 및 공유 요약

첫 번째 시나리오의 내용:

  • 라이브 타일은 제안을 선택할 수 있는 기능을 포함하여 사용자와 관련이 있는 정보를 표시하여 사용자의 주의를 다시 앱으로 전환시키는 역할을 합니다.
  • 콘텐츠를 공유 소스로 지정하면 Windows 8.1을 통해 다른 앱, 메일 및 소셜 네트워크에 연결할 수 있습니다.

라이브 타일 및 공유에 대한 자세한 내용은 다음 항목을 참조하세요.

여행 예약

앱 바 및 시맨틱 줌을 사용하여 사용자에게 앱을 탐색할 수 있는 일관된 방식을 제공하면서 콘텐츠가 눈에 띄게 할 수 있습니다.

여행 예약 이미지

Ben은 Wingtip Destinations 앱을 시작하고 여행하려는 도시를 입력합니다. 앱은 이미 Ben의 현재 위치를 인식하고 있습니다.

목적지가 표시된 지도 이미지

달력은 터치 및 마우스로 모두 편리하게 사용할 수 있습니다.

달력 페이지 이미지

앱 바에서 Ben은 여러 가지 방식으로 비행 옵션을 보고, 필터링하고, 정렬할 수 있습니다.

앱 바 및 비행 옵션 이미지

Ben은 비용이 걱정되어 결과를 가격순으로 보기로 합니다.

여행 옵션 및 가격 이미지

Ben은 시맨틱 줌을 사용하여 다른 데이터 보기를 표시합니다.

축소된 비행 옵션 가격 이미지

Ben은 여행 일정을 보고, 승객 정보를 입력한 다음, 좌석을 선택하고, 지불 세부 정보를 입력하는 작업을 모두 한 단계에서 수행합니다. 여기에서 Ben은 이 여행을 나중에 가기 위해 저장하거나, 표를 예약할 수 있습니다.

여행 앱 이동 대시보드 이미지

Ben은 여행을 예약하기로 하고 구매를 완료합니다.

여행 앱 여행 일정 페이지 이미지

 

여행 예약 요약

두 번째 시나리오의 내용:

  • 콘텐츠는 맨 앞에 명령으로 표시되고 탐색은 앱 바에 배치됩니다.
  • 사용자는 시맨틱 줌을 사용하여 데이터를 다른 방식으로 볼 수 있습니다.
  • 지리적 위치 기능을 사용하여 앱에서 위치를 인식하도록 할 수 있습니다.

앱에 가장 적합한 탐색 패턴을 선택하는 방법을 보려면 탐색 패턴을 참조하세요.

앱 기능 전체 프로세스 시리즈의 일부로 플랫 탐색 패턴의 작동 방법을 살펴보세요.

앱 바, 시맨틱 줌 및 위치 인식 앱에 대한 자세한 내용은 다음 항목을 참조하세요.

알림 및 인쇄

Windows 8.1 에코시스템을 사용하여 사용자와 의견을 주고받을 수 있습니다.

알림 메시지 이미지

Ben은 일이 매우 바쁠 때 체크 인할 시기를 알리는 Wingtip Destinations의 알림 메시지를 받습니다.

알림 메시지 이미지

Ben은 알림 메시지를 클릭하고 체크 인 페이지로 딥 링크됩니다. Ben은 체크 인하고 탑승권을 인쇄합니다.

여행 앱 체크 인 페이지 이미지

 

알림 및 인쇄 요약

세 번째 시나리오의 내용:

  • 알림 메시지는 앱으로 딥 링크되며 사용자에게 콘텐츠에 다시 참여할 수 있는 기회를 제공합니다.
  • 프린터 등의 장치를 비롯하여 앱에서 전체 Windows 에코시스템을 활용할 수 있습니다.

알림 메시지 및 인쇄에 대한 자세한 내용은 다음 항목을 참조하세요.

다양한 가능성 살펴보기

Windows 8.1은 앱을 돋보이게 만들 수 있는 새로운 기능으로 가득 차 있습니다.

예를 들어 검색 상자를 추가하면 사용자가 앱의 콘텐츠를 검색할 수 있고, 검색 계약을 추가하면 사용자가 다른 앱에서 해당 앱의 콘텐츠를 검색할 수 있습니다. 자세한 내용은 검색 샘플검색 지침을 참조하세요.

검색 작동 원리 이미지

관련 항목

Windows 스토어 앱 만나보기

Windows 스토어 앱용 UX 지침

알림 메시지에 대한 지침 및 검사 목록

알림 샘플

라이브 타일 샘플

라이브 타일 지침

앱 바 지침

앱 바 샘플(HTML)

앱 바 샘플(XAML)

시맨틱 줌 샘플(C#/VB/C++)

시맨틱 줌 샘플(JavaScript)

시맨틱 줌 지침

인쇄 지침

인쇄 샘플

위치 인식 응용 프로그램에 대한 지침

지리적 위치 샘플

검색 샘플

검색 지침

공유 원본 샘플

공유 대상 샘플

공유 지침