Skip to content
digital response
  • Home
  • Services
    • Agile Campaign Management
    • All services
  • Partners
    • Bloomreach Engagement
    • Braze
    • Klaviyo
    • Salesforce
    • All partners
  • Cases
  • Who we are
  • es_ES
Contact
Blog, Mobile Email

How to adapt email marketing to a mobile audience: scalable, fluid and responsive design

9 September 2013 alecastellano Comments Off on Cómo adaptar el email marketing a una audiencia móvil: diseño escalable, fluido y responsive

Teniendo en cuenta que los últimos datos de apertura de campañas de email en móvil rondan tasas de más del 40% (según Litmus) deberíamos tener presente esta tendencia y empezar a conocer cómo podemos reaccionar para mejorar la experiencia del usuario.
market-share-2011-2013-540x291

 

Source: Litmus

Como decíamos en un artículo anterior lo primero es siempre analizar nuestra situación concreta, pero si detectamos la necesidad, estas son las estrategias que podemos seguir para adaptarnos a la nueva situación:
Escalable (mobile aware)
Mobile aware quiere decir que tiene en cuenta la existencia de los dispositivos móviles y el diseño reacciona escalándose al espacio disponible. Muchas aplicaciones de email en móvil lo hacen automáticamente.
Fluido
The ancho del email reacciona al dispositivo desde el que se abre, ajustándose al espacio disponible de forma fluida. La clave está en definir los anchos en porcentajes en vez de en medidas fijas. Funciona con estructuras simples, generalmente de una columna y en las que prima el texto sobre la imagen, pero no es una buena opción en caso de diseños más complejos.
No necesita demasiado trabajo en el código pero tiene el iconveniente de que limita mucho el diseño a estructuras sencillas.
Responsive
Mediante media queries en la hoja de estilos CSS le damos unas normas al dispositivo para que se muestre de distinta manera según su ancho de pantalla. Requiere un código algo más complejo y entender el funcionamiento de las media queries, pero nos da la posibilidad de ajustar el diseño y la estructura (no solo el ancho como en el caso de la maquetación fluida) según el ancho del dispositivo en el que se muestra.
responsive_email_design
La última parece según las primeras experiencias y casos de estudio la técnica más eficaz y la que está obteniendo mejores resultados. Pero también es la que requiere un mayor esfuerzo de aprendizaje. Al utilizar una tecnología jóven como es CSS3 aún no tiene normas universales ni métodos generales que funcionen. Podríamos decir que, si bien comienza a dar muy buenos resultados, estamos en una fase experimental de la que podremos sacar conclusiones en un tiempo. La decisión sobre qué técnica utilizar viene dada por los recursos y el tiempo de qué disponemos, pero si tenemos tiempo y recursos suficientes escogeríamos sin dudar el Responsive Design. Profundizaremos en esta técnica más adelante.

  • Diseño escalable
  • diseño fluido
  • Responsive Email Design
alecastellano

Post navigation

Previous
Next

Search

Categories

Latest posts

  • Empowering ecommerce through user experience and technology
  • Mejores prácticas de accesibilidad en emails
  • Agencia Marketing Automation
    Agencia de marketing automation

Related posts

Marketing Automation
Email Marketing Agency

Email marketing agency

19 May 2025 José Boix Comments Off on Agencia de email marketing

Email marketing agency in Barcelona In today's digital environment, connecting with users in a personalised way is key to the success of any strategy. In Barcelona, Digital Response is positioned as an email marketing agency specialising in effective and automated email campaigns. Why work with an expert agency in email marketing?

Blog, Mobile Email

Responsive Email Design: resources and materials from our webinar

20 May 2015 alecastellano Comments Off on Responsive Email Design: recursos y materiales de nuestro webinar

Last Wednesday we launched our first webinar. The theme of this first seminar was Responsive Email Design, a hot topic in the email marketing sector that many of you are still "afraid" of due to the lack of homogeneous interpretation by many email clients.

Blog, Email design

Yahoo fixes its problems with media queries

7 April 2015 alecastellano Comments Off on Yahoo soluciona sus problemas con las media queries

At the beginning of February, Fresh Inbox started a campaign to ask Yahoo to fix its incompatibility with the media queries we use to make our emails responsive.

digitalResponse_claim_500

We work with CRM teams looking to scale their programmes, operational excellence and improve results.

Agency
  • Services
  • Partners
  • Cases
  • Who we are
  • Work with us
  • Contact
Social
  • Facebook
  • Twitter
  • Linkedin
  • Youtube
  • Spotify

2025 © Digital Response, all rights reserved. Web by sararovira.com

  • Legal notice
  • Privacy policy
  • Cookies
Manage consent
To provide the best experiences, we use technologies such as cookies to store and/or access information on your device. Consenting to these technologies will allow us to process data such as browsing behaviour or unique identifiers on this site. Not consenting, or withdrawing consent, may adversely affect certain features and functions.
Functional Always active
The storage or technical access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing unsolicited preferences of the subscriber or user.
Statistics
Technical storage or access that is used exclusively for statistical purposes. Storage or technical access which is used exclusively for anonymous statistical purposes. Without a request, voluntary compliance by your Internet service provider, or additional records from a third party, information stored or retrieved solely for this purpose cannot be used to identify you.
Marketing
Technical storage or access is necessary to create user profiles to send advertising, or to track the user across a website or across multiple websites for similar marketing purposes.
Manage options Manage services Manage {vendor_count} vendors Read more about these purposes
See preferences
{title} {title} {title}