Este documento aborda algumas práticas recomendadas para design e envio de informações. Siga estas diretrizes quando aplicável para garantir a melhor experiência do usuário.
Design em primeiro lugar, segundo código
Conheça os princípios e padrões de design antes de começar a desenvolver no Glass. Para mais informações, leia os guias de Design.
Para receber feedback antecipado sobre o design, crie e envie seu design do Glassware Flow para a equipe de revisão.
Não usar um item de linha do tempo fixado como tela de início
As duas principais maneiras de invocar o Glassware e os recursos dele são um comando de voz ou toque do menu principal do ok Glass ou um menu contextual de um card da linha do tempo.
Nunca force os usuários a fixar um card da linha do tempo com itens de menu para iniciar o Glassware. A API Mirror foi projetada para notificações periódicas com base nas configurações definidas pelo usuário.
É permitido fornecer itens de menu para iniciar o GDK Glassware ou chamar a API Mirror, desde que a experiência seja consistente com o padrão de design de notificações periódicas e não use a API Mirror para interatividade imediata.
Por exemplo, um Glassware de adoção de animais de estimação não pode inserir um card da linha do tempo e forçar os usuários a fixá-lo para acessar recursos mais tarde (por exemplo, "Pesquisar cachorros", "Pesquisar gatos", "Procurar pássaros" etc.). Em vez disso, o Glassware permitirá que os usuários definam critérios para os animais de estimação que querem e entreguem periodicamente cards que atendam a esses critérios. Esses cards podem conter itens de menu para realizar ações como "Ler biografia" e "Adotar pet".
Siga o design e os modelos de cartão padrão
Quando possível, use designs e modelos aprovados de cartões. Se os modelos não funcionarem:
- Use os estilos em base_style.css se estiver usando a API Mirror.
- Siga as regras gerais para padding e espaçamento como os modelos integrados.
Seguir os requisitos de mídia
Ao enviar mídia, siga estas diretrizes:
- Todos os vídeos públicos são transmitidos e não são anexados a itens de linha do tempo.
- A proporção do vídeo é de 16:9.
- A resolução do vídeo é de 640 × 360 pixels.
- Formato H.264
Agrupar e paginar corretamente
Com os pacotes e a paginação, é possível agrupar cards, mas você precisa usá-los corretamente nas situações a seguir.
Pacotes
- Use pacotes para grupos de cards semelhantes, mas que não deveriam estar no mesmo card.
- Projete os cards de capa do pacote para serem resumos visualmente diferentes dos cartões do pacote.
- Notifique o usuário com um som de notificação apenas uma vez para cada pacote.
Casos em que os pacotes funcionam bem:
- Uma conversa de e-mails ou mensagens curtas
- Três mensagens SMS entre as mesmas pessoas
- Cinco fotos tiradas uma hora da outra
- Artigos relacionados inseridos de uma só vez
- Uma lista dos principais eventos e atualizações de placar de um jogo esportivo em andamento
Casos em que os pacotes não funcionam bem:
- Todo o conteúdo do seu serviço
- Muitos títulos foram enviados ao Google Glass ao longo de um dia.
Paginação
Use a paginação para itens de linha do tempo que não cabem em um único card devido a restrições de espaço, mas precisam estar no mesmo card.
Casos em que a paginação funciona bem:
- um único e-mail, notícia ou conteúdo semelhante que não cabe em um único card;
Casos em que a paginação não funciona bem:
- Um grupo de cards diferentes, como notícias ou e-mails.
Siga o design de menu padrão
Itens de menu personalizados
- Cada ação do item de menu precisa ter um ícone associado de 50 × 50. Use os ícones do menu de vidro para manter a consistência com a IU do Glass.
- Limite os nomes de exibição a algumas palavras, se possível. Use um verbo imperativo com ou sem um objeto.
- Use o ícone e o nome de exibição padrão dos itens de menu integrados, a menos que você esteja usando o item de menu para algo muito diferente.
- Os ícones são totalmente brancos e têm planos de fundo transparentes.
- Use nomes de exibição curtos e acionáveis de itens de menu. Verbos imperativos com ou sem objetos funcionam muito bem, como nos exemplos a seguir.
- Os itens do menu "Dispensar" removem o card da linha do tempo apenas da linha do tempo. Por isso, crie um item de menu personalizado somente se você precisar dele. Em geral, você precisa permitir que os itens da linha do tempo sejam reduzidos naturalmente ao longo do tempo e não exigir que os usuários gerenciem ativamente o app.
- Os nomes devem ter até 15 caracteres. Exemplo:
| Ruim | Bom |
|---|---|
| Ampliar gravação | Ampliar vídeo |
| Enviar uma mensagem para João | Enviar mensagem |
Itens de menu integrados
Responder ou Responder a todos: as respostas por voz têm como objetivo capturar entradas de formato livre por voz. Não use respostas de voz para capturar um conjunto limitado de opções, como possíveis movimentos em um jogo.
Delete: dispensa o card da linha do tempo e exclui o conteúdo correspondente ao card da linha do tempo em todos os lugares em que ele está armazenado (armazenamento local e do servidor). Não confunda os usuários oferecendo um item de menu "Excluir" se a funcionalidade que você oferece for uma "Dispensar".
Não use a API Mirror para interatividade imediata
A API Mirror não foi projetada para receber solicitações de usuários e responder em tempo real ou com baixa latência. Se esse for um requisito, use o GDK.
Por exemplo, o Glassware API Glassware funciona bem com o comando "anotar", porque os usuários não precisam esperar por uma resposta do Glassware após invocar o comando.
Por outro lado, "encontrar uma receita, espaguete" não funciona bem com o Glassware da API Mirror, porque os usuários esperam que os resultados da pesquisa sejam exibidos imediatamente. Com a API Mirror, os usuários precisam esperar um pouco até que um cartão seja inserido na linha do tempo para continuar usando o Glassware, o que não é uma boa experiência.
Essa restrição se aplica aos principais comandos de voz no card inicial do Glass, bem como aos itens de menu em cards e imersões.
Crie conteúdo de maneira apropriada
Ao criar conteúdo para seus cartões, cada um precisa ser conciso e conter uma informação lógica. Existem outros pontos:
- Use imagens em vez de texto sempre que possível
- exibir imagens na proporção original, mas com cortes;
- Mantenha a área do meio do rodapé de um card em branco. O menu de voz contextual ok Glass aparece aqui e bloqueia qualquer conteúdo abaixo dele.
- Se você quiser, use a classe CSS
auto-resizepara redimensionar automaticamente os tamanhos de fonte com base no conteúdo. - Siga nossas diretrizes de escrita.
