Cómo se creó el diseño de Yandex.Avto

Históricamente, no se ha prestado mucha atención a las interfaces de los sistemas de medios internos del vehículo. La alineación se está actualizando, pero a principios de la década de 2000 todavía se siente a bordo. En los últimos años, muchas tecnologías han crecido en el mundo del automóvil. Hubo toneladas de datos, se ampliaron las capacidades de software y, en general, hubo automóviles con electricidad y los primeros drones se fueron. Pero las interfaces de las unidades principales en la masa se mantuvieron en el mismo nivel .

La falta de innovación en multimedia integrada en los últimos años ha generado ofertas de gigantes de medios globales, y Yandex no es una excepción.

La idea de hacer algo por la industria automotriz no surgió de la nada. Es imposible mantenerse alejado cuando la empresa tiene mapas, navegador, música, clima, búsqueda, tecnología de voz y mucho más; Si combina todo esto, puede nacer algo útil.

Busca un producto futuro

¿Qué se requiere al volante? Cuántas personas, tantas opiniones, pero generalmente todos necesitan servicios de navegación, música y recomendaciones. Lo primero que hicieron fue escribir los escenarios de acceso al sistema detrás del volante: entrevistaron a colegas y conocidos, recopilaron solicitudes de características de los usuarios del producto y la experiencia personal del equipo. Luego sistematizamos un gran conjunto de escenarios, y obtuvimos una tabla de conocimiento sobre el producto.




En cada escenario, se indican los servicios involucrados y sus tipos de gestión.

Vale la pena señalar que todos los controladores no se pueden cortar bajo un peine. Uno acaba de ponerse al volante, y el segundo se considera un experto en conducción. Sus demandas al conducir son bastante diferentes. Todos los escenarios se pueden dividir en varios grupos según la experiencia de conducción:

• El principiante (hasta 1 año), debido a la poca experiencia, está bastante limitado en las solicitudes de interfaz y, en general, en la libertad de acción. Sigue de cerca el volante y la carretera, por lo que es mejor no molestarlo.
• Un experimentado (de 1 a 5 años) ya ha dominado, el horizonte de sus intereses es más amplio, pero esto también es una trampa. Permitirle que todo sea peligroso: el conductor se distraerá de la carretera.
• Un profesional (a partir de 5 años) ya ha visitado todos los problemas y conoce el precio de un error. Es difícil de sorprender, difícil de rockear, y con los años desarrolló sus hábitos de interfaz.

¿Qué es un sistema de navegación y entretenimiento? Para una persona que conduce, esto es en realidad una entidad secundaria, que distrae del viaje.


Coloque la interfaz Y. Avto en la conducción

Casi todas las partes del cuerpo participan simultáneamente en la conducción de un automóvil: piernas, ojos, oídos, manos ...

Cuanta más experiencia, más tranquilo actúe, mejor percibirá el flujo de información y más audazmente creará sus solicitudes.

¿Cómo distinguir un principiante de un profesional? En esto, con el tiempo, la experiencia de los conductores que usan la interfaz nos ayudará. Después de estudiar acciones y escenarios frecuentes, puede evaluar a una persona y adaptarse a ella. Para no confundirnos al diseñar, primero elegimos una manera simple: fuimos guiados por los guiones para principiantes.

Si analiza las consultas básicas, el esqueleto del producto puede estar formado por tres componentes:

1. La navegación
2. Acompañamiento musical.
3. Servicios de soporte y asesoramiento.

De hecho, el automóvil lo lleva primero del punto A al punto B. ¿Conoce el camino o necesita una ruta? Usted conduce, y al mismo tiempo hay un gran flujo de información dinámica: maniobras, señales, advertencias, recomendaciones, datos de tráfico ...


El flujo de datos dinámicos durante la ruta.

Es muy ruidoso mientras conduce. El ruido de otros autos, el funcionamiento del motor, la fricción de las ruedas en el asfalto, la ventana abierta, todo se funde en una corriente monótona, que a veces deprime e incluso calma. Por lo tanto, a bordo del automóvil desde la aparición de la radio hay música. Ahora la elección de la música es bastante amplia, por lo que es difícil complacer a todos los gustos exquisitos. Por lo tanto, hablando de música, establecemos el concepto de un conjunto de entidades que lo reproducen. Radio FM, música desde el navegador, AUX, Bluetooth, unidad flash, Yandex.Music y otras fuentes, todo junto: un gran procesador de música que debes tener en cuenta.

Si casi todos necesitan navegación y música, el resto de los servicios a bordo pueden variar según la persona. A alguien le gusta mirar las estadísticas de un automóvil y sacar conclusiones, alguien no puede vivir sin un navegador, o le gusta ejecutar videos desde Internet en un navegador. Estas son preferencias individuales, por lo tanto, tienen una prioridad más baja, ya que no son necesarias para viajar.

