Computadora de escritorio

La experiencia de escritorio, común en las Chromebooks y las pantallas conectadas, permite una entrada precisa y una multitarea avanzada. El entorno de escritorio permite que los usuarios trabajen en varias ventanas e instancias, y utilicen combinaciones de teclas y las interacciones del mouse y el panel táctil. Las apps optimizadas para computadoras ofrecen una experiencia del usuario productiva que une la brecha entre la comodidad de los dispositivos móviles y la potencia de las computadoras.

Lineamientos

Crea una experiencia del usuario excepcional que aproveche al máximo las capacidades del dispositivo.

Experiencia del usuario

Guideline ID Test IDs Description
Scrollbar_Display T-Scrollbar_Display La app muestra una barra de desplazamiento mientras te desplazas por el contenido con un mouse o un panel táctil.
Hover_Parity T-Hover_Parity

Cuando corresponda, los elementos de la IU mostrarán contenido adicional, como vistas previas, menús desplegables y sugerencias informativas al desplazar el cursor sobre ellos con el mouse o el panel táctil.

La app mantiene la paridad del estado de desplazamiento con las versiones web o para computadoras equivalentes de la app cuando sea posible. La app garantiza estados de desplazamiento distintos y coherentes con contraste visual que admite los estándares de accesibilidad en todos los elementos de la IU.
Desktop_Menus T-Desktop_Menus La app tiene elementos de IU no intrusivos, como menús de estilo de escritorio, menús contextuales y modales pequeños cuando corresponde, para permitir que los usuarios se mantengan enfocados en su tarea principal sin tener que navegar constantemente.
UI_Config T-UI_Config

La app tiene diseños adaptables y configurables por el usuario para pantallas grandes y dispositivos centrados en el cursor, incluidos los siguientes:

  • Los diseños adaptativos permiten a los usuarios cambiar entre presentaciones de lista, cuadrícula y columna. Por ejemplo, un administrador de archivos o documentos proporciona un botón de activación que respeta la preferencia del usuario de ver sus archivos en formato de lista o cuadrícula.
  • Las barras de herramientas flotantes acoplables o móviles se adaptan a las preferencias del usuario y a los requisitos de la tarea.
  • En los diseños multipanel, los paneles de IU se pueden contraer y volver a configurar con un mouse o un panel táctil. Los paneles reconfigurables permiten que los usuarios ajusten el diseño de la app para aumentar la productividad. Por ejemplo, pueden cambiar el tamaño del panel de detalles de un diseño de lista y detalles, o bien reorganizar los paneles en la pantalla.

    Nota: Esto no se aplica a las barras de navegación, los rieles ni los paneles laterales.
Request_Fullscreen_Mode T-Request_Fullscreen_Mode

La app implementa Activity#requestFullscreenMode() para permitir transiciones fluidas desde estados de multiventana, como pantalla dividida y ventanas de escritorio, al modo envolvente.

Por lo general, las apps proporcionan un elemento de IU, como un botón, que activa la experiencia envolvente de pantalla completa.

Teclado, mouse y panel táctil

Guideline ID Test IDs Description
Keyboard_Navigation T-Keyboard_Navigation

La app admite una navegación fluida y eficiente con un teclado. La app garantiza estados de enfoque distintos y coherentes con contraste visual que admite los estándares de accesibilidad para todos los elementos de la IU.

El enfoque inicial se establece para los elementos de la IU adecuados. Por ejemplo, cuando los usuarios redactan un mensaje en una app de correo electrónico, el enfoque se establece inicialmente en el campo de texto Para. Los usuarios deben poder comenzar a escribir de inmediato en el primer campo de entrada de texto cuando se carga una página.
Keyboard_Parity T-Keyboard_Parity La app ofrece un conjunto completo de combinaciones de teclas y compatibilidad con combinaciones de teclas convencionales, como Ctrl-C para copiar y Ctrl-Z para deshacer. La app mantiene la paridad de combinación de teclas con versiones web y para computadoras equivalentes de la app siempre que sea posible.
Input_Combinations T-Input_Combinations Las combinaciones de teclado y mouse o panel táctil, como Ctrl + clic o Ctrl + presionar, y Mayúsculas + clic o Mayúsculas + presionar, proporcionan capacidades mejoradas, incluida la selección de rangos de elementos adyacentes o múltiples elementos separados.
Triple_Click T-Triple_Click Si haces triple clic con un mouse o presionas tres veces con un panel táctil, se seleccionan líneas o párrafos de texto completos.

