Una mirada más atenta en el diseño de YouTube Gaming (Creador Preview)

Ayer, tomó un vistazo a la aplicación de YouTube Gaming (al menos la vista previa creador). Navegando a través de la aplicación, los usuarios verán varios elementos, obviamente, informados por el diseño existente de YouTube - el reproductor de video se puede minimizar y desestimó, el modelo de navegación se basa enteramente en las pestañas, y llegar a los usuarios descubrir más contenido es el nombre del juego. Pero las ramas de aplicaciones fuera de diseño y UX de YouTube - y el diseño de todas las aplicaciones de Android de Google - en algunas formas muy notables y únicas.

Por esa razón, pensé que podría ser divertido para echar un vistazo más de cerca el diseño de YouTube Gaming (Creador Preview). Elegiremos a cabo algunas de las partes más interesantes de diseño del juego, pero si no lo has hecho te recomiendo descargar la aplicación y comprobar por ti mismo, también.

Ya estás viendo

Un elemento nuevo diseño está seguro de que usted tortazo en la cara tan pronto como se abre la aplicación Gaming YouTube - clips de vídeo de vista previa. En lugar de confiar únicamente en las miniaturas, Gaming muestra bucle vistas previas de vídeos promocionados, haciendo que se sienta como si ya has empezado a bucear en el contenido, incluso si es la primera vez que abrir la aplicación.

Sólo el tiempo (y los datos que nunca voy a ver) le dirá, pero si tuviera que adivinar, diría que el paso a clips animados de videos destacados está destinado a impulsar la participación. Recogiendo miniaturas de los vídeos de YouTube ya es una ciencia, y es probablemente uno que sólo puede ser mejorado con el movimiento.

Pestañas Vivir

Pero tal vez la parte más interesante del diseño del juego es la barra de pestañas. Hay nuevos patrones de aquí que no hemos visto en ningún otro lugar en la cartera de Google, y que hacen un gran trabajo de construir el lenguaje de diseño existente de Google, sin romper su estética.

En primer lugar, las etiquetas de las pestañas. Los diseñadores han estado debatiendo por siempre si las etiquetas de texto o iconos son "mejores" para la detectabilidad, UX, o simplemente la estética. Iconos ahorran espacio y se ven bastante, pero ¿en que se comunican las acciones o destinos claramente por su cuenta? Las etiquetas de texto se pueden comunicar pero ocupan espacio valioso, y hacer que la localización sea mucho más difícil. Habiendo tanto, en el contexto de una barra de pestañas, es prácticamente fuera de la cuestión. A menos que haces lo Gaming no - a transformar entre los dos como el usuario navega. Mira esto:

La idea aquí es grande, pero lo que si fuera al revés? En lugar de líder, con etiquetas de texto, conducir con iconos. Esto le da una apariencia más mínimo, y cuando se golpea ligeramente el usuario que obtener una etiqueta de texto más descriptivo, una técnica que podría facultar al usuario a explorar más a fondo y toque algunas cosas más. Por supuesto etiquetas de texto siempre será más explícito que los iconos, sin embargo.

Hay más, sin embargo. Echa un vistazo a una página de canal o juego. El área de la ficha no se limita a mostrar la página actual, pero deja entrever el contenido en las páginas adyacentes, con cerca de 24dp valor de contenido asomándose desde ambos lados. Sólo lo suficiente para, de nuevo, envalentonar al usuario deslizar o toque y descubrir algo más para ver.

Barras de herramientas con gradas

Barras de herramientas Incluso tienen un comportamiento único en la aplicación del juego. Esto se demuestra mejor en la página del canal. La barra de herramientas principal es hasta la parte superior donde siempre lo es, pero hay una barra de herramientas de segundo piso con el canal y la información de abonado y la barra de pestañas. Pero echa un vistazo a lo que sucede cuando el usuario se desplaza hacia abajo - la barra de pestañas se superpone a la parte superior de la barra de secundaria y se reúne con la barra principal, empujándolo fuera de la pantalla como el desplazamiento continúa. Estructuralmente esto es algo fascinante. El contenido relacionado con la navegación por el canal de la página (que lo estás haciendo mientras se desplaza) permanece disponible a través de toda la transición, mientras que los metadatos de canal y acciones secundarias son despedidos de acuerdo con su importancia relativa. Parece un pequeño truco, pero es evidente que una gran cantidad de pensamiento entró en esta interacción.