Si analiza el viaje en sus componentes, la ruta del punto A al punto B en el escenario arquitectónico de la interfaz se verá así:


Ruta de interfaz del controlador

Concepto de nacimiento

Recolectamos oportunidades futuras y estudiamos la ergonomía del uso de la interfaz, y la imagen del producto se hizo más clara. Un pensamiento no salió de mi cabeza: el conductor tiene muy poco tiempo para distraerse con el sistema. Tendrá que sostener el volante con la mano izquierda y alcanzar la pantalla con el dedo derecho. Hacer que elija solo las aplicaciones correctas y luego cambiar entre ellas ya no es tan simple. ¿Y si quiere seguir simultáneamente la ruta y cambiar la música? Y si, por el contrario, conoce el camino, pero necesita advertencias sobre cámaras y maniobras, pero al mismo tiempo es un amante de la música y ¿está cansado de escuchar la radio FM? Hay muchos escenarios, y cada uno de ellos es puramente personal.

Así nació la hipótesis de combinar servicios. ¿Y si tomamos de las aplicaciones solo lo que una persona necesita ahora y mostramos esta información en widgets con diferentes enfoques? Si la información se ve igual, es difícil concentrarse en una sola cosa. Siempre se necesitará algo de la abundancia de entidades en este momento. De ahí los dos formatos de widgets que se insertan en cintas y se voltean verticalmente en un círculo.


El principio de combinar dos cintas de widgets

• Un widget grande duplica parcialmente la funcionalidad de la aplicación y le permite no volver a entrar en él.
• Un pequeño widget de contexto con funcionalidad simplificada y solo la información más importante de la aplicación.

Combinando los datos de los principales servicios en la pantalla, obtenemos una herramienta flexible que puede organizar diferentes controladores.

Más es más. Si aprende las acciones frecuentes del usuario y acumula una historia, puede personalizar los widgets para cada uno. Ya sea que sea una combinación repetitiva de widgets o su contenido lo que le interesa, todo depende de la persona y la situación en el camino. Al mismo tiempo, si no desea combinar servicios, siempre puede pasar al modo de pantalla completa de un widget o aplicación.

Diseño de interfaz

Decidió las sensaciones y comenzó a trabajar en estrecha colaboración con la interfaz. Era importante decidir qué y cuándo mostrar. Cuadrícula, acentos, información de dosificación, mecánica, restricciones: todo fue en paralelo. Para tal diseño, se establecieron claramente limitaciones importantes durante el desarrollo:

• Área mínima para presionar la pantalla (con un dedo extendido). Esto afectó el tamaño mínimo del texto, el tamaño de los botones importantes, el área aumentada de clics y el aire alrededor de los elementos y el texto de la interfaz en la que se puede hacer clic.
• La dependencia en línea y fuera de línea dejó en claro que debe mostrar y comunicarse en ese momento al usuario para no confundirlo.
• El automóvil se mueve o no ; de esto depende si se limita el uso de la interfaz. Resultó que hasta ahora todo es relativo, tanto en la política de las preocupaciones del automóvil como en nuestra actitud hacia el conductor. Por un lado, puede estar limitado durante el movimiento, pero ¿qué tan moral es ese derecho? Por otro lado, un pasajero aburrido también puede sentarse en un automóvil ... El tiempo y la investigación le indicarán el enfoque correcto.

Bosquejos rápidos de prototipos de estados del sistema

Una de las tareas más importantes es lidiar con la navegación de ruta. El navegador ya sabe o eventualmente acumula una historia. Puede recordar las ubicaciones frecuentes del usuario y sacar conclusiones donde está. Por ejemplo, surgió la idea de recopilar un resumen detallado de dónde está y hacia dónde (posiblemente) planea ir. Si es lunes por la mañana y estás en casa, parece que es hora de ir a trabajar. Y si estás en Elatma el día libre, esta es una historia completamente diferente ...

Al mismo tiempo, vale la pena distinguir entre escenarios cuando ya está conduciendo por una ruta desconocida y cuando la ruta no es necesaria. En un caso, es importante ver un mapa con el camino, en el otro, solo las notificaciones sobre lo que está por delante son suficientes.


Acercamientos a los widgets de Navigator

La multivariancia de la esencia de la música dividió todo en dos patrones. Uno para radio FM con una iteración evolutiva de una báscula de radio, el segundo con una hermosa cubierta que se puede mostrar no solo para Yandex.Music, sino también para canciones desde una unidad flash o un teléfono conectado por Bluetooth. El nombre correcto del artista y la canción es suficiente para dejar la solicitud en línea para buscar la portada.


