Una mirada más atenta en el diseño de Hangouts 4.0

Casi dos meses después de que vio por primera vez la actualización en curso Hangouts 4.0, estábamos empezando a preocuparse nunca haría su aparición oficial en el Play Store. Pero recientemente se concedió nuestro deseo colectivo y Hangouts consiguió una gran actualización. Google dice que esta es la actualización Hangouts 'al diseño de materiales, pero ¿qué significa eso para la aplicación? Hay más aquí que sólo un nuevo FAB, así que vamos a echar un vistazo más de cerca a algunos de los cambios de diseño notables en Hangouts 4.0.

El viaje al material

A pesar de lo que el registro de cambios puede sugerir, Hangouts no lo hicieron de repente llegar a "material" con la actualización 4.0. Ha sido un largo viaje para la aplicación, a partir de los días #holoyolo del panel de conversación de deslizamiento (un elemento que mucho de menos, por cierto) a los días de un botón de acción (casi) paleta de color verde uniforme y flotante. Hangouts evolucionaron para adoptar el nuevo basculante cajón navegación, nueva iconografía, un cajón de navegación que es manera más estrecha con la norma de lo que era anteriormente (aunque todavía no es perfecto), y los avatares refinados y tipografía antes de llegar a donde está hoy. Tome un viaje al pasado a continuación, a partir de la versión 2.0 a 4,0.

La progresión anterior abarcó alrededor de un año y nueve meses. Así que es justo decir que las cosas no han ido cambiando a un ritmo vertiginoso de Hangouts, pero el diseño, sin duda, ha ido cambiando.

El botón de acción flotante

El botón flotante acción (FAB) en Hangouts 4.0 - la mayor cantidad de usuarios sugerido que debería - mató a la ficha independiente "contactos" que solíamos tener (aunque si tienes Marcador instalada que generará una pestaña adicional de todos modos). Y Hangouts es un lugar donde la FAB realmente tiene sentido - la acción principal de la pantalla principal es conversaciones Administración, por lo que hay opciones para los contactos frecuentes y para iniciar nuevas conversaciones de grupo, SMS, o de vídeo también.

Una cosa rara de la FAB en Hangouts 4.0 es que no reacciona a desplazarse por scooting fuera del camino. Simplemente se sienta en la esquina, el bloqueo de una o dos palabras (o la fecha) del último mensaje de la lista. En opinión de este escritor esas una o dos palabras no son un gran sacrificio, pero salir del camino es probablemente el comportamiento ideal. Los botones más pequeños que componen la marcación rápida no son exactamente norma, pero en general me llamarían este FAB una mejora sobre el viejo modelo de navegación.

Como se recordará, había más FAB en versiones anteriores de Hangouts 4.0. La FAB que aparece al iniciar una nueva conversación de grupo todavía existe, pero la FAB para el envío de un mensaje se ha ido. O al menos es diferente. En lugar de ser el 56dp completo, es más el tamaño de un botón normal (al estilo de Messenger), pero conserva su elevación cuando un mensaje está listo para enviar.

Recordatorios suaves

Un área donde Hangouts ha hecho grandes avances en 4.0 está alertando a los usuarios a los ajustes en curso, al igual que suponen que están enviando desde o cuando las notificaciones se han apagado durante una conversación. Un chiringuito en la pantalla principal recuerda brevemente los usuarios que suponen que están conectados a (en lugar de mantener el nombre de avatar y cuenta en la barra de herramientas) y en el interior de una conversación un mensaje-cafetería como desciende por debajo de la barra de herramientas para transmitir la misma información, con un mensaje similar (pero procesable) alerta a los usuarios cuando las notificaciones se apagan.

Por supuesto, los merenderos apareciendo desde ambos extremos de la pantalla puede llegar después de un tiempo, pero es fácil ver por qué, por ejemplo, el "Conectado como ..." snack aparece cada vez que entra en la aplicación. Los usuarios con varias cuentas (o usuarios Aplicaciones que también tienen cuentas personales) necesitan estar seguros de que la cuenta que están conectados a antes de entablar una nueva conversación. Para los usuarios con cuentas individuales, sin embargo, la cafetería sería no parece ofrecer mucho valor.

Mostrando moderación

Una gran parte de la práctica de un buen diseño, en mi opinión, es saber cuándo no para incluir las cosas, o cuando a carrete en algunas decisiones de diseño y sujetar cosas como el color y la tipografía. La versión final 4.0 desenrolla varios de los cambios de colores que vimos en fugas - La FAB ya no es un color verde brillante de menta, la FAB dentro conversaciones (como se ha mencionado antes) se ha reducido y vive en la barra de mensajes, el botón emoji innecesarias en la redacción bar se ha ido, y los mensajes salientes ahora son grises en lugar de verde. Los nuevos, recordatorios suaves sobre notificaciones también muestran más moderación que sus predecesores de color rojo brillante, optando por un mínimo de texto y una combinación de colores no tan grave.

