건강 및 피트니스 앱

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

건강 및 피트니스 앱 시나리오

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

라이브 타일대상 공유검색
시작 화면에서 건강 및 피트니스 앱 라이브 타일을 탭하는 사용자메일을 통해 데이터를 공유하는 사용자버스에서 앱을 검색하는 사용자

 

사용자 고무 및 앱으로 유도

라이브 타일을 통해 사용자가 앱의 콘텐츠에 주목하도록 할 수도 있습니다. 크기 조정된 창을 사용하여 사용자가 올바른 컨텍스트에서 관련 작업을 수행하도록 할 수 있습니다. 이 시나리오를 따라 건강 및 피트니스 앱에서 사용자와 관련 있는 콘텐츠를 표시하는 방법을 살펴보세요.

라이브 타일을 사용하는 사용자의 큰 이미지

Jill은 시작 화면에서 단백질 섭취량이 설정된 목표량보다 낮음을 나타내는 라이브 타일 업데이트를 발견합니다.

라이브 타일이 포함된 시작 화면 이미지

Jill은 라이브 타일을 클릭하고 앱 홈페이지로 이동됩니다. 다이어트에 관심이 있으므로 Food Tracker 허브를 선택합니다.

앱을 시작하는 사용자 이미지

Jill은 Food Tracker를 사용하여 다이어트 진행 상황을 검토하지만 보다 효율적인 다이어트 밸런스 방법에 대한 아이디어가 필요합니다.

사용자가 다이어트를 추적할 수 있는 앱 이미지

Jill은 Food Tracker를 검토하는 동안 새로운 조리법 아이디어를 찾을 수 있도록 Get Healthy 앱의 크기를 측면으로 조정합니다.

크기 조정된 보기 이미지

 

라이브 타일 및 좁은 창 요약

첫 번째 시나리오의 내용:

  • 라이브 타일을 사용하여 사용자가 일상 생활의 컨텍스트에서 작업을 수행하도록 할 수 있습니다.
  • 좁은 너비에서 제대로 작동하는 앱은 사용자의 앱 참여를 증가시킬 수 있습니다.

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

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

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

대상 공유

Microsoft 디자인 언어를 사용하여 앱 콘텐츠를 다른 Windows 스토어 앱에 연결할 수 있습니다.

Matt는 건강 정보를 구성 중이며 의사로부터 요청한 면역 레코드의 메일 복사본을 받습니다.

메일을 사용하는 사용자 이미지

Matt는 저장하려는 메일 콘텐츠를 선택하고 오른쪽에서 살짝 밀어 공유 참 메뉴를 선택합니다.

메일 이미지

Matt는 공유 참 메뉴에서 Get Healthy 앱을 선택하고 Get Healthy 앱과 메일 콘텐츠를 공유할 수 있습니다.

공유 참 메뉴 이미지

 

대상 공유 요약

두 번째 시나리오의 내용:

  • 앱을 공유 소스로 지정하고 콘텐츠, 링크 또는 기타 유형의 구조화된 데이터를 보낼 수 있습니다.
  • 콘텐츠를 대상 공유로 지정하고 콘텐츠, 링크 또는 기타 유형의 구조화된 데이터를 받을 수 있습니다.

공유 계약에 대한 자세한 내용은 다음 항목을 참조하세요.

검색

사용자는 적절하고 작동 가능한 경우 앱을 검색할 수 있습니다.

David는 Omega-3 보충제에 대한 건강 블로그를 읽고 있습니다. David는 임의 앱의 오른쪽에서 검색 참 메뉴를 열 수 있습니다.

문서를 찾고 있는 사용자 이미지'

David는 이제 새 앱을 시작하지 않고 검색 계약을 사용하도록 설정한 모든 앱을 검색할 수 있습니다. David는 Get Healthy 앱을 선택합니다.

검색 결과 이미지

이제 David는 새 앱에서 관련 문서를 읽고 왼쪽에서 살짝 밀어 이전 앱으로 빠르게 돌아갈 수 있습니다.

문서를 읽는 사용자 이미지

 

검색 요약

두 번째 시나리오의 내용:

  • 사용자는 적절하고 작동 가능한 경우 앱을 검색할 수 있습니다.

검색 계약에 대한 자세한 내용은 다음 항목을 참조하세요.

관련 항목

Windows 스토어 앱 만나보기
Windows 스토어 앱용 UX 지침
라이브 타일 지침
라이브 타일 샘플
창 크기 지침
좁은 레이아웃 지침
공유 지침
공유 원본 샘플
공유 대상 샘플
검색 샘플
검색 지침

 

 

표시:
© 2015 Microsoft