Busca la aplicación de radio FM

Desde el concepto hasta el lanzamiento

Pre-concept definió un conjunto básico de aplicaciones a bordo. Desde cero, fue necesario desarrollar radio FM, llamadas, configuraciones y un sistema de actualización de aplicaciones.

De Yandex, se tomaron Navigator, Radio, Weather, Browser y asistente de voz. Con estos chicos, fue necesario adaptar las versiones móviles de Android al tamaño de la pantalla de la unidad principal (1024 × 600 px), teniendo en cuenta las reglas sobre la capacidad de hacer clic y la legibilidad de los elementos.


Composición preliminar del sistema

Vale la pena señalar que las aplicaciones móviles están diseñadas para funcionar en el teléfono, y lo tiene en sus manos a poca distancia de los ojos. En el automóvil, la pantalla está dos o tres veces más lejos. Todo debería haberse vuelto más grande. En un mundo ideal, valía la pena desarrollar aplicaciones desde cero, teniendo en cuenta la ergonomía y los escenarios de los controladores. Pero lanzar el producto es una tarea imposible. Tal procesamiento se dejó para el desarrollo del sistema.

Escenarios

A continuación, trabajamos con diseños, centrándonos en escenarios básicos. Imaginemos una imagen ideal del mundo: hay una conexión, nuestro usuario con la historia. Martes por la mañana, hora de ir a trabajar. El motor arranca y el sistema sabe:

• Lugares de viaje (la gente va a trabajar de lunes a viernes y los fines de semana por la ciudad).
• La ultima musica.
• Puntos seleccionados en el navegador.
• Datos de penalización y factura de estacionamiento.

El conductor va a trabajar por centésima vez y, muy probablemente, conoce el camino sin un navegador. Entonces, es suficiente para él ver solo los límites de velocidad, las cámaras en el camino, la pendiente de los atascos y las maniobras para no perderse la curva. En el camino, es posible que deba recibir una llamada, cambiar de música y, entre los casos, ver el pronóstico del tiempo para la noche. Cerca del trabajo será necesario estacionar.

Fingimos ser el prototipo más simple que reflejaría las acciones básicas:



Un escenario no es suficiente. Es necesario verificar a los usuarios que solo necesitan un navegador, e incluso a la pantalla completa, así como a los que les gusta ver películas en atascos y aquellos que solo necesitan música. Es importante cómo se ve la pantalla de inicio antes de comenzar a moverse y qué se combina en la pantalla.

Habiendo viajado con el equipo con los primeros prototipos en el automóvil, nos aseguramos de que el mínimo en el camino sea un navegador (en la zona principal) y un reproductor de música con la capacidad de seleccionar una fuente (a la derecha). Todo lo demás es individual.

Asistente de voz

Ha llegado el momento de establecer la capacidad de controlar la voz. La voz en el automóvil es un elemento de control de interfaz prometedor, mientras que las manos están ocupadas por el volante. "Salgamos ..." o "Encienda la radio ...": todo esto debería funcionar sin quitar las manos del volante y los ojos de la carretera. Es importante que el conductor se dé cuenta con visión periférica y entienda por un pitido que el asistente de voz está activado y puede preguntar.


Ejemplo de juego con Alicia en la ciudad

Formulamos otro principio de trabajo: no duplique las respuestas del asistente con el texto, ya que distrae del camino. Tiene sentido mostrar solo los comandos del controlador para que pueda verificar si se reconocen correctamente.

Modo día

Si observa el panel del automóvil, el modo nocturno parece más familiar, ya que los torpedos suelen ser negros u oscuros. Pero la pantalla negra en la tarde comienza a reflejar la luz y se vuelve opaca, es inconveniente leer el texto en ella. Una pantalla brillante o una dispersión de película esmerilada, brillo inicial débil y contraste de pantalla: todos juntos hacen que el modo nocturno sea inutilizable.

El modo de diseño nocturno se desarrolló originalmente en tres colores (negro, blanco y acento) con diferentes estados de transparencia. El cambio de noche y día debería haber tenido lugar sin confusión innecesaria. Estamos conectados a la mecánica ya preparada del sustrato del mapa en el navegador y obtenemos una dependencia automática del tema de la interfaz al amanecer y al atardecer.


Estilos de texto para temas de interfaz diurnos y nocturnos.

Comunicación a bordo

La interfaz depende completamente de los datos de Internet del servidor y de la señal de GPS, por lo que tuvimos que averiguar el estado de los widgets en la pantalla principal. La máquina no siempre está en contacto, la conexión a veces se retrasa, y el estado de la interfaz puede ser diferente.


