Un año diseñando en WhatsApp

Reflexiones sobre cómo WhatsApp y Facebook diseñan a escala

He sido diseñador de productos en Facebook cerca de cuatro años. He trabajado en una variedad de equipos como Grupos, Compartir y Privacidad. En este momento del año pasado, tuve una oportunidad emocionante para comenzar a trabajar en WhatsApp.

Al entrar, sabía que diseñar para WhatsApp iba a ser una experiencia significativamente diferente a diseñar para Facebook. Ha sido más revelador de lo que esperaba y me enseñó a abordar los problemas y mi trabajo desde diferentes ángulos de los que había considerado anteriormente.

He aprendido mucho durante el año pasado y quiero compartir lo que he observado diseñar para WhatsApp y Facebook.

Principios fuertes

WhatsApp diseña y construye su producto con principios específicos en mente. Estos principios están en el centro del proceso de toma de decisiones. Aquí hay algunos ejemplos de estos valores compartidos:

  • La interfaz debe sentirse nativa del dispositivo que la persona está usando
  • La aplicación debe ser liviana y requerir el menor almacenamiento posible
  • La interfaz debe ser simple.
  • Las acciones y animaciones del usuario deben responder rápidamente
  • Las características deberían proporcionar una utilidad obvia, por lo que requieren poca introducción

Mientras que Facebook usa una misión de alto nivel para impulsar las decisiones de la compañía, WhatsApp usa estos principios para enfocar las conversaciones de productos, de modo que la mayoría del pensamiento de diseño entra en las minucias de la ejecución.

Por lo general, a todos los diseñadores de Facebook les digo que retrocedan. Dicen cosas como: ¡Odiaría eso! ¿Quién decide la dirección del producto? ¿Sientes que no tienes el control? ¿Puedes presentar nuevas ideas?

La toma de decisiones de WhatsApp es significativamente más vertical que Facebook en lo que respecta a la hoja de ruta. Personalmente, creo que me enfoca más en el trabajo que estoy haciendo. Influyo en el producto a través de mis diseños, lo que tiene sentido para mí ... Soy diseñador.

Dicho esto, todavía hay mucho espacio para proponer ideas y expresar mis pensamientos sobre las decisiones de la hoja de ruta, pero generalmente no necesito hacerlo. Los elementos elegidos para la hoja de ruta también se adhieren a los principios compartidos.

El principal aprendizaje que descubrí es que si su equipo puede encontrar principios de diseño sólidos para ponerse de acuerdo, hará que su equipo sea más eficiente. Cuantos más valores esté de acuerdo, más eficiente será y menos comunicación será necesaria para lograr sus objetivos juntos.

Al construir un producto, tener un problema claro que resolver para las personas es la mitad de la batalla. Tener un marco sobre cómo juzgar las soluciones propuestas ayuda a que el resto del proceso sea más eficiente.

Pestaña de estado en Android

Utilidad de conducción de utilidad versus utilidad de conducción de participación

Cuando se trabaja en Facebook, a veces un diseñador tiene la tarea de presentar una nueva característica. Esto puede ser un desafío porque Facebook ya tiene muchas características útiles. El cambio dentro de la plataforma no siempre es fácil para las personas que usan el producto, pero nuestra intención al introducir nuevas características es siempre mejorar la experiencia para las personas que usan el producto y brindarles a las personas las herramientas que les resulten útiles. Una técnica que utilizamos es alertar a las personas sobre las nuevas características en las que podrían encontrar valor.

WhatsApp aborda este problema de una manera pragmática diferente. Tratamos de diseñar y construir características que obviamente son útiles. Si la función necesita explicación, no está lista.

Tendemos a no alertar a las personas sobre las nuevas funciones del producto. Asumimos que si creamos características que son obviamente útiles, las personas las encontrarán y el compromiso seguirá naturalmente.

Se podría argumentar que es una mentalidad ingenua a nuestra escala. Por otro lado, creo que esta metodología aparece en las decisiones del producto y resuena con las personas que usan WhatsApp.

Para mí, el aprendizaje aquí ha sido que no existe una sola fórmula de diseño para hacer crecer su producto. Puede ayudar al usuario a probar cosas nuevas (NUX, popovers, etc.), pero también puede alentar pasivamente al usuario (descubrimiento, boca a boca, etc.). Encontrar formas de respetar la intención de una persona en estas decisiones de producto es beneficioso y crea una experiencia de producto respetuosa.

Estado del texto

Herramientas de diseño y habilidades de diseño.

Una cosa que realmente extraño de trabajar en el producto de Facebook es aprovechar al máximo lo increíbles que se han vuelto las herramientas de diseño. Facebook tiene un equipo que se enfoca únicamente en crear excelentes herramientas para hacer que los trabajos de los diseñadores sean más fáciles y más eficientes.

Uso Origami casi a diario para mi creación de prototipos y me encanta, pero muchas otras herramientas que me ayudaron en Facebook son menos relevantes para el trabajo que hago ahora, ya que WhatsApp no ​​tiene un kit de interfaz formalizado ni utiliza la API Graph de Facebook.

Mantener un kit de interfaz para WhatsApp probablemente sería más trabajo de lo que vale para nuestro pequeño equipo. Dependemos en gran medida de los patrones de diseño nativos de la plataforma, por lo que hay menos necesidad de componentes estándar personalizados. Hemos compartido documentos de Sketch que actúan como plantillas para patrones de uso común, pero todo es muy crudo en comparación con los sistemas altamente estructurados de Facebook e Instagram.

