Las 11 megatendencias que marcan el presente de los entornos digitales

Enterarse de las megatendencias del presente digital es una obligación —que facilitará la anticipación e interpretación del futuro— para quienes trabajan en marketing.

tendenciasEn la actualidad existe una profunda grieta, que con el pasar de los días crece, entre quienes asimilan y se apropian de la tecnología y quienes no.

Las personas nacidas en la Era Digital siguen asumiendo cada avance como la evolución natural de la red, mientras que los demás se enfrascan en discusiones sin sentido sobre su verdadera utilidad. Para los segundos, muchos de esos adelantos digitales pueden llegar a ser sumamente complejos; una situación que se profundizará si ellos no logran interiorizar las tendencias básicas del presente y se preparan para las que vendrán.

En términos elementales, una tendencia es la dirección o rumbo de un mercado. Por su parte, una megatendencia es una ruta que influirá en los mercados por un período de tiempo más largo.

Continuar leyendo

Los mejores consejos para hacer Responsive Design en su sitio web

Entienda el concepto de diseño adaptativo y su importancia para el desempeño del sitio web en su estrategia digital en dispositivos móviles.

Antes de la proliferación de dispositivos móviles con capacidad de navegación, los diseñadores de sitios web únicamente se enfrentaban al reto de mantener la apariencia gráfica de sus creaciones en los diferentes navegadores de computadores con resoluciones de pantalla no muy disimiles. Hoy, con la masificación de tabletas, teléfonos inteligentes, libros electrónicos, computadores portátiles y de escritorio (cada uno de ellos con resoluciones de pantalla particulares), los diseñadores web se enfrentan a una realidad compleja. Un escenario de diseño que obliga la adaptación de los sitios web a cualquier pantalla o dispositivo (con el objetivo de producir una experiencia satisfactoria al usuario).

Pero el desafío no se reduce a la disposición y los aspectos gráficos de los elementos, sino a la interacción, consumo y navegación de estos. El clic táctil y las pequeñas resoluciones de pantalla son solo dos retos a enfrentar de los muchos que se encontrarán las organizaciones, y el responsive web design probablemente el camino a seguir.

¿Qué es el responsive design?

El responsive web design o diseño web adaptativo —RWD por sus siglas en inglés— es una filosofía de diseño y desarrollo cuyo objetivo es adaptar la apariencia de las páginas web al dispositivo que se esté utilizando para visualizarla (Ethan Marcotte, diseñador norteamericano, fue el creador y difusor de esta técnica) (1). El diseño adaptativo es en esencia un enfoque que busca que la presentación y codificación de un sitio web ofrezca una experiencia visual óptima para el usuario sin importar el origen de la visita y su finalidad es facilitar la lectura y la navegación con un mínimo cambio en la experiencia de uso.

¿Por qué es importante?

  • Por tiempo y dinero: Crear un sitio web con responsive design es más barato y rápido que hacer una versión móvil o una aplicación.
  • Por alcance: El tráfico procedente de dispositivos móviles está aumentando exponencialmente (ignorar esta tendencia es una temeridad).
  • Por la experiencia de usuario: el contenido y su visibilidad son la piedra angular de una estrategia digital actual; pero estos dos pilares están soportados en uno intrínseco: la experiencia de usuario (si su sitio web no la ofrece, los usuarios difícilmente consumirán los contenidos).
  • Por la indiferencia a los sistemas operativos: el responsive design asegura que los usuarios obtengan la mejor experiencia independientemente de su sistema operativo (Android, iOS, Windows y otros).
  • Por la centralización del esfuerzo: Hacer que su sitio se adapte al usuario simplifica la memorización de las rutas para acceder a las plataformas digitales de la organización.
  • Por la optimización para buscadores: Google ha sido reiterativo —sobretodo recientemente— en su posición de darle prioridad en los resultados de búsqueda a los sitios que entreguen una buena experiencia para los usuarios de dispositivos.

¿Cómo hacer responsive web design correctamente?

1. Cuide los tiempos de carga

Entendemos que las conexiones móviles cada día son más potentes y que el cubrimiento de la señal mejora constantemente gracias a los avances en infraestructura; pero esto no lo exime de preocuparse por los tiempos de carga del sitio web en dispositivos; por el contrario, siempre es recomendable diseñar y validar la navegación desde conexiones lentas (revise el desempeño de su diseño en conexiones 2G y 3G).

2. Más imágenes y menos texto

La gestión de imágenes es un apartado crítico en el diseño adaptativo. Los usuarios esperan una experiencia más visual que textual en los dispositivos (adapte y transforme sus contenidos para los visitantes móviles). Responsive design no es adaptar literalmente un sitio web, sino transformarlo.

3. Vigile los menús de navegación

