VI. El móvil primero

Cuando incluimos Mobile First en nuestro manifiesto, estábamos al borde de un punto de inflexión.

Los análisis indicaban que en uno o dos años los móviles se impondrían a los ordenadores de sobremesa como plataforma informática dominante. Los diseñadores web con visión se preguntaban "¿por qué esperar? Si la vida útil de un sitio web era de tres a cinco años, había que diseñarlo ya para un público principalmente móvil. Adoptamos el diseño "responsive" como estándar en 2010. En 2013, ya considerábamos el móvil como el caso de uso dominante.

Empezamos con nuestro sitio web para Royal Albert Hall, que apareció en elpodcast Responsive Design Podcast de Ethan Marcotte, el hombre que acuñó el término responsive design.

En 2017 ya hemos superado el punto de inflexión. El uso del móvil representa actualmente el 60 % del tráfico del sitio web de un cliente típico. La cifra del 60 % incluye tanto tabletas como teléfonos, pero incluso esta distinción está empezando a difuminarse a medida que los teléfonos son más grandes y las tabletas más pequeñas.

La línea que separa mi navegador móvil, mi aplicación de Facebook y mi tarjeta de crédito se está difuminando.

¿Qué significa diseñar mobile first ? No se trata sólo de ponerlo todo en una columna larga y estrecha. Especialmente si hace que mi portátil parezca un teléfono sobredimensionado, que mis píxeles se desperdicien en tipos enormes y que las imágenes principales no quepan en mi ventana sin desplazamiento.

La forma en que interactuamos con nuestros dispositivos móviles es diferente. Los dispositivos móviles son personales, sociales e interactivos. La línea que separa mi navegador web móvil, mi aplicación de Facebook y mi tarjeta de crédito se está difuminando. Mi mundo digital está empezando a aglutinarse a mi alrededor, a través de un centro de plataformas de aplicaciones familiares y amigables, y las presencias móviles que diseñamos para nuestros clientes tienen que empezar a infiltrarse en ese centro como buenos ciudadanos.

Las interfaces deben simplificarse. Pero nuestras expectativas sobre las interacciones con los consumidores, desde las promociones, la confianza y la seguridad hasta la fidelidad, el reconocimiento y el intercambio, son cada vez más complejas.

Otra forma de verlo es que la experiencia del usuario tiene que venir a buscar a sus clientes, en contexto, adelantándose a sus necesidades, en lugar de esperar que sean ellos quienes tomen la iniciativa.

Por ejemplo:

• Si mi teléfono ya se autentica con Apple, Google y Paypal, ¿realmente necesito registrarme con ustedes? ¿No puedes simplemente coger lo que necesitas de ellos?

• ¿De verdad va a enviarme por correo electrónico un PDF con mis entradas, o simplemente pueden aparecer en mi monedero virtual?

• ¿De verdad tengo que confiar en su página "Cómo llegar" antes que en la aplicación Mapas de mi teléfono y sus indicaciones sobre el tráfico?

• ¿Estás seguro de que voy a visitar tu sección "Ver y escuchar", cuando todos mis vídeos vienen a buscarme a una aplicación llamada YouTube que sabe el tipo de cosas que me gustan?

• ¿Vas a malgastar mi precioso espacio de pantalla en palabras que expliquen por qué esta interacción no tiene sentido, o simplemente vas a eliminar esa función redundante que es la causa principal de la confusión?

Para favorecer la interacción móvil, las interfaces deben simplificarse. Pero nuestras expectativas de interacción con el consumidor, desde las promociones, la confianza y la seguridad hasta la fidelidad, el reconocimiento y el intercambio, son cada vez más complejas. Se trata de un enorme reto de diseño. Mucho más serio que hacer que el contenido quepa en una ventana estrecha.

Me gusta tanto por lo que no hace como por lo que hace.

Mi experiencia "Mobile First" favorita es la aplicación Hotel Tonight . Me gusta tanto por lo que no hace como por lo que hace. La experiencia es muy concreta, personal y cómoda, y no podría existir fuera de la esfera móvil. La interfaz es visual, sencilla y fácilmente navegable con el pulgar. Las llamadas a la acción son claras e inequívocas. Sólo solicita la información exacta que necesita, y la recuerda. Tu fidelidad se ve recompensada, pero no tienes que trabajar para ello recordando algún inicio de sesión especial para miembros. De hecho, sólo utiliza mi nombre de usuario de Facebook, y casi nunca tiene que pedírmelo.

Aplique algunas de esas ideas a la experiencia de reservar un concierto

• Suelen ser dos billetes. ¿Se pueden rellenar previamente dos y facilitar el cambio?

• También puedes elegir por defecto la primera noche disponible. Voy a buscar si eso no funciona para mí.

• No hace falta que me registre. Facebook tiene mis datos.

• Dame los mejores asientos que puedas en mi rango de precios, puede que cambie después de la venta.

• Paypal o Apple Wallet tiene mi tarjeta de crédito, y mi dirección de facturación y envío.

• Puedes colocar las entradas en la pestaña Mis conciertos, junto con las funciones de mejora de asiento y mi información necesaria.

El diseño mobile-first, en realidad, significa hacer menos, y pensar detenidamente en lo que estamos haciendo. ¿Estamos mejorando la comodidad? ¿Permitimos que nuestros usuarios hagan más cosas sin aumentar su carga cognitiva? ¿Nos adaptamos a su vida digital? ¿O seguimos esperando que hagan todo el trabajo por nosotros?

Lecturas obligatorias

• Responsive Web Design, desde su innovador lanzamiento en 2011, este libro sigue siendo un recurso fundamental para cualquiera que trabaje en la web.

• Mobile First, Luke Wroblewski, antiguo arquitecto de diseño de Yahoo!, sabe más que el resto de nosotros sobre la experiencia móvil, y recoge todo lo que sabe en esta guía amena y directa.

• Responsive Web Design Podcast ¿Quién visita el Royal Albert Hall desde su teléfono? Louise Halliday y Jake Grimley informan de que el diseño mobile-first se traduce en un sitio web que funciona mejor para todos.

• Hotel Tonight facilita enormemente la reserva de grandes hoteles a precios increíbles de última hora desde su dispositivo móvil.

Próximo mes: Show Don't Tell