Una cosa que me sorprendió en mi trabajo en WhatsApp es que a menudo tengo que diseñar iconografía, ilustraciones y exportar activos a mano. No he tenido problemas para desarrollar mis habilidades de experiencia de usuario trabajando en superficies de Facebook, pero no me han desafiado muchas veces con mis habilidades de diseño visual debido a los talentosos ilustradores y las excelentes herramientas que tenemos para la iconografía compartida. Nunca me he considerado un diseñador visual, pero en un equipo pequeño tienes que hacer todo bien, y eso incluye detalles finos de diseño visual.

El aprendizaje aquí es que las herramientas te ayudan a hacer tu trabajo más fácilmente, pero te animo a que des un paso atrás de vez en cuando y te asegures de que puedes hacer el trabajo sin la ayuda de las herramientas. Como mínimo, le ayuda a mantener una perspectiva sobre la utilidad de las herramientas.

Filtros de fotos

Problemas únicos

Algunos de los problemas de producto que he encontrado en WhatsApp no ​​se han visto nunca antes. Por ejemplo, el cifrado de extremo a extremo tiene muchos efectos secundarios desafiantes. Los mensajes se almacenan en el dispositivo del usuario y WhatsApp no ​​almacena los mensajes de los usuarios una vez que se han entregado.

Esto provoca comportamientos en la interfaz de usuario que podrían no tener sentido para las personas que no entienden la tecnología subyacente. Por ejemplo, cuando inicia sesión en WhatsApp en un nuevo dispositivo, no tiene todos sus mensajes antiguos de inmediato. Esto se debe a que todavía están en su dispositivo anterior: no hay una copia en el servidor.

En Facebook, la identidad real termina siendo un elemento fundamental de los diseños. En WhatsApp, no exigimos que las personas tengan una foto de perfil. ¡No requerimos que las personas usen su nombre! La identidad es algo que di por sentado en mis diseños en Facebook, pero ciertos problemas se vuelven mucho más amorfos cuando no puedes confiar en los beneficios de la identidad.

Otro ejemplo interesante es dar por sentado la alfabetización. Las personas pueden enviarse notas de voz, fotos y videos entre sí en WhatsApp comunicándose sin texto. Un desafío interesante que tuve fue diseñar la interfaz para las personas que inician sesión en WhatsApp. Las personas necesitaban saber que conectaban con éxito sus contactos a WhatsApp y dónde comenzar sus conversaciones, pero el diseño tenía que funcionar bien incluso para aquellos que no podían leer el texto.

Búsqueda de chat en iOS

Muévete lento y deliberado

En Facebook, comienzas con un problema. Entonces propones una solución a ese problema. Si eso entusiasma al equipo, lo prueba en la investigación. Si se prueba bien, comienzas a construirlo y lo sacas para una pequeña prueba para ver si resuelve el problema. Si resuelve bien el problema, lo construye para tener un conjunto de características enriquecido y lo lanza a un público más amplio. El proceso es iterativo y tiene muchos controles y equilibrios integrados de forma natural. Es un proceso maduro y funciona bien.

En WhatsApp, comienzas con un problema. Trabajas en un espectro de soluciones. Empiezas a reducirlo a las soluciones que parecen resolverlo mejor y adherirse a los principios de la aplicación. Usted busca la mejor solución hasta que piense que no hay nada malo en ello. Luego sigues moliendo la solución hasta que no hay nada realmente malo en ella. Los desarrolladores crean la solución y usted la implementa a todos en una actualización de la aplicación. El proceso también es iterativo hasta cierto punto, pero principalmente en la parte de diseño. Hay una presión adicional sobre el diseño para que salga por la puerta.

Facebook tiene el valor de "Muévete rápido". Poner en marcha un proyecto en Facebook puede ser extremadamente rápido, pero el proceso completo de implementación de un producto en realidad puede llevar bastante tiempo. Si WhatsApp tuviera un lema similar, sería "Muévete despacio y deliberadamente". Tomamos mucho más tiempo por adelantado en la fase de diseño, principalmente porque somos más adversos a pivotar en la fase de desarrollo. Cuando entregamos el diseño a los ingenieros, realmente tratamos de entregar la mayor cantidad de especificaciones y simulaciones terminadas posible. La ventaja de esto es que causa menos rotación en ingeniería, lo cual los ingenieros aprecian. La desventaja potencial es que los ingenieros pueden sentirse menos involucrados en el proceso de diseño del producto y pueden sentirse más aislados de las decisiones del producto.

Existen ventajas y desventajas para ambos métodos de trabajo, pero el verdadero aprendizaje para mí es que ambos métodos funcionan. Ninguno de los dos es particularmente más rápido que el otro, es más una cuestión de preferencia de estilo de trabajo. El estilo de Facebook permite una mayor superposición entre los roles y el estilo de WhatsApp tiene un flujo de trabajo con roles más enfocados.

Vistas de estado y actualización de estado en iOS

Terminando

Espero que algunos de estos pensamientos lo ayuden a pensar en nuevas formas de trabajar o a encontrar formas adicionales de aportar valor a su equipo. Me emociona y me alienta ver de primera mano que se pueden utilizar diferentes estilos de trabajo para crear excelentes productos a escala. Es solo una cuestión de lo que funciona para las personas que están haciendo el trabajo. Creo que encontrar esa forma de trabajar es muy importante.

También escribí esto con la esperanza de crear conciencia sobre el diseño de WhatsApp. Somos un equipo en crecimiento y buscamos más personas para ayudar. Si estos valores o formas de trabajo le parecen interesantes, debe consultar nuestras posiciones abiertas, especialmente nuestro rol de Diseñador de productos.