Nunca pierda de vista las dimensiones de pantalla de los dispositivos que podrían usar los visitantes. Los menús son componentes diseñados para computadores portátiles y de escritorio; destine tiempo en la modificación de los menús para que sean navegables de forma táctil (iconos y botones de acceso rápido son alternativas válidas en la metamorfosis de los menús hacia la movilidad).

4. Simplifique la navegación

Identifique los destinos prioritarios de los usuarios móviles y construya su navegación basándose en esa información. Un sitio web adaptado para dispositivos debe ser una simplificación fundamentada en el uso (no es necesario que todo esté disponible en la versión móvil, pero si es obligatorio mantener la lógica con la que se construyó la arquitectura de la información).

5. Cuide los tamaños de la tipografía

No es lo mismo leer en la pantalla de un computador un texto con tipografía de 12pt a hacerlo en un dispositivo. Por más sencillo que sea ampliar el texto en una pantalla táctil, no es buena idea obligar a sus lectores a acercar y alejar para leer una determinada pieza de texto. Como regla general, asegúrese de mantener el tamaño del texto lo suficientemente grande como para que sea legible incluso cuando se ve en un dispositivo con pantalla más pequeña (un tamaño de texto ideal es 16 px, 12 pt o 1 em).

6. Tenga presente la orientación de la pantalla

Según las estadísticas, la orientación vertical de pantalla es utilizada por el 41% de las personas cuando navega en internet; esto significa que la orientación horizontal es la preferida por el 59% (es necesario tener presente en el diseño de su sitio web ambas orientaciones, haciendo que el diseño responda correctamente a las dos, especialmente la horizontal).

Análisis del diseño adaptativo de los sitios web colombianos frente a los referentes internacionales

Queremos terminar esta publicación compartiendo algunos ejemplos y apreciaciones respecto al desempeño de los sitios web de reconocidas compañías de origen colombiano enfrentadas a empresas internacionales referentes de la categoría (aclarando que para este ejercicio usamos como dispositivo de visualización un iPhone 6 en posición vertical).

1. Moda

En esta categoría enfrentamos a Arturo Calle y H&M.

La empresa local (Arturo Calle) no cuenta con diseño adaptativo ni con una versión móvil de su sitio web. Por su parte H&M es una muestra clara de buenas practicas (navegación por botones, imágenes de buen tamaño y pocos textos).

2. Comercio o retail

En la categoría de comercio o retail confrontamos al Éxito y Amazon.

Nuevamente nos encontramos con la ausencia de diseño adaptativo en la empresa local y la reiteración de las buenas prácticas descritas anteriormente por el referente internacional (aclarando que Éxito cuenta con una aplicación; por lo tanto, los usuarios que la descarguen podrán mejorar su experiencia de consumo).

3. Grupo empresarial o conglomerado

Para la comparación de grupos empresariales seleccionamos Bavaria y 3M.

La tendencia se mantiene, Bavaria (conglomerado de origen colombiano) no cuenta con responsive web design (inclusive dentro del sitio tiene componentes desarrollados en Adobe Flash que no se pueden visualizar en dispositivos), por su parte 3M tiene diseño adaptativo pero con una experiencia de usuario deficiente (baja optimización de tamaños e imágenes).

4. Aerolíneas

Para el segmento de aerolíneas analizamos Avianca y Fly Emirates.

En nuestro ejercicio Avianca es la primera de las compañías de origen colombiano que está preparada para los usuarios de dispositivos (su sitio web cuenta con una versión móvil muy optimizada y coherente con las actividades más recurrentes). Fly Emirates también tiene un excelente desempeño en dispositivos (muy gráfico y de arquitectura simple).

5. Gubernamental

En la categoría gubernamental enfrentamos el sitio web de la Gobernación de Antioquia con el de la ciudad de Nueva York.

La ausencia de diseño adaptativo y la complicación de uso en la presencia web de la Gobernación es evidente, por su parte la ciudad de Nueva York ofrece un sitio web de fácil uso desde el teléfonos.

6. Bebidas

Para el caso de bebidas confrontamos Postobón y Red Bull Internacional.

La compañía colombiana de bebidas cuenta con un sitio web adaptado para dispositivos (a nuestro juicio de buen desempeño) y Red Bull —por el contrario— queda debiendo, pues aunque cuenta con responsive design la experiencia de uso en dispositivos no se compara con la que se vive en el mismo sitio accediendo desde un computador.

7. Comunicaciones

En el segmento de empresas del sector telecomunicaciones comparamos a Claro Colombia con Verizon.

Al igual que en la categoría de aerolíneas, aquí las diferencias son mínimas. Ambas compañías, la local y el referente internacional, cuentan con un buen diseño adaptativo.

8. Bancos

En la categoría de bancos analizamos Bancolombia y Bank Of America.

Ambos pasan el examen. Buen desempeño y fácil uso. En el caso de Bancolombia invita inclusive a descargar su aplicación para vivir una mejor experiencia.

