Спонсор: Microsoft
Опубликован: 27.12.2012 | Доступ: свободный | Студентов: 429 / 35 | Длительность: 09:19:00
Специальности: Программист
Лекция 9:

Живые плитки и уведомления

< Лекция 8 || Лекция 9: 123 || Лекция 10 >

Циклические уведомления

Цикличность позволяет отправлять пользователю до пяти уведомлений в виде анимации. В общем случае, более новые уведомления замещают более старые в порядке очереди. Однако, с уведомлениями можно ассоциировать теги - тогда новое уведомление с соответствующим тегом заменит более старое, имеющее такой же тег, независимо от позиции старого уведомления в очереди.

Используйте с осторожностью циклические уведомления в приложении.В зависимости от приложения и уведомлений к ним, уведомления на плитке могут содержать устаревшую информацию.

Для предотвращения подобных явлений можно также использовать теги.

Ниже приведены примеры правильного и неправильного использования циклических уведомлений.

  • Хороший пример: новостное приложение может отправлять пять статей в день или одну статью и несколько дополняющих её изображений.
  • Хороший пример с тегом - биржевое приложение отправляет 3 уведомления за час, каждое с информацией об определенной акции (msft, amzn, nflx).
  • Плохой пример - приложение для покупок уведомляет пользователя об акциях, действие которых заканчивается в конца дня. Если включено циклическое обновление и уведомления не просматриваются, пользователю будут показываться просроченные уведомления.

Уведомления для быстрого просмотра

Анимированные шаблоны плиток быстрого просмотра предназначены для привлечения внимания пользователя. Старайтесь использовать такие шаблоны только с актуальным содержанием, чтобы не вызвать раздражение пользователя.




Быстрый просмотр может быть использован для предпросмотра содержания голосовой почты

При использовании шаблона быстрого просмотра анимация может начинаться с любой стороны - текст может полностью исчезнуть вниз или вверх, также как и анимация других кадров.

Поэтому следует убедиться, что содержание каждого кадра вашего шаблона имеет самостоятельную ценность, но в то же время дополняет друг друга.

Неподходящее использование шаблонов быстрого просмотра

Избегайте избыточности информации. Например, если пользователь поставил на паузу аудио-плеер, это должно быть видно сразу (понятно, что приложение остановлено, поэтому нет необходимости в добавлении анимации).

Также следует избегать использования логически несвязанных элементов.

При отправлении пользователю двух разных новостей информацию следует отобразить в виде уведомления или анимации, без использования быстрого просмотра.

Вспомогательные плитки

Вспомогательные плитки позволяют создавать связь с контентом приложения, который интересен пользователю. Эти плитки можно рассматривать как ссылки "читать далее", которые ведут к интересным, часто обновляемым разделам вашего приложения. Например, это может быть фотоальбом в приложении для работы с фотографиями, свежие записи в приложении для чтения новостных лент. Команда Закрепить (Pin) позволяет размещать интересные данные из приложений на начальный экран.

Всплывающие уведомления

Всплывающие уведомления разработаны для обеспечения своевременного и актуального уведомления пользователя при закрытом приложении. Примеры использования всплывающих уведомлений:

  • новые сообщения в электронном ящике;
  • новые мгновенные сообщения;
  • новые текстовые сообщения;
  • напоминания приложения Календарь и другие виды напоминаний;
  • системные операции, например, копирование/перенос фотографий;
  • уведомления приложений, выбранные на усмотрение пользователя.


Клик по всплывающему уведомлению позволит быстро перейти в соответствующее приложение

Т.к. всплывающее уведомление самостоятельно исчезают с экрана, существуют определенные сложности, которых вы узнаете далее. Что происходит с уведомлениями при отсутствии пользователя на месте? По сути, запущенное приложение может скрыть всплывающее уведомление, если оно больше не активно, например, пропущенный телефонный звонок.Кроме того, несколько уведомлений, полученных за короткий промежуток времени, могут быть свернуты.

Неподходящее использование всплывающих уведомлений

  • Старайтесь не использовать слова "Нажмите, чтобы…" - это подразумевает неясность действий.
  • Не используйте лишние уведомления без согласия пользователя. Например, регулярное уведомление о появлении собеседника пользователя в сети будет очень надоедать.
  • Большое количество уведомлений, например, об изменениях курса акций, лучше размещать непосредственно в приложении или в качестве уведомлений в плитке.
  • Не используйте всплывающее уведомления для показа информации, которая не относится к обновлениям данных в реальном времени, например - фото дня.
  • При запущенном приложении используйте пользовательский интерфейс самого приложения, а не системы.
  • Не размещайте во всплывающем уведомлении критические предупреждения. Чтобы пользователь обратил внимание на ваше сообщение в рамках приложения, можно воспользоваться диалоговым окном или другим встроенным элементом.

