El nuevo diseño de Google Calendar

Nuevo descubrimiento de características

Lanzar cambios visuales o funcionales a su producto es emocionante y aterrador. Por un lado, probablemente esté creando un nuevo valor para las personas que usan ese producto o característica. Por otro lado, el cambio siempre trae cierto nivel de incomodidad. Es importante dar a las personas tiempo para adaptarse al cambio, lo que hace que el proceso de descubrimiento (la forma en que las personas aprenden y exploran nuevos diseños o características), una parte fundamental del éxito general de un proyecto. En otras palabras, administrar el descubrimiento de una nueva característica es un acto de equilibrio de promoción sin interferencia, y creo que el equipo de Google Calendar casi lo logró con el lanzamiento de este rediseño del calendario.

El nuevo diseño de Google Calendar. New Design. Arpargata
El nuevo diseño de Google Calendar. New Design. Arpargata

Específicamente, el Raised Button en la esquina superior derecha de la página de descripción general del calendario fue una solución elegante para ayudar a las personas a descubrir la nueva característica del calendario, sin interrumpir su capacidad de utilizar las herramientas originales con las que están familiarizados. Este enfoque es como decir: “¡Adelante y continúe planificando su día / semana / vida como de costumbre! Pero bueno, cuando estés listo, ¡tenemos un nuevo diseño para ti! “

El botón de actualización no interfiere con ningún flujo de trabajo establecido, pero está estratégicamente posicionado y diseñado para ser perceptible para los usuarios observantes o aquellos que buscan la actualización.

Ahora, mi única duda con este nuevo flujo de descubrimiento de características es la excesiva introducción durante el proceso de cambio. Específicamente, la decisión de “Usar nuevo calendario” requiere tres clics (incluidas dos solicitudes de bloqueo que requieren aprobación) y contenido repetido que se vuelve inmediatamente redundante. Las acciones y el contenido son:

  1. Use el nuevo calendario
    Yo: – Ok, dale, estoy listo.
  2. Actualice ahora (“Una nueva apariencia para el calendario: nuestro diseño actualizado hace que sea aún más fácil para usted administrar su tiempo”)
    Yo: – Ya sabía que era un diseño actualizado, pero tal vez sea útil para otras personas generar confianza. Igual, go!
  3. Got it (Copia repetida inmediatamente: “Una nueva apariencia para el calendario: nuestro diseño actualizado hace que sea aún más fácil para usted administrar su tiempo”)
    Yo: – ¿No me acabas de decir exactamente lo mismo? Quiero decir, la ilustración es bonita y todo, pero solo quiero comenzar … 
El nuevo diseño de Google Calendar. New Design. Arpargata
El nuevo diseño de Google Calendar. New Design. Arpargata

A pesar de tener tres clics e incluir algunos textos repetidos, acceder al nuevo calendario todavía era bastante rápido. En general, diría que el equipo de Google Calendar adoptó un enfoque excelente para el lanzamiento de nuevas funciones; es sutil pero fácil de encontrar si estás preparado para eso. También es súper flexible (lo que permite a las personas volver al antiguo calendario si el cambio es demasiado abrupto es una medida generosa, ya que ahora significa que Google necesita asignar recursos para mantener ambos calendarios).
La flexibilidad puede costar un poco más en el corto plazo, pero es una gran manera de generar confianza y lealtad en el producto Google Calendar. Y la decisión de recopilar comentarios cuando alguien opta por revertir es genial: esa información ayudará al equipo a seguir mejorando el nuevo diseño, hasta que finalmente sea tan bueno que puedan abandonar la versión anterior.

Separar tareas de visualización y edición

Mientras manejaban nuevos lanzamientos de funciones pro, la parte del nuevo diseño que realmente me entusiasma es el resumen de eventos y recordatorios en la descripción general. Este útil diálogo ofrece una ojeada a información crítica relacionada con un evento, mientras te mantiene en el contexto de la vista general del calendario (anteriormente tendrías que abandonar el calendario e ingresar a la página de detalles del evento para acceder a información como asistentes, ubicación, descripción, y enlaces relevantes)

El nuevo diseño de Google Calendar. New Design. Arpargata