^{Viejo contra nuevo}

Traer cosas juntos

Otro tema de esta actualización está unificando algunos elementos de la interfaz que se sentían dispersa y no estándar en iteraciones anteriores. Específicamente, Hangouts 4.0 hace mucho para limpiar las barras de herramientas. Además de la revisión de la barra de herramientas de la pantalla principal para decir simplemente "Hangouts," títulos de barra de herramientas se han topado hasta Roboto Medio (un estándar en otras aplicaciones), y la iconografía se ha revisado al blanco para que coincida con el texto.

Si tuviera que adivinar, diría que los iconos escondidas desde tiempos antiguos eran probablemente intencional. Después de todo, #FFFFFF en un campo de # 0F9D58 tiene una relación de contraste de 3,5: 1 mientras que # 000000 en el mismo color tiene una relación saludable de 6: 1. Para ser justos, sin embargo, los iconos de la versión anterior de lugares de reunión no eran negro puro - eran translúcido. Así que si el contrario fue la motivación sigue siendo sólo una conjetura.

Peculiaridades

El propósito de este post no es mirar qué Hangouts podría ser, sino más bien lo que es ahora desde una perspectiva de diseño. Así que con eso en mente, sin zambullirse en la lista de posibles características que sería bueno tener, hay algunos elementos del diseño existente que son sólo un poco extraño.

En primer lugar es la paleta de colores. En los párrafos anteriores he señalado que la paleta Hangouts 'es mucho más reservado ahora, pegando principalmente al color verde oscuro que vemos en la FAB, barras de herramientas, etc., con los colores azul-gris que lo respaldara. Pero todavía hay algunos lugares donde los viejos menta peeks de color verde medio. Cosas como controladores de selección de texto siguen siendo este matiz picante, a pesar de que otros elementos que normalmente son de color por color de acento de la aplicación (como casillas de verificación) son de color verde oscuro.

A continuación, no coinciden los iconos de cámara. La nueva barra de redacción es agradable. Lleva a cabo acciones comunes para añadir contenido a sus mensajes, y mantiene esas acciones a sólo cuatro iconos (a diferencia de otras aplicaciones de mensajería). Por supuesto, estos iconos se van apagado cosas usuarios han solicitado adjuntos de vídeo como, etc. Pero aquí estamos. De todos modos, el icono de la cámara en la barra de redacción es un miembro de la última y más grande colección de iconos de "materiales" de Google, pero al colocar una foto en el icono de marcador de posición es tan holo como siempre.

Esas no son las únicas peculiaridades de interfaz dando vueltas, sin embargo. Particularmente notable es el hecho de que pone de relieve los mensajes en la pantalla principal sigue siendo conseguir cubierto en buena edad # 33B5E5, y que el control de giro para cambiar entre SMS y Hangouts dentro de una conversación es deplorablemente mal alineada.

^{esos iconos podrían utilizar algún ajuste demasiado ya que estamos en ello}

Diseño de la tableta

Esta es una característica ausente I será discutir en este post, porque hay una cierta otra plataforma en la que Hangouts 4.0 lo tiene. En iOS, Hangouts tiene un diseño de la tableta perfectamente aceptable, optando por el paradigma split-panel en su lista de conversación es de un lado y la propia conversación aparece en el otro. Esto esta bien. Personalmente creo que el diseño sólo ahorra una cantidad marginal de tiempo, pero el ahorro de tiempo es real, y creo que valdría la pena para los Hangouts mirar excelente en tabletas Android también. Por desgracia este no es el caso. Lo que es más, sin embargo, es que Hangouts tenido un diseño de tableta antes.

^{recuerdos ...}

¿Por qué la experiencia tableta en Hangouts sigue careciendo es una incógnita. Es posible que tantas otras cosas se han priorizado ya sea en diseño o desarrollo de Hangouts que el diseño de la tableta no ha entrado en la ecuación todavía. Sin ser una mosca en la pared en Google, es imposible decir con seguridad. En cualquier caso, aquí está la esperanza de Hangouts recibe su propio diseño de la tableta algún día.

Pensamientos finales

En general, esta actualización se trata de refinamiento. Es Hangouts todo el camino allí todavía? Definitivamente no. Pero es esta actualización un paso en la dirección correcta, desde el punto de vista del diseño? Yo creo que sí, y he cubierto varias de las razones por aquí.

El progreso no puede ser tan rápido como nos acérrimos usuarios les gustaría que fuera, pero muchos de los cambios en Hangouts 4.0 tienen claramente un montón de pensamiento detrás de ellos, y es refrescante ver que por fin salen a la luz.