В этом документе рассматриваются некоторые передовые методы проектирования и доставки информации. При необходимости следуйте этим рекомендациям, чтобы обеспечить наилучшее взаимодействие с пользователем.
Сначала дизайн, потом код
Изучите принципы и шаблоны дизайна, прежде чем приступить к разработке на 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
для автоматического изменения размера шрифта в зависимости от содержимого. - Следуйте нашим правилам письма .