De algo que era apenas un destello en el horizonte hace un par de años, el diseño del email marketing móvil se ha convertido en el estándar en la creación de cualquier plantilla. Todo el paradigma del diseño para sus clientes de telefonía móvil se ha convertido de hecho en su cabeza como todos avanzamos hacia un ecosistema móvil, independiente del dispositivo y sin problemas de fluidez. La Optimización del diseño web adaptable (Responsive Web Design RWD), está en el corazón de esta revolución, pero cuando se trata de diseño de correo electrónico, la transición a esta nueva norma no ha sido tan suave como para el diseño de la página web. Los diseñadores de correo electrónico se esposaron a una combinación de falta de estándares y tecnología para el cliente de correo electrónico jurásico, pero todavía no hay excusa para no dar el paso a la optimización. Aplique estas siete primeras técnicas para hacer roquear su diseño web optimizado!

    1. El contraste es su mejor amigo. Dado el hecho de que la mayoría de sus clientes de telefonía móvil viven literalmente en sus dispositivos, los trucos y tácticas utilizadas para maximizar la duración de la batería, como la regulación automática de la pantalla puede causar estragos en cualquier disposición que no está diseñado para un alto contraste extra. Asegúrese de que cuenta con el diseño de una amplia gama entre el texto y el fondo y siempre opte por el texto oscuro sobre un fondo claro en lugar de al revés.
    2. Evite la legibilidad con zoom. Claro, todas las principales interfaces de teléfonos inteligentes y tabletas facilitan el zoom en un área en particular de cualquier diseño, pero si usted está confiando en ese aspecto para hacer sus diseños legibles, se está perdiendo el punto completo del contenido. No utilice tamaños de fuente pequeños que no se puedan leer a menos que la pantalla se magnifique a 3x y haga un diseño donde el usuario tenga que acarse en elementos visuales de interés porque quiere, no en el texto, ya que tienen que hacerlo.
    3. Las multicolumnas es una reliquia histórica. Considere el diseño óptimo para leer las pantallas de dispositivos móviles como la de un libro convencional en lugar de una revista. Cuando usted confía en un solo diseño de la columna se puede asegurar que cuando el usuario se aleja en su sitio nada de eso se perdió fuera del área de visualización.
    4. Acomode los dedos gordos. Todos somos muy conscientes de que los iOS Human Interface Guidelines de Apple especifica que la superficie mínima que puede ser aprovechado fácilmente por el dedo humano es de 44 píxeles cuadrados. Lo que no saben es que hay muchas personas que encuentran esto incómodamente pequeño, especialmente si tienen dedos gruesos o las uñas largas. Ir con aproximadamente 60 píxeles de lado puede ayudar a los usuarios a navegar de manera eficiente entre sus diseños.
    5. El pliegue es la regla. El espacio de la pantalla se ha vuelto más y más pequeña, la necesidad de colocar su contenido importante como su llamada a la acción en la mitad superior se ha convertido en absolutamente imprescindible.  Analice cada elemento en su diseño y clasifique de acuerdo a la prioridad. Los elementos que puntúan más alto deben ser colocados a la derecha en la parte superior de la distribución, de lo contrario, puede que nunca se desplacen hacia abajo y vean lo que usted desea. Mientras que usted está colocando elementos prioritarios en la parte superior, es posible que desee para meterse en ellos a la izquierda también. En el mundo occidental se lee de izquierda a derecha, por lo que los elementos que están más a la izquierda tienden a ser leídos en mayor medida por nuestros lectores con poca capacidad de atención de los que están en el extremo derecho. Este factor es especialmente importante cuando se trata de sistemas operativos como Android, que obstinadamente se resisten a escalar el contenido para ajustarse a la pantalla en muchos casos y, por lo tanto, sólo se mostrará el lado izquierdo de un correo electrónico excesivamente amplio.
    6. No trate de empezar desde cero. Acepte el hecho de que muchos clientes de correo electrónico no tendrán en cuenta las declaraciones de la sección de estilo, el CSS se debe configurar en línea, y sus disposiciones se deben organizar con mesas debido a la naturaleza arcaica de los motores de renderizado HTML. Usted va a estar mejor viviendo con las reglas… mientras que rompa sus esquemas.

La optimización del diseño web está aquí para quedarse… o por lo menos hasta el momento en que todos tenemos implantes de Google Glass como en nuestras córneas!