Instancias y tareas múltiples

Guideline ID Test IDs Description
Multitasking_Scenarios T-Multitasking_PiP,
T-Multitasking_Split-Screen,
T-Multitasking_Attachments

La app admite varias situaciones de tareas múltiples, por ejemplo:

  • Modo de pantalla en pantalla: La app puede entrar y salir del modo de pantalla en pantalla en orientaciones verticales y horizontales, y en el modo multiventana. Los casos de uso incluyen la reproducción de contenido multimedia y las videollamadas. Consulta Compatibilidad con pantalla en pantalla (PIP).
  • Modo multiventana: La app puede abrir otra aplicación en una ventana separada a partir de un vínculo directo. Por ejemplo, una app de administración de contactos abre un vínculo a un mensaje de correo electrónico que se muestra en una app de correo electrónico en una nueva ventana. Consulta FLAG_ACTIVITY_LAUNCH_ADJACENT.
  • Archivos adjuntos: Las apps de mensajería pueden abrir archivos adjuntos (como videos) en una ventana separada.
Multitasking_PiP T-Multitasking_PiP La app admite la función interactiva de pantalla en pantalla que permite controles personalizados y la interacción del usuario en aplicaciones de contenido multimedia y de otro tipo.
Instancias múltiples T-Multi-Instance La app puede iniciar varias instancias de sí misma en ventanas separadas. Los casos de uso incluyen la edición de documentos, la navegación web, las apps de administración de archivos y las comparaciones de productos en apps de compras. Consulta Instancias múltiples en Compatibilidad con el modo multiventana.

Arrastrar y soltar

Guideline ID Test IDs Description
Drag_Drop_Support T-Drag_Drop_Support La app admite la función de arrastrar y soltar entre presentaciones dentro de la app y, en el modo multiventana, hacia y desde otras apps usando la entrada táctil, el mouse, el panel táctil y la pluma stylus. Consulta Cómo habilitar la función de arrastrar y soltar. Consulta también Stylus_Drag_Drop.
T-Drag_Drop_Batch La app admite la función de arrastrar y soltar varios elementos para que se procesen como un grupo. Consulta DropHelper para simplificar la acción de arrastrar y soltar.

Administración de archivos e impresiones

Guideline ID Test IDs Description
Printing_Support T-Printing_Support La app admite la impresión de documentos o la exportación a un formato imprimible.
File_Management_Basics T-File_Management_Basics

La app implementa la funcionalidad común de administración de archivos, lo que incluye lo siguiente:

  • Nombres y guardado: Los nombres y las ubicaciones de los archivos se ven con claridad.
  • Descarga: Los usuarios pueden guardar archivos en la ubicación que prefieran en el dispositivo de almacenamiento local.
  • Subida: Los usuarios pueden subir archivos desde el almacenamiento local y priorizar el uso del selector de archivos del SO.
File_Picker T-File_Picker La app se integra con el selector de archivos del SO, lo que garantiza experiencias de importación y exportación sin inconvenientes. Los usuarios de computadoras y de productividad dependen en gran medida de los administradores de archivos para acceder a una amplia variedad de contenido.
File_Handlers T-File_Handlers La app se designa como controlador de archivos declarando la compatibilidad con los tipos de archivos pertinentes. Esto permite que los usuarios abran archivos con aplicaciones específicas directamente desde la app de Archivos del sistema.

Cursores

Guideline ID Test IDs Description
Custom_Cursors T-Custom_Cursors

La app muestra cursores personalizados para indicar cómo y cuándo los usuarios pueden interactuar con el contenido y los elementos de la IU, por ejemplo:

  • Cursores del sistema proporcionados por el framework de Android:
    • Punteros para escritura de texto
    • Controladores de cambio de tamaño en los bordes de la capa de tamaño variable
    • Procesamiento de íconos giratorios
  • Cursores de especialidad que proporcionas:
    • Puntos de mira cuando se coloca el cursor sobre los objetivos en los juegos
    • Una lupa cuando se coloca el cursor sobre el contenido que se puede acercar
    • Herramientas en apps de dibujo o ilustración