Búsqueda no estándar

Una peculiaridad extraño en YouTube Gaming es la barra de búsqueda. En la pantalla principal, hay una barra de búsqueda integrada en la barra de herramientas. Tapping se abrirá una barra de búsqueda completa (como el usado en Google Now and Play Store) - que es una suficiente interacción extraña en su propio - pero hay algo apagado. Compare las dos barras de búsqueda de abajo. El que está en la parte superior es de juego, mientras que el de abajo es de barras estándar de Google.

Barra de YouTube El juego es, obviamente, no estándar. De hecho, mientras que la barra de búsqueda normal es 48dp alto (el tamaño mínimo cualquier objetivo toque debe ser, ya que es aproximadamente del tamaño de un dedo humano), la barra de búsqueda Gaming maxes a 40dp alto. También tiene iconos ligeramente más pequeñas.

Pero mira de nuevo en estado "cerrado" de la barra de búsqueda. De hecho, es incluso más pequeño que el estado abierto, y su separación del borde del lienzo es también no estándar.

Es posible que el equipo quería sólo tiene que utilizar una barra más pequeña por razones estéticas, lo que llevó a los diversos compromisos descritos anteriormente. Pero ¿por qué hacer un tamaño de la barra de búsqueda tan extraña para empezar? La respuesta es, probablemente, que se veía mal a la altura normal. Esto es lo que un 48dp barra de búsqueda de altura se vería en una barra de herramientas 56dp con el avatar en el mismo lugar, ya que aparece ahora (corregida para el relleno 8DP a la izquierda). Es un poco torpe.

La respuesta aquí podría ser para mantener la barra de búsqueda de estado abierta más pequeño, o puede ser que sea para hacerse cargo de toda la barra de herramientas como muchos de otras aplicaciones de Google hacen, aunque incluso eso sería una transición menos-que-ideal.

Mini-cajones en la tableta

Esas pestañas súper impresionantes nos hablaron de un segundo atrás? Se han ido en dispositivos más grandes, al menos en la pantalla principal. En su lugar, Google de implementar un nuevo paradigma muy interesante que voy a llamar mini-cajones. Estos son dos superposiciones translúcidas que flanquean la pantalla. Uno de los juegos y otro para los canales. Ellos desplazarse hacia arriba y hacia abajo que muestra los avatares de canal o juego de arte de la caja respectivamente.

Su primer pensamiento podría ser "eso es increíblemente molesto", y tienes razón! Sin embargo, Google ha tomado medidas para reducir la distracción con otro truco visual - desaturar todo el contenido de los mini-cajones hasta que se interactúa con ellos.

Si usted está notando que el avatar del usuario en la parte superior derecha no se alinea con los avatares mini-cajón, usted no está solo. Si no se diera cuenta, me disculpo.

Los mini-cajones también fuerzan el contenido asomándose he mencionado antes - páginas de canales tienen dos columnas por ficha, pero no hay pistas sobre los lados. Esto tiene sentido, sin embargo - el contenido asomándose debajo de cada mini-cajón agravaría el problema ya prensado de la información visual de distracción.

Por supuesto, la otra cara de esta pérdida es que se puede acceder a los canales y listas de juegos de más páginas en la aplicación, por lo que hay más oportunidades de saltar alrededor y descubrir más contenido sin tener que volver a la pantalla principal.

Pensamientos finales

El propósito de este artículo es señalar que YouTube juego de toques únicos y nuevos elementos de interfaz - mientras no estándar - son una buena cosa. No creo que la aplicación tiene todo bien, pero eso innovar y iterar sobre diseño de materiales en formas nuevas e interesantes, y eso se debe celebrar.

De la misma manera que la bandeja de entrada ha innovado a través de la metáfora de papel con mensajes muy bien en expansión y que mecánico divertido golpe-a-go-back, YouTube Gaming ha introducido varias ideas nuevas que los diseñadores y desarrolladores pueden inspeccionar, maravillarse, y sacar de en su formas propias. La mayoría de los nuevos elementos son preciosas a la vista, divertido de usar, empoderando a los usuarios, y sirven lo que tengo que asumir es un objetivo principal producto (descubrimiento y compromiso) sin ser molesto. En cualquier momento se puede comprobar la mayoría de estas cajas, lo consideraré una victoria. Además, es muy divertido para mirar a los gifs de una hermosa nueva aplicación.