Mobile first, responsivo, defensivo: ¿cuál es la diferencia?

17/07/17

Es imposible pensar en cualquier campaña o acción de marketing sin predecir el móvil. Ya hay más teléfonos celulares que cepillos de dientes en el mundo. Cuando se trata de design, ¿qué es responsivo, defensivo y mobile first? ¿Y cuál es la diferencia entre ellos?

Móvil primero

La traducción literal cumple bien la función de explicar lo que es Mobile First: pensar primero en móviles. Es un concepto de design que proporciona desarrollo y arquitectura principalmente orientada a dispositivos móviles. Es decir, el escritorio recibirá una derivación de lo que fue desarrollado para el móvil y no al revés. De esta manera, la experiencia del usuario será favorecida en términos de rendimiento, usabilidad y contenido.

Vea este ejemplo de marketing por correo electrónico diseñado primero:

Design responsivo

A diferencia del mobile first, el responsivo está diseñado para el escritorio y responde cuando se accede por un dispositivo móvil. Una pieza o sitio web diseñado con RWD (Diseño Web Responsivo) adapta el diseño al entorno de visualización utilizando redes fluidas basadas en proporciones, imágenes flexibles y consultas CSS3.Para ver un ejemplo de diseño receptivo, vea el correo electrónico a continuación:

Diseño defensivo

Principio de diseño que pretende prevenir los riesgos y anticipar el error humano con el fin de reducirlo o incluso eliminarlo. Se basa en la suposición de que si hay un “camino equivocado” para usar algo, el usuario lo encontrará. Está ligado a pruebas de usabilidad.

En los sitios web, algunos problemas pueden evitarse con medidas simples como:

Campo de formulario con lista de opciones
Borrar mensajes de error
Error página 404 (página no encontrada) personalizada y eficiente para ayudar al usuario a encontrar lo que está buscando
Preguntas frecuentes sencillas y eficaces
Un comercio electrónico que ofrece productos sustitutivos cuando la búsqueda no está disponible.

 

Fuentes: WikipediaDigitalks y Simplicable