Consulta PointerIcon y Íconos de puntero del mouse.
Cursor_Target_Size T-Cursor_Target_Size La app prioriza la precisión en las interacciones del cursor implementando tamaños de destino del cursor que coinciden con los tamaños de destino visuales para reducir el destino percibido.

Varios dispositivos

Guideline ID Test IDs Description
Cross_Device_Handoff T-Cross_Device_Handoff Las apps que funcionan en varios tipos de dispositivos Android permiten que los usuarios comiencen una tarea en un dispositivo Android y pasen a otro sin problemas. La app restablece un estado casi equivalente para la misma tarea, de modo que el usuario pueda continuar donde lo dejó.

Soporte sin conexión

Guideline ID Test IDs Description
Offline_Support T-Offline_Support La app habilita la funcionalidad sin conexión para el conjunto de funciones completo o parcial, lo que permite que los usuarios sigan siendo productivos. La app proporciona una degradación elegante para notificar a los usuarios los requisitos de conexión.

De la app a la Web

Guideline ID Test IDs Description
Web_Transition T-Web_Transition La app garantiza transiciones fluidas e inteligentes entre el contenido de la app y el contenido web (y viceversa) cuando corresponde, lo que evita experiencias del usuario fragmentadas.

Pruebas

Para verificar que tu app proporcione una experiencia premium y diferenciada, completa las siguientes pruebas.

Experiencia del usuario

Test ID Guideline IDs Description
T-Scrollbar_Display Scrollbar_Display Desplázate por el contenido de la app con el mouse y el panel táctil. Verifica que aparezca una barra de desplazamiento mientras se desplaza el contenido.
T-Hover_Parity Hover_Parity Con el mouse y el panel táctil, coloca el cursor sobre los elementos de la IU que incluyan contenido en cascada o emergente. Verifica que se revele el contenido adicional.
T-Desktop_Menus Desktop_Menus En pantallas de computadoras de escritorio y pantallas conectadas, verifica que se usen menús de estilo de escritorio y menús contextuales.
T-UI_Config UI_Config

Verifica que la app proporcione opciones de diseño configurables por el usuario:

  • Presentación del diseño: Si la app admite varios formatos de presentación (como vistas de lista, cuadrícula o columna), verifica que los usuarios puedan cambiar entre los formatos.
  • Barras de herramientas flotantes: Si la app proporciona barras de herramientas flotantes que se pueden acoplar o mover, verifica que los usuarios puedan moverlas o acoplarlas.
  • Reconfiguración de paneles: En los diseños de pantalla que tienen varios paneles de contenido (como lista y detalles), cambia el tamaño de los paneles arrastrando los divisores. Reorganiza los paneles si la app admite la reorganización.

En todos los casos, verifica que la app reconfigure correctamente su diseño y que el contenido siga siendo accesible y tenga el formato adecuado.
T-Request_Fullscreen_Mode Request_Fullscreen_Mode Coloca la ventana de la app en un estado de multiventana, como el modo de pantalla dividida o de ventanas de escritorio. Activa el elemento de IU de pantalla completa de la app. Verifica que la app realice una transición fluida al modo de pantalla completa envolvente.

Teclado, mouse y panel táctil

Test ID Guideline IDs Description
T-Keyboard_Navigation Keyboard_Navigation

Con un teclado externo, navega por la IU de la app con las teclas de Tab y de flecha. Verifica que los estados de enfoque sean distintos y coherentes para todos los elementos interactivos.

También verifica que los elementos de la IU adecuados, como los campos de entrada de texto, reciban el enfoque inicial cuando se muestra una pantalla por primera vez y que los usuarios puedan ingresar datos.
T-Keyboard_Parity Keyboard_Parity Verifica que la app admita combinaciones de teclas convencionales y mantenga la paridad de combinaciones de teclas con las versiones web y para computadoras de la app siempre que sea posible.
T-Input_Combinations Input_Combinations Con un teclado externo, un mouse y un panel táctil, selecciona elementos en la IU de la app. Selecciona varios elementos separados y rangos de elementos adyacentes con acciones del teclado, el mouse o el panel táctil, como Ctrl + clic, Ctrl + presionar, Mayúsculas + clic y Mayúsculas + presionar.
T-Triple_Click Triple_Click Con un mouse y un panel táctil, haz clic o presiona tres veces para seleccionar elementos en la app, por ejemplo, para seleccionar líneas de texto completas.

