라이브 타일

메일, 날씨, 뉴스 및 기타 앱에 대한 라이브 타일이 포함된 시작 화면

라이브 타일은 시작 화면과 최신 Windows 환경의 주요 부분입니다. 최신 콘텐츠 및 알림을 제공합니다. 라이브 타일은 빠르고 유연함을 강조하는 Microsoft 디자인 원칙을 구현합니다. 사용자는 시작 화면에서 앱의 업데이트 및 실시간 정보를 모두 확인할 수 있으므로 앱을 열기도 전에 새 정보를 빠르게 검토하고 앱을 활용할 수 있습니다.

Windows의 라이브 타일

타일은 시작 화면에서 앱을 나타내며 정적이거나 라이브일 수 있습니다. 정적 타일은 일반적으로 전체 타일 로고 이미지에 해당하는 기본 콘텐츠를 표시합니다. 그러나 라이브 타일은 앱을 다시 사용하도록 사용자를 유도하는 새롭고 중요한 콘텐츠를 제공할 수 있습니다. 단순한 배지 또는 라이브 타일 알림을 구현하여 사용자의 주의를 끌 수 있습니다.

뉴스 앱의 정적 타일 및 라이브 타일

타일 알림의 형태로 자주 업데이트를 제공하면 사용자에게 앱이 연결되어 있으며 새로운 라이브 콘텐츠를 받고 있다는 느낌을 줄 수 있습니다. 타일 알림의 업데이트 주기는 특정 앱 시나리오에 따라 달라집니다. 예를 들어 사용량이 많은 소셜 미디어 앱은 15분마다 업데이트되고, 날씨 앱은 2시간마다 업데이트되며, 뉴스 앱은 하루에 몇 번, 일일 판매 앱은 하루에 한 번, 잡지 앱은 한 달에 한 번 업데이트될 수 있습니다. 앱이 일주일에 한 번 미만으로 업데이트되는 경우 단순한 타일과 함께 배지를 사용하여 오래된 콘텐츠 느낌을 주지 않도록 하세요.

알림 배지는 SMS(Short Message Service) 앱 같이 짧은 요약 알림을 지원하는 앱에 적합합니다. 배지 숫자를 사용하여 사용자가 마지막으로 앱을 실행한 이후 받은 텍스트 수나 상태 등을 전달할 수 있습니다. 배지가 항상 50 이상의 숫자를 표시할 가능성이 크면 숫자 대신 상태를 전달하는 시스템 문자 모양을 사용하는 것이 좋습니다.

타일 알림은 사용자와 관련이 있으며 흥미롭고 정보를 제공하는 것이어야 합니다. 알림은 자세한 내용을 보기 위해 앱을 실행하거나 동작을 실행하도록 사용자를 유도합니다.

사용자가 타일을 다른 크기로 조정할 수 있습니다. 다양한 크기에 맞게 라이브 타일 알림 스타일을 조정할 수 있습니다. 예를 들어 큰 타일에서는 이미지가 효과적이지만 중간 크기 타일에서는 작은 알림이 더 효율적일 수 있습니다. 각 타일 크기를 고려하여 라이브 타일 기능을 적절하게 디자인하세요.

라이브 타일의 혁신

Great British Chefs 앱 와이드 라이브 타일 및 Windows 스토어 와이드 라이브 타일

라이브 타일에 표시되는 콘텐츠는 작은 알림부터 이미지 및 사용자에게 앱을 열어 더 자세히 탐색하도록 권유하는 긴 콘텐츠의 일부에 이르기까지 다양할 수 있습니다. 디자이너와 개발자에게 라이브 타일에서 제공하는 콘텐츠의 표시 유형과 적시성을 활용하도록 권유합니다.

더욱 멋진 라이브 타일을 만드는 특징은 다음과 같습니다.

  • 자주 업데이트되는 콘텐츠. 사용자는 앱이 실행되고 있지 않을 때도 활성화된 느낌을 받습니다.
  • 맞춤형 또는 개인 설정된 업데이트. 사용자가 앱 설정을 통해 지정하는 관심 분야 등 사용자에 대해 알고 있는 정보를 사용합니다.
  • 사용자의 현재 컨텍스트와 관련된 콘텐츠입니다.

예제

Monsters Love Candy

Monsters Love Candy 게임은 전체 타일을 사용하여 브랜드를 소개합니다. 와이드 타일은 XBOX 배너, 게임의 생성한 아트 및 더 많은 콘텐츠를 탐색하라는 메시지를 표시합니다.

Monsters Love Candy 앱 와이드 라이브 타일의 2가지 보기

 

더 작은 크기의 Monsters Love Candy 라이브 타일은 읽기가 가능하며 동적입니다. 먼저 문자 아트를 표시한 다음 플레이어에게 탐색할 기능이 더 많이 있음을 상기시키는 텍스트로 스크롤합니다.

Monsters Love Candy 앱 중간 크기 라이브 타일의 4가지 보기

 

News Bento

개인 설정된 뉴스 앱인 News Bento는 다양 한 라이브 타일 크기에 새로운 스토리를 표시합니다. News Bento는 사용자에게 중요한 출처의 콘텐츠를 종합적으로 수집하므로 라이브 타일에 각 스토리의 출처를 표시하면 관심을 끄는 동시에 앱에 대한 사용자 신뢰도가 증가합니다.

News Bento 앱 와이드 라이브 타일의 2가지 보기

 

이 앱은 큰 타일과 와이드 타일 크기에 뉴스 기사의 이미지를 사용합니다. 더 작은 타일 크기에서는 스토리의 출처와 헤드라인이 타일 전체에 걸쳐 있습니다. News Bento를 상징하는 파란색 배경을 통해 사용자는 다양한 콘텐츠가 표시되는 경우에도 다른 타일에서 앱을 쉽게 식별할 수 있습니다.

News Bento 앱 중간 크기 라이브 타일의 2가지 보기

 

관련 항목

타일 및 배지에 대한 지침 및 검사 목록