Задание

Если вы читали предыдущие лекции, у вас должно быть представление, как должна выглядеть структура приложения. Далее рассмотрим, какую информацию лучше всего разместить на живой плитке. Например, в приложении FoodTruck можно найти следующие применения живым плиткам и циклическим уведомлениям.

  • Плитка, показывающая маршруты пяти последних передвижных палаток быстрого питания в определенном районе.
  • Плитка, которая показывает комментарии работы заведений, выбранных случайно.
  • Плитки, показывающие еженедельные специальные предложения по избранным фургонам.
Несколько примеров циклического обновления данных, показывающего пять случайно выбранных отрывков информации

увеличить изображение
Несколько примеров циклического обновления данных, показывающего пять случайно выбранных отрывков информации

Вы можете использовать вместо этого функцию быстрого просмотра, который состоит из двух связанных между собой частей со схожим содержанием.

Примеры могут быть следующими:

  • изображение фургона-ресторана и ежедневные предложения;
  • изображение случайно выбранного грузовика и комментарии к нему;
  • изображение предложения дня и предоставление данных о местоположении передвижной палатки быстрого питания.
Пример быстрого просмотра, отображающих две соединенные записи

Пример быстрого просмотра, отображающих две соединенные записи

Итоги

В этой лекции вы узнали главное назначение живых плиток в WinRT-приложениях и выяснили, зачем их нужно размещать на начальном экране. Также вы узнали об основных вариантах оформления, а также об особенностях живых плиток - циклическое обновление и быстрый просмотр. Кроме того, вы ознакомились с брендингом и основными принципами работы плиток, а также индикаторов событий и уведомлений.

Самостоятельная работа

На листе бумаги сделайте набросок живой плитки, связанной с учебным приложением. Выберите подходящее оформление.Как будет отображаться плитка- в режиме циклического обновления или быстрого просмотра, какой размер лучше - маленький (квадратный) или большой (прямоугольный)?

Вопросы

  1. Что такое индикатор события плитки и где он расположен?
  2. Дайте определение главной функции быстрого просмотра и отличие ее от циклического содержания в приложении для Магазина Windows.
  3. Что такое всплывающее уведомление и чем но отличается от уведомлений, отображаемых на плитках?

Дополнительные источники

Для углубленного изучения живых плиток и их свойств рекомендуем использовать следующие источники.

  • Руководство и контрольный список для плиток и индикаторов событий

    http://msdn.microsoft.com/ru-ru/library/windows/apps/hh465403.aspx

    Здесь приведено описание рекомендуемых способов работы, устранения неполадок, рекомендации по глобализации и локализации, которые можно использовать при разработке живых плиток и настройке их обновления. Кроме того, здесь перечислены требования, которыми должны соответствовать плитки вашего приложения для того, для размещения вашего приложения в Магазине Windows. Кроме того, по указанной ссылке вы найдёте информацию о работе с индикаторами событий.

  • Руководство и контрольный список для всплывающих уведомлений

    http://msdn.microsoft.com/ru-ru/library/windows/apps/hh465391.aspx

    Здесь описаны рекомендуемые способы создания и отправки всплывающих уведомлений, а также предоставлен список требований, выполнение которых необходимо для публикации приложения в Магазине Windows.

Ответы

  1. Индикаторы событий отображают статус обновлений различного типа, например, количество принятых сообщений. Индикаторы расположены в правом нижнем углу плитки.
  2. Циклическое обновление в применении к WinRT-приложениям представляет собой анимацию нескольких отдельных уведомлений внутри плитки. Содержание уведомлений цикла может быть связанными и несвязанными друг с другом. (Несвязанное содержание, например, может содержать пять разных новостей.Связанный между собой контент может описывать одно событие или одно изображение.) Быстрый просмотр - это анимированиесвязанного контента в плитке. Главное различие между ними заключается в необходимости тематической группировки информации в быстром просмотре.
  3. Всплывающее уведомление является своевременным и соответствующим сообщением, которое отправляется пользователю, когда основное приложение не запущено. Например, когда пользователь просматривает приложения Погода, ему может прийти всплывающее уведомление о входящем звонке.
< Лекция 8 || Лекция 9: 123 || Лекция 10 >
Максим Домшенко
Максим Домшенко
Россия, Курск, Региональный Финансово-Экономический Институт
Андрей Бобылев
Андрей Бобылев
Россия, Москва