Dependencia de los widgets del estado de la red.

En el primer lanzamiento en serie con Toyota en septiembre de 2017, la interfaz, que se ajusta constantemente según el diseño en vivo, ya parecía más refinada. Introdujo el sistema de actualización más simple para futuras versiones.


Video para el lanzamiento de Yandex.Auto

Desarrollo del proyecto

Después del lanzamiento, se abrieron nuevos horizontes de desarrollo. Quedó claro a dónde ir después, y el frente del trabajo se volvió aún más ilimitado. Con el inicio de la producción en serie y la venta de automóviles, aparecieron las primeras críticas. Metric comenzó a pintar lentamente una imagen de lo que está sucediendo. Más adelante, en el siguiente programa de desarrollo, se lanzaron J. Drive, nuevas marcas de automóviles, soporte para lo que es y una gran lista de lista de deseos.

Personalización

Al trabajar con marcas de automóviles, era necesario tener en cuenta la personalización del fabricante. Al comprar un automóvil, esperamos que cada detalle refleje la marca. Los paneles, como regla, intentan mantener el carisma del automóvil con fuentes, flechas y dispositivos. Está claro que crear una interfaz para cada marca es problemático, pero encontrar elementos que puedan apoyar el carácter general del panel es bastante realista. Color de acento, encabezados de fuente, iconos, ilustraciones ...


Un ejemplo de la personalización propuesta para Renault

Comenzando con Yandex.Drive

Las personas usan los autos compartidos de manera muy diferente a los autos personales. Básicamente, necesitas sentarte rápidamente e ir de A a B, porque cada minuto cuesta dinero. Quedó claro que en este caso no es necesario dar la funcionalidad completa de la versión original. Al principio, redujeron el conjunto de aplicaciones y el acceso a la configuración completa del sistema. Las tareas principales en esta dirección fueron recordar la elegida e iniciar sesión, agregar las habilidades de Alice y mejorar el régimen diario.

Durante más de un año, la versión para compartir el automóvil se ha convertido, de hecho, en una tienda con un número constante de usuarios. Un gran flujo de revisiones y la puesta en marcha de nuevas unidades principales hicieron sus ajustes.

Por ejemplo, el tema diario en diferentes automóviles se hundió visualmente en algunos lugares debido a las características físicas de las pantallas. Como resultado, el régimen diario se rehizo. En primer lugar, tratamos de aumentar el contenido de grasa y el tamaño de fuente, para abandonar sus estados translúcidos.


El primer acercamiento al cambio de estilo

Según los resultados de la investigación UX, los usuarios de Yandex.Drive decidieron vivir como un experimento sin el estado de la pantalla principal, donde la parte central era anteriormente una zona de widgets desplazables. Desde el lanzamiento, el modo de pantalla principal logró desempeñar su papel, y ahora se está rehaciendo. Todos los cambios descritos ya están disponibles en autos compartidos a partir de mayo de 2019.

Dispositivos propios

Con el tiempo, el interés en el proyecto comenzó a crecer y el equipo tuvo la idea de hacer un producto para todos. Seleccioné unidades principales para más de 14 modelos y comenzamos a adaptar el producto a ellas.


Aseguramiento de la calidad de las pantallas de la unidad principal en la fábrica de Caska en China

En esta iteración, finalizamos llamadas, configuraciones avanzadas para la unidad principal, adaptamos la versión completa de Android de Yandex.Music, mejoramos el sistema de actualización y la interacción con Alice. En más detalle sobre lo que ya está disponible para la venta, está escrito en el sitio web Yandex.Avto.

Es importante tener en cuenta que esta versión puede considerarse un sistema completo para un automóvil personal, que se actualizará y desarrollará con el tiempo. Soporte para aplicaciones nuevas o actualizadas, mejoras en la interfaz: todo llegará a tiempo.


Vista actual de la interfaz GU en venta

El futuro

Gracias a las instalaciones en los automóviles, el lanzamiento del uso compartido del automóvil y sus dispositivos, constantemente se agregan nuevos usuarios a las métricas. Hay muchas ideas sobre cómo mejorar el sistema, y ​​hay muchos desarrollos nuevos, por lo que el plan está planeado para los próximos años.

Es importante que ahora en el mundo de los automóviles y los sistemas de medios integrados se forme un entorno competitivo saludable, en el que haya un lugar para todos los que hagan algo interesante.

Cada semana, aparece información sobre una tecnología útil en particular, por lo que debemos mantener el listón. Los datos del automóvil y el soporte de sus funciones a lo largo del tiempo llevarán el producto a un nivel completamente nuevo de comunicación con el conductor.

Suscríbase al canal de telegramas sobre diseño en Yandex t.me/yandexdesign