A experiência para computadores, no Googlebook, em Chromebooks e em telas conectadas, permite uma entrada precisa e multitarefas avançadas. O ambiente de computador permite que os usuários trabalhem em várias janelas e instâncias, usando atalhos de teclado e interações com mouse e trackpad. Os apps otimizados para computadores oferecem uma experiência do usuário produtiva que combina a conveniência dos dispositivos móveis com o poder dos computadores.
Diretrizes
Crie uma experiência do usuário excepcional que aproveite ao máximo os recursos do dispositivo.
Experiência do usuário
| ID da diretriz | IDs de teste | Descrição |
|---|---|---|
| Scrollbar_Display | T-Scrollbar_Display | O app mostra uma barra de rolagem enquanto o conteúdo é rolado com um mouse ou trackpad. |
| Hover_Parity | T-Hover_Parity | Quando aplicável, os elementos da interface exibem conteúdo adicional, como prévias, menus suspensos e dicas informativas sobre ferramentas ao passar o cursor do mouse ou trackpad. O app mantém a paridade do estado de passar o cursor com as versões equivalentes para Web ou computador sempre que possível. O app garante estados de passagem do cursor distintos e consistentes com contraste visual que segue os padrões de acessibilidade em todos os elementos da interface. |
| Desktop_Menus | T-Desktop_Menus | O app tem elementos da interface não intrusivos, como menus de estilo de área de trabalho, menus de contexto e pequenos modais, quando apropriado, para que os usuários possam se concentrar na tarefa principal sem precisar navegar constantemente. |
| UI_Config | T-UI_Config | O app tem layouts adaptáveis e configuráveis pelo usuário para telas grandes e dispositivos que usam cursor, incluindo:
|
| Request_Fullscreen_Mode | T-Request_Fullscreen_Mode | O app implementa Normalmente, os apps oferecem um elemento da interface, como um botão, que ativa a experiência imersiva em tela cheia. |
Teclado, mouse e trackpad
| ID da diretriz | IDs de teste | Descrição |
|---|---|---|
| Keyboard_Navigation | T-Keyboard_Navigation | O app oferece suporte à navegação simples e eficiente com um teclado. O app garante estados de foco distintos e consistentes com contraste visual que segue os padrões de acessibilidade para todos os elementos da interface. O foco inicial é definido para os elementos da interface adequados. Por exemplo, quando os usuários escrevem uma mensagem em um app de e-mails, o foco inicial é no campo de texto Para. Os usuários precisam conseguir digitar imediatamente no primeiro campo de entrada de texto quando um carregamento de página ocorre. Consulte Interação com o teclado. |
| Keyboard_Parity | T-Keyboard_Parity | O app oferece um conjunto abrangente de atalhos do teclado, com suporte a atalhos convencionais, como Ctrl-C para copiar e Ctrl-Z para desfazer. O app mantém a paridade de atalhos do teclado com versões equivalentes para Web e computador sempre que possível. |
| Input_Combinations | T-Input_Combinations | As combinações de teclado e mouse ou trackpad, como Ctrl + clique ou Ctrl + toque e Shift + clique ou Shift + toque, oferecem recursos aprimorados, incluindo a seleção de intervalos de itens adjacentes ou vários itens separados. |
| Triple_Click | T-Triple_Click | Clicar ou tocar três vezes usando um mouse ou trackpad seleciona linhas ou parágrafos inteiros de texto. |
Multitarefas e várias instâncias
| ID da diretriz | IDs de teste | Descrição |
|---|---|---|
| Multitasking_Scenarios |
T-Multitasking_PiP, T-Multitasking_Split-Screen, T-Multitasking_Attachments |
O app oferece suporte a vários cenários de multitarefas. Por exemplo:
|
| Multitasking_PiP | T-Multitasking_PiP | O app é compatível com a funcionalidade interativa de picture-in-picture, que permite controles personalizados e interação do usuário em aplicativos de mídia e não mídia. |
| Várias instâncias | T-Multi-Instance | O app pode iniciar várias instâncias dele mesmo em janelas separadas. Os casos de uso incluem edição de documentos, navegação na Web, apps de gerenciamento de arquivos e comparações de produtos em apps de compras. Consulte Várias instâncias em Suporte ao modo de várias janelas. |
Arrastar e soltar
| ID da diretriz | IDs de teste | Descrição |
|---|---|---|
| Drag_Drop_Support | T-Drag_Drop_Support | O app oferece suporte ao recurso de arrastar e soltar entre apresentações dentro do app e, no modo de várias janelas, para e de outros apps usando entrada por toque, mouse, trackpad e stylus. Consulte Ativar o recurso de arrastar e soltar. Consulte também Stylus_Drag_Drop. |
| T-Drag_Drop_Batch | O app oferece suporte ao recurso de arrastar e soltar vários elementos no app para serem processados como um grupo. Consulte DropHelper para operação de arrastar e soltar simplificada. |
Impressão e gerenciamento de arquivos
| ID da diretriz | IDs de teste | Descrição |
|---|---|---|
| Printing_Support | T-Printing_Support | O app oferece suporte à impressão de documentos ou à exportação para um formato imprimível. |
| File_Management_Basics | T-File_Management_Basics | O app implementa funcionalidades comuns de gerenciamento de arquivos, incluindo:
|
| File_Picker | T-File_Picker | O app se integra ao seletor de arquivos do SO, garantindo experiências de importação e exportação sem problemas. Os usuários de computadores e de produtividade dependem muito dos gerenciadores de arquivos para ter acesso amplo ao conteúdo. |
| File_Handlers | T-File_Handlers | O app se designa como um gerenciador de arquivos ao declarar suporte para os tipos de arquivo relevantes. Isso permite que os usuários abram arquivos com aplicativos específicos diretamente do app Arquivos do sistema. |
Cursores
| ID da diretriz | IDs de teste | Descrição |
|---|---|---|
| Custom_Cursors | T-Custom_Cursors |
O app mostra cursores personalizados para indicar como e quando os usuários podem interagir com elementos e conteúdo da interface, por exemplo:
|
| Cursor_Target_Size | T-Cursor_Target_Size | O app prioriza a precisão nas interações com o cursor, implementando tamanhos de destino do cursor que correspondem aos tamanhos de destino visual para reduzir o destino percebido. |
Dispositivos diferentes
| ID da diretriz | IDs de teste | Descrição |
|---|---|---|
| Cross_Device_Handoff | T-Cross_Device_Handoff | Os apps que funcionam em vários tipos de dispositivos Android permitem que os usuários iniciem uma tarefa em um dispositivo Android e façam a transição para outro sem problemas. O app restaura um estado quase equivalente para a mesma tarefa, para que o usuário possa continuar de onde parou. |
Suporte off-line
| ID da diretriz | IDs de teste | Descrição |
|---|---|---|
| Offline_Support | T-Offline_Support | O app permite a funcionalidade offline para o conjunto de atributos completo ou parcial, permitindo que os usuários permaneçam produtivos. O app oferece degradação gradual para notificar os usuários sobre os requisitos de conexão. |
Do app para a Web
| ID da diretriz | IDs de teste | Descrição |
|---|---|---|
| Web_Transition | T-Web_Transition | O app garante transições suaves e inteligentes entre o conteúdo do app e da Web (e vice-versa), quando apropriado, evitando experiências fragmentadas para o usuário. |
Testes
Para verificar se o app oferece uma experiência premium e diferenciada, conclua os testes a seguir.
Experiência do usuário
| ID de teste | IDs de diretrizes | Descrição |
|---|---|---|
| T-Scrollbar_Display | Scrollbar_Display | Role o conteúdo do app usando um mouse e um trackpad. Verifique se uma barra de rolagem aparece enquanto o conteúdo está rolando. |
| T-Hover_Parity | Hover_Parity | Use o mouse e o trackpad para passar o cursor sobre os elementos da interface que têm conteúdo em cascata ou pop-up. Verifique se o conteúdo adicional foi revelado. |
| T-Desktop_Menus | Desktop_Menus | Em telas de computadores e conectadas, verifique se os menus de estilo de área de trabalho e de contexto são usados. |
| T-UI_Config | UI_Config | Verifique se o app oferece opções de layout configuráveis pelo usuário:
Em todos os casos, verifique se o app reconfigura corretamente o layout e se o conteúdo permanece acessível e formatado de maneira adequada. |
| T-Request_Fullscreen_Mode | Request_Fullscreen_Mode | Coloque a janela do app em um estado de várias janelas, como o modo de tela dividida ou o modo janela para computador. Acione o elemento da interface em tela cheia do app. Verifique se o app faz a transição para o modo imersivo em tela cheia sem problemas. |
Teclado, mouse e trackpad
| ID de teste | IDs de diretrizes | Descrição |
|---|---|---|
| T-Keyboard_Navigation | Keyboard_Navigation | Usando um teclado externo, navegue pela interface do app usando as teclas Tab e de seta. Verifique se os estados de foco são distintos e consistentes para todos os elementos interativos. Verifique também se os elementos da interface adequados, como campos de entrada de texto, recebem o foco inicial quando uma tela é mostrada pela primeira vez e os usuários podem inserir dados. |
| T-Keyboard_Parity | Keyboard_Parity | Verifique se o app é compatível com atalhos de teclado convencionais e mantém a paridade de atalhos de teclado com as versões para Web e computador sempre que possível. |
| T-Input_Combinations | Input_Combinations | Usando um teclado, um mouse e um trackpad externos, selecione os itens na interface do app. Selecione vários itens separados e intervalos de itens adjacentes usando ações de teclado/mouse/trackpad, como Ctrl + clique, Ctrl + toque, Shift + clique e Shift + toque. |
| T-Triple_Click | Triple_Click | Usando um mouse e um trackpad, clique ou toque três vezes para selecionar itens no app, por exemplo, para selecionar linhas de texto completas. |
Multitarefas e várias instâncias
| ID de teste | IDs de diretrizes | Descrição |
|---|---|---|
| T-Multitasking_PiP |
Multitasking_Scenarios, Multitasking_PiP |
Entre e saia do modo picture-in-picture nas orientações de retrato e paisagem e no modo de várias janelas. No modo de várias janelas, mude o tamanho da janela enquanto o modo picture-in-picture estiver ativo. No modo picture-in-picture, interaja com os controles personalizados e verifique se eles funcionam. |
| T-Multitasking_Split-Screen | Multitasking_Scenarios | No modo de várias janelas, abra outro app e exiba os dois apps lado a lado. |
| T-Multitasking_Attachments | Multitasking_Scenarios | Abra e feche anexos e notificações nas orientações de retrato e paisagem e no modo de várias janelas. |
| T-Multi-Instance | Multi-Instance | Inicie várias instâncias do app em janelas separadas nas orientações de retrato e paisagem e no modo de várias janelas. |
Arrastar e soltar
| ID de teste | IDs de diretrizes | Descrição |
|---|---|---|
| T-Drag_Drop_Support | Drag_Drop_Support | Arraste e solte imagens e textos para soltar itens no app. No modo de várias janelas, arraste e solte imagens e texto entre o app e outro app (de e para os dois apps). Arraste e solte o conteúdo usando entrada por toque, mouse, trackpad e stylus (consulte também T-Stylus_Drag_Drop). Verifique a funcionalidade nas orientações de retrato e paisagem. |
| T-Drag_Drop_Batch | Drag_Drop_Support | Arraste e solte vários elementos, como imagens e texto, como um grupo dentro do app. No modo de várias janelas, arraste e solte grupos de elementos entre o app e outro app (de e para os dois apps). Arraste e solte o conteúdo usando entrada por toque, mouse, trackpad e stylus (consulte também T-Stylus_Drag_Drop). Verifique a funcionalidade nas orientações de retrato e paisagem. |
Impressão e gerenciamento de arquivos
| ID de teste | IDs de diretrizes | Descrição |
|---|---|---|
| T-Printing_Support | Printing_Support | Verifique se o app pode imprimir documentos ou exportá-los para um formato imprimível, como PDF. |
| T-File_Management_Basics | File_Management_Basics | Verifique se os nomes e locais dos arquivos estão visíveis e se os usuários podem escolher onde salvar os arquivos ao fazer o download ou upload deles. |
| T-File_Picker | File_Picker | Verifique se o app usa o seletor de arquivos do sistema para importar e exportar arquivos. |
| T-File_Handlers | File_Handlers | No app Arquivos do sistema, verifique se o app está listado como uma opção para abrir os tipos de arquivo relevantes. |
Cursores
| ID de teste | IDs de diretrizes | Descrição |
|---|---|---|
| T-Custom_Cursors | Custom_Cursors | Interaja com o app usando um mouse e um trackpad. Verifique se os cursores personalizados aparecem em momentos adequados. Por exemplo:
|
| T-Cursor_Target_Size | Cursor_Target_Size | Use o mouse e o trackpad para interagir com pequenos elementos da interface, como ícones, botões e alças. Verifique se a área interativa de cada elemento reflete com precisão os limites visuais, permitindo uma seleção precisa. |
Dispositivos diferentes
| ID de teste | IDs de diretrizes | Descrição |
|---|---|---|
| T-Cross_Device_Handoff | Cross_Device_Handoff | Inicie uma tarefa em um dispositivo e mude para outro em que o app esteja instalado. Verifique se é possível continuar a tarefa de um estado quase equivalente. |
Suporte off-line
| ID de teste | IDs de diretrizes | Descrição |
|---|---|---|
| T-Offline_Support | Offline_Support | Desative a conectividade de rede e verifique se a funcionalidade principal do app continua disponível ou se o app mostra uma notificação clara sobre os requisitos de conexão. |
Do app para a Web
| ID de teste | IDs de diretrizes | Descrição |
|---|---|---|
| T-Web_Transition | Web_Transition | Interaja com links diretos ou conteúdo da Web no app. Verifique se as transições entre o app e o conteúdo da Web relacionado são perfeitas. |