En la Cumbre de desarrolladores de Android 2022, Google compartió una “Galería de pantalla grande” que proporciona pautas de diseño para tabletas y aplicaciones plegables por categoría: social y comunicación, medios, productividad, compras y lectura.

Según Google, estos “diseños canónicos de pantalla grande son diseños de aplicaciones probados y versátiles que brindan una experiencia de usuario óptima en dispositivos de pantalla grande” (tabletas, dispositivos plegables y ChromeOS), así como en teléfonos. Se basan en las pautas de Material Design y son receptivos y adaptables por naturaleza. Su objetivo es ser “tanto estética como funcionalmente”.

Los diseños canónicos son composiciones de pantalla grande que sirven como punto de partida para el diseño y la implementación.

Hay tres diseños para organizar elementos comunes de tabletas/aplicaciones plegables:

Vista detallada de la lista: “Se pueden crear muchos diseños en función de la relación entre una lista y una vista detallada. La relación se establece espacialmente tomando el lado izquierdo de la pantalla para mostrar una lista y el lado derecho para mostrar los detalles de la lista”. Panel de soporte: “El diseño del panel de soporte es un método para extender una pantalla. Los diseños del panel de soporte difieren de los diseños de vista de detalles de lista en que los puntos de interés primarios y secundarios se consideran simultáneamente igualmente importantes e integrales entre sí”. Fuente: “Las fuentes son un diseño común para noticias y contenido social. Las fuentes usan una composición de cuadrícula para permitir la navegación y el descubrimiento de contenido”. “Sin embargo, en los plegables, la transmisión se puede diseñar como una pantalla más inmersiva debido al tamaño de pantalla más grande”. Aplicaciones de comunicación y redes sociales Utilice la vista detallada de la lista para: “Lista de conversaciones junto a los detalles de la conversación” “una compilación de videos que los usuarios pueden explorar y seleccionar, reproducir y pausar, todo en la misma pantalla” Utilice el panel de soporte para: Herramientas: p. edición de imágenes Comentarios Usar feed para: “un collage de publicaciones en un formato de cuadrícula flexible. Usa el tamaño y la posición para crear grupos o llamar la atención sobre publicaciones destacadas”. Experiencias diferenciadas: Mesa: Google recomienda admitir una pantalla de mesa manos libres en dispositivos plegables con la pantalla abierta en un ángulo de 90 grados. Arrastrar y soltar: “interacciones de arrastrar y soltar sin complicaciones, dentro de las aplicaciones y, en el modo de ventanas múltiples, entre aplicaciones” Ventana múltiple de imagen en imagen: “Permita que los usuarios investiguen mientras escriben, busquen mientras conversan, programan durante videollamadas.” Feed de uso de medios para: Descubrimiento de medios: “Cree un feed de medios enriquecidos que permita a los usuarios descubrir nuevos contenidos, nuevos artistas, nuevas recomendaciones y reseñas”. Navegación de medios: “Cree un quiosco de medios que permita a los usuarios buscar sus películas, música o Programas de TV, clasifique, filtre y seleccione de una extensa colección de medios en una gran pantalla de producción”. Use el panel de soporte para: Media+: “Mejore la experiencia de visualización o escucha de medios en el amplio espacio de las pantallas grandes con una lista desplegable de títulos comparables, publicados reseñas u obras adicionales de los mismos artistas o actores”. Modo inmersivo: “Incruste un panel de apoyo para el contexto, la relevancia o la referencia mientras mantiene una experiencia de visualización inmersiva”. para que las búsquedas de medios sean productivas y atractivas”. Permita que los usuarios naveguen mientras miran o escuchan”. Experiencias diferenciadas: Sobremesa: “Coloque los medios de reproducción en la parte superior de la página, los controles y el contenido adicional debajo, para una experiencia de visualización o escucha con manos libres”. Picture-in-Picture Multi-window: “Permite a los usuarios realizar múltiples tareas con dos aplicaciones una al lado de la otra para explorar una colección de películas mientras ven elencos y personajes, o escuchar música mientras buscan portadas o las últimas noticias y reseñas musicales”. Productividad Use el feed para: Examinar archivos y filtrar Use la vista detallada de la lista para: Use el panel de soporte para: Herramientas y configuraciones Reseñas y comentarios Experiencias diferenciadas: Múltiples ventanas: Vea Documentos/Hojas/Presentaciones de Google como un ejemplo de cómo abrir múltiples instancias de documentos Arrastrar y soltar drop: uso compartido más rápido (según lo adoptado por las aplicaciones de Workspace) Tabletop: “Diseñe diseños de escritorio que permitan a los usuarios detener lo que están haciendo y concentrarse en lo que es importante (la presentación de un colega, una llamada de videoconferencia) mientras tienen acceso fácil a otros control de contenido y aplicaciones manos libres”. Compras Use la vista detallada de la lista para: Use el feed para: Use el panel de soporte para: Soporte de ventas: “funciones de soporte como filtros de productos para búsquedas dirigidas o una lista de verificación de opciones de productos para una venta adicional sutil”. Experiencias diferenciadas: Múltiples ventanas: “los clientes pueden para ver los productos en una ventana mientras investiga calificaciones, reseñas e informes de productos en otra”. Arrastrar y soltar: “Realice compras rápidas y fáciles con un carrito de compras de arrastrar y soltar. Capture compras potenciales en una lista de deseos de arrastrar y soltar”. Leer Use el modo inmersivo para: legibilidad a pantalla completa: “Las pantallas grandes en modo inmersivo optimizan la legibilidad con largas líneas y mucho espacio en blanco para una experiencia de lectura agradable a la vista”. Utilice el feed para: Listas de libros y compras: “Permita que los compradores de libros exploren fila tras fila de las últimas ediciones en una gran cuadrícula de varias columnas que muestra los más vendidos o las mejores ofertas con tamaño y posición destacados”. Contenido: “Haga que la búsqueda de libros sea informativa y atractiva al incluir resúmenes o extractos de texto de títulos específicos en libros de varios títulos”. Use el panel de soporte para: Contenido adicional: “Complemente el contenido de su aplicación más importante con información esclarecedora y constructiva en un panel de soporte”. Herramientas de marcado Experiencias diferenciadas: Múltiples ventanas: Reserve en un lado y anote en el otro Contabilidad: “Capture la experiencia de leer un libro real con un diseño de dos páginas en una pantalla grande que se abre como un libro encuadernado”. Arrastrar y soltar: para copiar más fácilmente en notas/documentos o aplicaciones de mensajería

FTC: Utilizamos enlaces de afiliados automáticos que generan ingresos. Más.

Visite 9to5Google en YouTube para obtener más noticias:

By admin

Leave a Reply

Your email address will not be published. Required fields are marked *