Bibliografía

(1) Definición tomada de Wikipedia.

Why Is Responsive Web Design Important For Your Website. Artículo publicado en knowledge.ridivi.com.

BALHARA, Hariom. Top 10 Tips on Designing Outstanding Responsive Websites. Artículo publicado en webdesignflip.com.

14 tendencias del marketing digital que usted ya debería entender

Un breve análisis del macroentorno digital y de las fuerzas sociales, culturales y tecnológicas que lo afectan hoy.

A lo largo del tiempo —y actualmente con un énfasis mayor— hemos centrado las discusiones sobre tendencias en marketing digital a hablar del futuro inmediato de las plataformas dominantes del mercado (lo cual, obviamente, es una parte importante del debate, pero no la única). Entender el entorno comercial y las perspectivas de los usuarios frente a las transformaciones tecnológicas son la verdadera polémica que necesitamos enfrentar. Analizar el macroentorno para detectar y anticiparse a las oportunidades e implementar las estrategias y acciones pertinentes en el microentorno son los retos hoy de los profesionales del marketing en el mundo digital. La atención de las organizaciones se debe centrar entonces en la exploración constante y la evaluación permanente de los cambios que afectan las realidades comerciales, los competidores y el publico objetivo.

Las organizaciones que han interiorizado esto se encuentran en un momento afortunado para la formulación de preguntas que las lleve a una correcta evaluación y apropiación de las tendencias del marketing digital. Pero, ¿cuáles son las preguntas que se deben formular? Aquellas que las ubiquen en una posición de avanzada frente a los competidores y para enfrentar lo que se avecina. Las preguntas que evidencien las tendencias y marquen el presente y futuro de los entornos digitales. ¿Para dónde van las nuevas tecnologías?, ¿qué están esperando la audiencia de nuestra actividad digital?, ¿qué papel jugará el marketing digital en los próximos años?, ¿cómo se debe preparar una empresa?, entre otras, son algunas de esas preguntas.

Los entornos digitales no dan espera y su evolución es una rueda que se acelera constantemente, es por esto que mientras menos tiempo le gaste a comprender las herramientas y más invierta en las tendencias mejor preparado estará. Es aquí donde queremos enfocarnos, para presentarle —las que a nuestro juicio— son las tendencias digitales más importantes.

¿Cuales son las 14 tendencias más importantes del marketing digital?

Para responder esta pregunta hemos dejado de lado las fuerzas políticas, legales y económicas (que son difíciles de generalizar por la variedad de circunstancias de cada uno de los países), para concentrarnos en las fuerzas sociales, culturales y tecnológicas.

1. El marketing en tiempo real

Las marcas no pueden alejarse o ser ajenas a los eventos virales del mundo si quieren tener relevancia en los medios sociales. El «newsjack» —tema del que hemos hablado bastante en este blog— es una obligación para las empresas. Involucrarse con humor, inteligencia y coherencia en los temas del momento es una acción que podría catapultar la visibilidad, el involucramiento y la cercanía con las audiencias. Las compañías deben tener hoy departamentos de marketing con una desarrollada capacidad de planeación y una perspicaz habilidad para la improvisación.

2. El acercamiento de lo análogo y lo digital

A las empresas les ha llegado el momento de enfrentar el reto creativo de innovar para integrar sus actividades en el mundo offline y online; olvídese de las excusas. Las audiencias están esperando una historia y un mensaje que trascienda las plataformas digitales, que se complemente en el mundo offline y se enriquezca pasando de uno a otro. Entendemos lo complejo de este trabajo, pero llegó el momento de ponerlo en su lista de tareas.

3. La hiperpersonalización

Individualizar los mensajes y usar el retargeting, la orientación geográfica y la sombra digital para crear experiencias muy personalizadas es otra de las obligaciones que experimentamos en el presente del marketing digital. Las organizaciones necesitan ofrecer a las audiencias experiencias de consumo que se anticipen y respondan a sus particularidades. Qué quieren, cómo, dónde y cuándo son preguntas que usted debe responder constantemente para reorientar su accionar.

4. Los influenciadores como canales de comunicación y acercamiento

Vivimos la era en la que el contenido generado por personas reales alcanza grandes niveles de viralidad e influencia (aportando —en muchos casos— más para las marcas que los mismos medios de comunicación tradicional). Los influenciadores y embajadores son claves en los planes de marketing de las empresas. Contar con terceros que avalen las características y bondades de los productos o servicios siempre ha sido mejor que gritar desde su propia tribuna (y hoy el entorno digital facilita esta práctica desde los medios sociales).

5. La movilidad y la interacción multidispositivo y multiplataforma