Este es un gran ejemplo de la decisión de separar las tareas de visualización (“Deseo revisar los detalles de este evento para poder prepararme”) y las tareas de edición (“Necesito cambiar algunos detalles de este evento y quizás actualizar el otro asistentes “).
Separar las tareas de visualización y edición puede sonar como una decisión directa, pero es una que puede recibir muchos retrocesos. El argumento de contador más común que he escuchado es el siguiente: “¿por qué no permitir que las personas tengan todas las herramientas y controles que necesitan de inmediato? ¡así que todas nuestras potentes funciones están siempre al alcance de la mano! “. Si bien esta línea de pensamiento podría provenir de un buen lugar, es probable que muchas interfaces terminen siendo infladas con información y controles. Cuando una página se llena de funcionalidad e información que hace que todo sea posible a la vez, (irónicamente) a menudo hace que la página sea imposible de usar.

Demasiadas opciones se vuelven abrumadoras rápidamente y pueden interferir con la capacidad de las personas de centrarse en un objetivo específico.

Esta decisión de separar la vista y editar la tarea probablemente requirió la investigación del usuario y muchas discusiones sobre los diferentes trabajos del usuario (JTBD), un marco que ayuda a analizar las motivaciones y expectativas de las personas cuando intentan completar ciertas tareas.

Un ejemplo específico: imagina que estás sentado para revisar tu día. La página de calendario es probablemente la más útil; le ayuda a comprender rápidamente lo que ha programado hoy, y más adelante esta semana, para que pueda administrar su tiempo de manera efectiva. En este contexto, los trabajos, o tareas, que desee completar probablemente impliquen tener una idea de todas sus próximas reuniones del día y prepararse para una o dos de las específicas.

El nuevo diseño de Google Calendar. New Design. Arpargata

Las nuevas tarjetas de diálogo en Google Calendar son compatibles con estas dos tareas: le permiten permanecer en la página de resumen para que pueda escanear todas sus próximas reuniones, pero le permite ver eventos específicos.

La información en la tarjeta proporciona información suficiente para ayudarlo a tomar medidas con confianza, ya sea preparándose para la reunión, buscando la habitación adecuada o confirmando su asistencia.

En este momento, cuando el trabajo que desea realizar es planificar su semana o concentrarse en las reuniones programadas, un estado de vista es realmente todo lo que necesita. No hay necesidad de hinchar esta interfaz con todas las funciones de edición, como campos de texto expuestos, controles de formato, listas de selección de salas, etc. En este escenario, todos esos controles adicionales son un desorden que interfiere con la revisión y planificación de flujos de trabajo (pero si lo hace necesita editar algo, la página del evento es de fácil acceso con un solo clic).

El nuevo diseño de Google Calendar. New Design. Arpargata

¡Pero espera! ¡Hay más! El equipo de Google Calendar también construyó un nuevo diálogo que le ayuda a agregar instantáneamente un evento o recordatorio, sin salir de la página del calendario. ¡Yuuup! Como esta acción requiere que guarde sus ediciones, tiene sentido que un diálogo que se distinga claramente del resto de la vista de calendario (con un cambio de opacidad sutil en el fondo) lo ayude a mantenerse enfocado en completar esa tarea.
Este es un excelente ejemplo de diseño visual que admite flujos de trabajo, y configura a los usuarios para que tengan éxito al completar tareas enfocadas, en lugar de abrumarlos con información y campos de entrada. ¡Bien Google!

Patrones de diseño

El nuevo diseño de Google Calendar. New Design. Arpargata

No puede concluir este artículo sin reconocer la increíble decisión de actualizar las páginas de configuración del calendario a los estándares de Material Design de Google.

Un rápido vistazo es suficiente para decirte que usar patrones de diseño de Google es una gran mejora, pero aquí hay algunas razones específicas del porqué:

  • Agrupar información relacionada en las tarjetas hace que un montón de contenido sea fácil de escanear y digerir
  • Cada carta puede contener acciones relacionadas, lo que mantiene los controles y el contexto cerca para que tus ojos puedan moverse hacia abajo en un ritmo vertical, en lugar de zigzaguear en la página para leer los titulares y luego los controles.
  • Usar el menú superior como una forma de navegar de regreso a la pantalla anterior (la vista del calendario) hace que la experiencia de la aplicación web sea más consistente con los patrones móviles.

En términos de la aplicación de calendario en sí, el equipo de diseño también actualizó su jerarquía tipográfica y estados de enfoque, y aumentó el contraste de color, haciendo que toda la interfaz sea más accesible.