Instancias y tareas múltiples

Test ID Guideline IDs Description
T-Multitasking_PiP Multitasking_Scenarios

Ingresa al modo de pantalla en pantalla y sal de él en la orientación vertical y horizontal, y en el modo multiventana. En el modo multiventana, cambia el tamaño de la ventana mientras el modo de pantalla en pantalla esté activo.

En el modo de pantalla en pantalla, interactúa con los controles personalizados y verifica su funcionalidad.
T-Multitasking_Split-Screen Multitasking_Scenarios En el modo multiventana, abre otra app desde la app y muestra ambas apps al mismo tiempo.
T-Multitasking_Attachments Multitasking_Scenarios Abre y cierra archivos adjuntos y notificaciones en orientación vertical y horizontal, y en el modo multiventana.
T-Multi-Instance Multi-Instance Inicia varias instancias de la app en ventanas separadas en orientación vertical y horizontal, y en el modo multiventana.

Arrastrar y soltar

Test ID Guideline IDs Description
T-Drag_Drop_Support Drag_Drop_Support

Arrastra y suelta imágenes y texto en destinos para soltar de la app. En el modo multiventana, arrastra y suelta imágenes y texto entre la app y otra app (hacia y desde ambas apps).

Arrastra y suelta el contenido con la entrada táctil, el mouse, el panel táctil y la pluma stylus (consulta también T-Stylus_Drag_Drop). Verifica la funcionalidad en orientación vertical y horizontal.
T-Drag_Drop_Batch Drag_Drop_Support

Arrastra y suelta varios elementos, como imágenes y texto, como un grupo dentro de la app. En el modo multiventana, arrastra y suelta grupos de elementos entre la app y otra app (hacia y desde ambas apps).

Arrastra y suelta el contenido con la entrada táctil, el mouse, el panel táctil y la pluma stylus (consulta también T-Stylus_Drag_Drop). Verifica la funcionalidad en orientación vertical y horizontal.

Administración de archivos e impresiones

Test ID Guideline IDs Description
T-Printing_Support Printing_Support Verifica que la app pueda imprimir documentos o exportarlos a un formato imprimible, como PDF.
T-File_Management_Basics File_Management_Basics Verifica que los nombres y las ubicaciones de los archivos sean visibles, y que los usuarios puedan elegir ubicaciones para guardar archivos cuando los descarguen o suban.
T-File_Picker File_Picker Verifica que la app use el selector de archivos del sistema para importar y exportar archivos.
T-File_Handlers File_Handlers En la app de Archivos del sistema, verifica que la app aparezca como una opción para abrir los tipos de archivos pertinentes.

Cursores

Test ID Guideline IDs Description
T-Custom_Cursors Custom_Cursors

Usa el mouse y el panel táctil para interactuar con la app. Verifica que los cursores personalizados aparezcan cuando corresponda, por ejemplo:

  • Puntos para campos de entrada de texto
  • Controladores de cambio de tamaño en los bordes de la capa de tamaño variable
  • Íconos giratorios cuando la app realiza tareas de larga duración
T-Cursor_Target_Size Cursor_Target_Size Con el mouse y el panel táctil, interactúa con elementos pequeños de la IU, como íconos, botones y controladores. Verifica que el área interactiva de cada elemento refleje con precisión sus límites visuales, lo que permite una selección precisa.

Varios dispositivos

Test ID Guideline IDs Description
T-Cross_Device_Handoff Cross_Device_Handoff Comienza una tarea en un dispositivo y, luego, cambia a otro en el que esté instalada la app. Verifica que puedas continuar la tarea desde un estado casi equivalente.

Soporte sin conexión

Test ID Guideline IDs Description
T-Offline_Support Offline_Support Inhabilita la conectividad de red y verifica que la funcionalidad principal de la app siga disponible o que la app proporcione una notificación clara de los requisitos de conexión.

De la app a la Web

Test ID Guideline IDs Description
T-Web_Transition Web_Transition Interactúa con vínculos directos o contenido web dentro de la app. Verifica que las transiciones entre la app y el contenido web relacionado sean fluidas.