Лучшие практики

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

Сначала дизайн, потом код

Изучите принципы и шаблоны дизайна, прежде чем приступить к разработке на Glass. Для получения дополнительной информации ознакомьтесь с руководствами по дизайну .

Чтобы получить предварительный отзыв о дизайне, создайте и отправьте проект Glassware Flow группе проверки.

Не используйте закрепленный элемент временной шкалы в качестве средства запуска

Пользователи могут вызывать Glassware и его функции двумя основными способами: с помощью голосовой или сенсорной команды из главного меню ok glass или через контекстное меню на карточке временной шкалы.

Вы никогда не должны заставлять пользователей закреплять карту временной шкалы с элементами меню для запуска Glassware. Mirror API предназначен для периодических уведомлений на основе настроенных пользователем параметров.

Предоставление пунктов меню для запуска GDK Glassware или вызова API-интерфейса Mirror допустимо, если интерфейс соответствует шаблону проектирования периодических уведомлений и не использует API-интерфейс Mirror для немедленной интерактивности .

Например, Glassware для усыновления домашних животных не должна вставлять карточку временной шкалы и заставлять пользователей прикреплять ее для доступа к функциям позже (например, «Поиск собак», «Поиск кошек», «Поиск птиц» и т. д.). на). Вместо этого Glassware должен позволять пользователям устанавливать критерии для домашних животных, которых они хотят, и периодически доставлять карточки, соответствующие этим критериям. Затем эти карточки могут содержать пункты меню для выполнения таких действий, как «Читать биографию» и «Принять питомца».

Следуйте стандартному дизайну карт и шаблонам

По возможности используйте одобренные дизайны и шаблоны карточек . Если шаблоны не работают:

  • Используйте стили в base_style.css , если вы используете Mirror API.
  • Следуйте общим правилам отступов и интервалов, как и для встроенных шаблонов.

Соблюдайте требования СМИ

Если вы доставляете медиафайлы, следуйте этим рекомендациям:

  • Все общедоступные видео передаются в потоковом режиме и не прикрепляются к элементам временной шкалы.
  • Соотношение сторон видео 16:9.
  • Разрешение видео 640×360 пикселей.
  • Формат Н.264

Связывать и разбивать на страницы правильно

Связки и нумерация страниц позволяют группировать карточки, но их следует правильно использовать в следующих ситуациях.

Пакеты

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

Случаи, когда связки работают хорошо:

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

Случаи, когда пакеты не работают должным образом:

  • Весь контент из вашего сервиса
  • Многие заголовки, отправленные в Glass в течение дня

Пагинация

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

Случаи, когда нумерация страниц работает хорошо:

  • Одно электронное письмо, новость или аналогичный контент, который не помещается на одной карточке.

Случаи, когда нумерация страниц не работает:

  • Группа отдельных карточек, например несколько новостей или электронных писем.

Следуйте стандартному дизайну меню

Пользовательские пункты меню

  • Каждое действие пункта меню должно иметь соответствующий значок 50 × 50. Используйте значки меню Glass , чтобы соответствовать пользовательскому интерфейсу Glass.
  • Если возможно, ограничьте отображаемые имена несколькими словами. Используйте повелительный глагол с дополнением или без него.
  • Используйте значок и отображаемое имя по умолчанию для встроенных пунктов меню, если вы не используете пункт меню для чего-то совсем другого.
  • Иконки полностью белого цвета и на прозрачном фоне.
  • Используйте короткие и действенные отображаемые имена элементов меню. Императивные глаголы с дополнением или без него прекрасно работают, как в следующих примерах.
  • Элементы меню «Отклонить» удаляют карточку временной шкалы только из временной шкалы, поэтому создавайте для этого настраиваемый элемент меню, только если вам это нужно. В общем, вы должны позволить элементам временной шкалы естественным образом исчезать с течением времени и не требовать от пользователей активного управления вашим приложением.
  • Держите имена до 15 символов или меньше. Например:
Плохой Хороший
Продлить запись Продлить видео
Отправить сообщение Джо Отправить сообщение

Встроенные пункты меню

  • «Ответить» или «Ответить всем» — голосовые ответы предназначены для записи голосового ввода в свободной форме. Не используйте голосовые ответы для записи ограниченного набора параметров, например возможных ходов в игре.

  • Удалить — закрывает карточку временной шкалы и удаляет содержимое, соответствующее карточке временной шкалы, везде, где оно хранится (локальное хранилище и хранилище сервера). Не путайте своих пользователей, предлагая пункт меню «Удалить», если предлагаемая вами функциональность — «Отклонить».

Не используйте Mirror API для немедленной интерактивности

Mirror API не предназначен для получения запросов от пользователей и ответа в режиме реального времени или с малой задержкой. Если это требование, используйте GDK.

Например, Mirror API Glassware хорошо работает с командой «сделать заметку», поскольку пользователям не нужно ждать ответа от Glassware после вызова команды.

Напротив, «найди рецепт, спагетти» не очень хорошо работает с Mirror API Glassware, потому что пользователи ожидают, что результаты поиска будут отображаться немедленно. При использовании Mirror API пользователям приходится некоторое время ждать, пока карта будет вставлена ​​на временную шкалу, чтобы продолжить использование Glassware, что не очень удобно для пользователей.

Это ограничение применяется к основным голосовым командам на карте Glass Home, а также к элементам меню на картах и ​​погружениям.

Создавайте контент правильно

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

  • По возможности используйте изображения вместо текста
  • Отображение изображений в их исходном соотношении сторон (обрезанные допустимы).
  • Оставьте среднюю часть нижнего колонтитула карточки пустой. Здесь появляется контекстное голосовое меню «ОК» , которое блокирует любой контент под ним.
  • При желании используйте класс CSS auto-resize для автоматического изменения размера шрифта в зависимости от содержимого.
  • Следуйте нашим правилам письма .