Es difícil encontrar una lista de tendencias que no incluya la movilidad como pieza clave del rompecabezas digital. Es hora de que las marcas se esfuercen más en la construcción de estrategias que involucren los dispositivos móviles, más allá de crear una aplicación (la movilidad ofrece aún muchas oportunidades de innovación en los teléfonos y aparatos de los usuarios que las organizaciones deberían estudiar). Esta tendencia hacia lo móvil se debe complementar —con igualdad de importancia— con el reconocimiento de los miembros de nuestra comunidad independientemente de la plataforma o el dispositivo de contacto preferido por ellos.

6. Lo semántico como punto de partida

Las compañías deben entender el nuevo lenguaje de la red a la hora de crear sus plataformas y de desarrollar su actividad. La comprensión de la forma como los usuarios consumen es la clave para la creación de contenidos mas orientados a entregar respuestas (coherente con la forma como las personas buscan en la red). La época en la que el sitio web era un «brochure» digital quedó atrás en la década del 90 y la temporada de contenidos centrados en los productos también quedó atrás.

7. El entendimiento y correcto uso de las etiquetas

Las etiquetas o hashtag se volvieron una herramienta transversal en los medios sociales y —apropiándose de ellas— las empresas se pueden convertir en fuentes de información oportuna y digna de monitorear. Las etiquetas deben dejar de ser decorativas para volverse estratégicas. Una empresa que entienda, haga seguimiento y use correctamente las etiquetas estará siempre por delante de sus competidores.

8. La onmicanalidad

La omnicanalidad nació con la necesidad de las empresas de adaptarse a un usuario interconectado y ávido de información e inmediatez; y se potenció con la proliferación de dispositivos y con el salto constante de los usuarios entre ellos. Hacer que los usuarios vivan experiencias diferentes en cada uno de los canales publicitarios y conversacionales, y permitir que los usuarios personalicen sus puntos de contacto con la marca son tendencias críticas de la actualidad.

9. La escucha social activa

En un mundo de emisores, las marcas que comiencen a escuchar con atención se robarán el tiempo y la atención de las audiencias. Escuchar lo que dice su audiencia externa e interna, sus proveedores y socios de negocio, su sector y sus competidores en los medios sociales —y en los entornos digitales en general— le dará la información suficiente para tomar decisiones estratégicas que aporten resultados a la organización.

10. Tendrá que pagar para ser visible

Gústele o no el alcance en los medios sociales se esta reduciendo de forma constante con la incorporación —por parte de las plataformas— de algoritmos de estructuración de las líneas de tiempo (camino que lleva recorriendo Facebook desde hace un par de años y que otros medios sociales están imitando). Las empresas deberán acostumbrase a incluir dentro de sus presupuestos y planeación digital recursos para mantener y mejorar la visibilidad.

11. Contenido original en video

Los medios sociales visuales (Instagram, YouTube, Vine, Tumblr, entre otros) juegan cada día un papel más preponderante en las estrategias de marketing. Si a esto le sumamos la creciente importancia del contenido como base para el marketing digital, obtenemos un imperativo para las empresas de tomarse el video con más seriedad. El contenido es hoy la mejor arma para posicionar marca, productos y servicios; y el video el mejor formato disponible. Las empresas necesitan centrarse en contar buenas historias, honestas y enriquecedoras a través de videos originales.

12. Transmitir mensajes en periodos cortos de atención

Definir protocolos que limiten la extensión y complejidad en la construcción de mensajes es una pieza clave de la línea editorial. Esos mensajes extensos y complejos de entender son cada vez más difíciles de comunicar. Las empresas deben simplificar su mensaje y emitirlo en instantes cortos de atención (no trate de decirlo todo en una sola emisión, fragmente su mensaje a bocados digeribles).

13. Los memes

Los memes son la pieza de comunicación más importante de la actualidad. Los memes son una constante en las redes sociales y las empresas tienen que apropiarse de ellos. Un buen meme, usado de la forma correcta, puede facilitar la comunicación con las nuevas audiencias y mejorar los niveles de involucramiento de ellos.

14. Construir mensajes positivos

Las audiencias quieren contenido emocional que los impulsé a tomar acciones. Las personas quieren ver contenido donde las marcas muestren su agradecimiento con los clientes.

Bibliografía

CHAFFEY, Dave y ELLIS-CHADWICK, Fiona. Marketing Digital: Estrategia, implementación y práctica. México, 2014. Pearson Educación.

DAN, Avi. 11 Marketing Trends To Watch For In 2015. Publicado en Forbes.com en noviembre de 2014.

WEGERT, Tessa. 10 Digital Marketing Trends for 2015. Publicado en Clickz.com en diciembre de 2014.

CHARLESTON, Mary. Top 10 online marketing trends for 2015. Publicado en FiveMinuteMarketing.com en enero de 2015.

VALTECH. Digital Trends 2015. Publicado en Slideshare.net en enero de 2015.

12