Todos sabemos que el señor Tim Berners-Lee es el creador actual de World Wide Web, pero ¿cuántos de nosotros sabemos quién realmente es el fundador de Responsive Web Design (RWD)? El caballero en cuestión es Ethan Marcotte, y el orgulloso padre de RWD con sus palabras de sabiduría a las que muchos usuarios del email marketing de todo tipo deberían prestar atención.

Los diez mejores consejos de Marcotte sobre cómo dominar el niño salvaje que lleva dentro:

    1. Calcular la fórmula. La base de todos los diseños de respuesta email es fluida o flexible y la fórmula para determinar este factor es: Objetivo / contexto = resultado. El porcentaje derivado de esta fórmula se puede aplicar a las hojas de estilo.
    2. Evaluar críticamente. Tome un buen vistazo en el contenido que está incluido en su email y evalúelo críticamente. Ancho: ¿cómo va a flexionar estos elementos a las anchuras variables? Jerarquía: ¿Qué módulos están apareciendo y dónde están? Densidad: ¿Cuál es el nivel más bajo (y más alto) de los detalles que usted está dispuesto a mostrar en cualquier momento? Interacción: De qué manera están los elementos de la interfaz de email, cambiando según la percepción del cliente de acuerdo a la resolución de la ventana del navegador (como cuando una imagen en 800 pixeles queda comprimida en una columna vertical de 480 píxeles).
    3. No suprima, simplifique. Usted optaría por simplificar antes que suprimir. Así que cuando esté bajo a una resolución de exploración, en donde ciertos elementos no encajan, no tome el camino fácil de simplemente ocultarlos. Haga una lista de lo que es fundamental y lo que no y luego actúe con certeza a la hora de la supresión o simplificación.
    4. Contenido a través de navegación. Al determinar su lista de supresión, otorgue prioridad de contenidos a través de los elementos relacionados con la navegación de su plantilla de email. Algunos diseños mueven incluso los elementos de navegación a la derecha del cuerpo principal de email en el pie de página o encabezado cuando el tamaño de la pantalla varía más allá de cierto punto predeterminado.
    5. Porcentajes a través de píxeles. Olvídese de todas las cosas relacionadas con los pixeles y pulgadas pasadas de moda y empiece a pensar en la dirección de porcentajes solamente. Las presentaciones en RWD son totalmente fluidas por lo que si usted está en el modo tradicional de fijar el tamaño y diseño a ciertos parámetros predeterminadamente usted estará poniendo en peligro su diseño de email por completo.
    6. Rediseñando los legados. Si usted se enfrenta con el legado de un diseño de email con el cual esté de alguna manera familiarizado, podrá reducir la escala con preguntas de los medios que pueden ayudar a ajustar el mismo diseño, pero tenga cuidado ya que esto no sea siempre una solución a toda prueba y es posible que tenga que rediseñar desde cero (lo cual sería sin duda preferible)
    7. Elaborar. No diseñe una plantilla de email despampanante para luego tratar de ajustarla en los dispositivos de menor capacidad, en realidad debe comenzar con la lista de características simplificada de los pequeños dispositivos móviles comunes y luego caminar hacia los más grandes dispositivos a medida que avanza.
    8. Contenido en puntos de espera. Del mismo modo cuando usted está trabajando con sus cuadrículas de diseño, usted estará facilitando el trabajo tanto como sea necesario para elaborar la plantilla de email y mejorar la experiencia del cliente mediante el diseño de las rejillas de los elementos más pequeños y su forma de trabajo a partir de ese punto. Esta política facilita su movimiento lejos de los puntos de espera que se dicten por los dispositivos móviles y en su lugar se concentra en los puntos de ruptura que son relevantes para su contenido.
    9. No sobre aumente. Nunca es recomendable mostrar un elemento gráfico más grande que su tamaño original, así que asegúrese de que el máximo sea el 100% especificado en las plantillas de email y no sólo limite eso a gráficos estáticos sino a cualquier medio activo que realmente se estropea si trata de ampliarlo.
    10. Conozca sus ventanas de visualización. No se puede empezar a diseñar la plantilla de email como RWD a menos que pueda obtener el dato de saber qué tipo de dispositivos están siendo utilizados por parte de sus suscriptores para mostrar su contenido. Es posible que desee apartarse de modelos estándar o de escritorio, tablets, teléfonos inteligentes a una granularidad más fina que tiene en cuenta los dispositivos en sí.

Ahora salga y diseñe como un verdadero campeón de email utilizando las herramientas de Benchmark Email.