La interfaz impulsada por la misión

Un rediseño de Twitter, inspirado en nuestro renovado sentido de propósito.

Los últimos meses han traído muchos cambios emocionantes a Twitter. Por eso, queríamos asegurarnos de que lo que defendemos se refleje claramente en la experiencia de nuestro producto: Twitter es donde usted va a ver lo que está sucediendo en todo el mundo, en este momento.

También nos hemos vuelto más ágiles como equipo; adoptar la componente para que podamos visualizar, colaborar, diseñar y enviar cambios al producto mucho más rápidamente.

Nuestro renovado sentido de propósito como organización hizo un rediseño de la experiencia del usuario necesaria: Twitter tiene que sentirse humano, audaz y eléctrico.

Hablemos de lo que implica el rediseño.

Inspiración

Como probablemente pueda imaginar, un Tweet es un componente de diseño bastante fundamental aquí en Twitter. La brevedad y las limitaciones de diseño de nuestro contenido fueron nuestra mayor fuente de inspiración. Queríamos un nuevo diseño para Twitter que se sintiera tan agudo y humano como las voces en nuestra plataforma.

Durante nuestra búsqueda de inspiración también reconocimos algo realmente importante: Twitter es un servicio de noticias en tiempo real, por lo que nuestro nuevo sistema de diseño tenía que sentirse más como un producto editorial visualmente.

Diseño

Todos los cambios que hicimos como parte de nuestro rediseño se centraron en un solo objetivo: necesitábamos aumentar el contraste y la cohesión para guiar a las personas hacia el contenido rápidamente y establecer una identidad de producto más fuerte. Teníamos que ser menos sutiles al recomendar dónde mirar en la pantalla, y teníamos que eliminar cosas de nuestra experiencia si se distraían de lo que importaba.

Tipografía

La densidad de información es una gran parte de Twitter: muchas personas se expresan al mismo tiempo en la plataforma y las historias pueden desarrollarse en segundos.

Nuestra paleta tipográfica a menudo era demasiado neutral, y la gente tenía que trabajar demasiado para descubrir dónde buscar dentro de nuestra experiencia. Esto nos obligó a realizar cambios en la forma en que usamos la tipografía para ayudar a las personas a navegar de manera más fluida. Ahora, los titulares son pesados ​​en apariencia, claramente separando información, para darle a la voz de Twitter una personalidad segura.

Medios de comunicación

Los medios también tuvieron que cambiar. Creemos que Twitter es una ventana al mundo, por lo que queríamos reflejar mejor esa idea visualmente.

Para lograr esto, comenzamos a extraer el color más frecuente en cada fotografía en Twitter y usarlo como un sutil fondo. Ahora el fondo complementa la fotografía, ayudando a la interfaz a retroceder y enfocando al usuario en el contenido.

Formas

Los bordes redondeados fueron algo que mucha gente notó cuando actualizamos el producto. Twitter es un lugar informal para comunicarse; cualquiera puede compartir lo que piensa en este momento, y queríamos que nuestra interfaz se sintiera sutil y amigable.

Los botones y las burbujas de chat y los avatares se suavizaron en apariencia para cambiar sutilmente toda la interfaz a una apariencia más liviana y amigable.

Iconografía

La iconografía en Twitter también necesitaba cambiar. Nuestra identidad de marca es directa y audaz, por lo que los nuevos glifos tuvieron que comunicar su propósito al instante. El conjunto se siente ligero cuando los íconos están inactivos y se comunica audazmente un estado activo cuando interactúa con ellos.

Navegación

También hemos adoptado la personalización con este rediseño. Muchas funciones de personalización populares, como el Modo nocturno, estaban ocultas en la Configuración, por lo que reorganizamos nuestra navegación para exponer de manera más destacada las preferencias personales y la configuración de privacidad.

Solo el principio

Este fue un gran hito para nosotros: Twitter está empezando a reflejar en su interfaz lo que nos hace únicos, pero recién estamos comenzando. A medida que continuamos enviando funciones que cumplen la promesa de Twitter, seguiremos compartiendo historias sobre cómo y por qué las hicimos, aquí mismo en nuestro blog.

Imágenes de estudio cortesía de Josh Wilburne, quien nunca baja la cámara.