Skip to content

Formas únicas de integrar los medios sociales en el diseño web

Hay algo muy especial en el marketing de los medios sociales y cómo obliga a los consumidores a participar en él.

El Barómetro de Medios Sociales Hootsuite 2018 dice que actualmente hay más de 3.200 millones de consumidores globales activos en los medios sociales. Con una parte tan grande de la población involucrada activamente en los medios de comunicación social, no es de extrañar que el 67% de los ejecutivos de negocios encuestados en el informe dijo que la comercialización de los medios de comunicación social mejora sus resultados finales.

Como diseñador web, usted puede tomar ese conocimiento y seguir haciendo lo que todos los demás hacen con él:

  • Añadir iconos “connect” al encabezado;
  • Pegue los iconos “share” en la barra lateral del blog que se desplaza;
  • Incrusta videos de YouTube.

O puede encontrar formas únicas de infundir a su diseño web con una pizca de medios sociales.

Formas únicas de usar los medios sociales en el diseño web

Obviamente, no te estoy diciendo que conviertas tu sitio en una red social, o en una cuadrícula de fotos de mampostería rodante. En su lugar, le animaría a pensar fuera de la caja y considerar cómo puede aplicar las fortalezas de los medios de comunicación social creativamente a su diseño.

Aquí hay algunos ejemplos de la vida real para inspirarte:

1. Agregar hashtags y manijas al diseño

Cuando piense en lo que hace que los medios sociales sean tan distintos de otros tipos de marketing, probablemente pensará en hashtags (#) y handles (@). Son símbolos sencillos que usábamos mucho antes de que se inventaran los medios sociales y, sin embargo, ahora tienen un significado especial para la mayoría de nosotros.

Si tiene sentido para su marca (es decir, tiene una audiencia más joven y también es activo en los medios sociales), los hashtags y manijas pueden añadir un toque realmente genial a su diseño web.

Aquí hay un ejemplo del sitio web de Nuevos Conductores de Chevrolet México:

Este sitio web rinde homenaje a los “nuevos conductores” a los que Chevy está atendiendo y utiliza gente real para defender su causa. Todo este sitio web es un interesante estudio de caso en sí mismo, que no sólo utiliza las manijas de Twitter de los verdaderos conductores de Chevy, sino que también incluye mensajes, hashtags e imágenes de sus cuentas sociales para construir el diseño y el mensaje.

Los Hashtags también pueden ser utilizados con fines estrictamente autopromocionales y no necesitan tener una colocación tan predominante en el diseño. Tomemos el Festival Caribana, por ejemplo.

Encontrará un pequeño hashtag que se ha añadido a la izquierda de la página web. Es realmente sutil, pero es probable que su presencia permanente llame la atención de los fans del festival que han venido al sitio para aprender más y conseguir entradas.

Luego está el año 2017 de Popular Pays, que en realidad utiliza hashtags como elemento de diseño.

A medida que los usuarios se desplazan a un nuevo tema en la página, el hashtag cambia. Piensa en ello de la forma en que usarías las etiquetas de encabezado en una entrada del blog o en una página de un sitio web. Sólo que esto añade un toque más atrevido.

2. Usar marcadores de notificación

Debido a la omnipresencia del correo electrónico y los medios sociales en la vida de los consumidores, no se puede negar el atractivo de la notificación de mensajes pendientes. Ya sabes de qué estoy hablando.

Twitter lo hace:

LinkedIn lo hace:

Ahora, los sitios web también lo hacen:

Pero este es un caso de uso interesante de un amigo mío. El teletipo de notificación reconocible no indica a los visitantes que hay mensajes esperándoles (aunque tiene el mismo efecto para atraer sus ojos hacia allí). En vez de eso, dice: “¡Hey, tenemos cinco trabajos esperando que te inscribas!”

Creo que hay otras formas en las que se puede usar esto también y no tiene que ser para usuarios que hayan iniciado sesión en una plataforma SaaS o en un sitio de membresía. A medida que nos alejamos más y más de cosas como las ventanas emergentes que pueden interferir en la experiencia del usuario, creo que veremos que los sitios web encuentran enfoques únicos para compartir noticias y códigos de promoción y cosas de esa naturaleza. Este teletipo de notificación sería una forma interesante de hacerlo.

3. Diseñar una línea de tiempo

Con la mayoría de los medios de comunicación social, se nos presenta una cronología cronológica de nuestra actividad, así como de aquellos a los que nos hemos conectado. Hay algo muy atractivo en este diseño, en general, ya que nos permite tener una idea de la historia de alguien.

¿Y qué es un sitio web sino la “historia” sobre una marca y su misión de servir a sus consumidores?

Dr. Pepper es una marca que existe desde hace mucho tiempo, pero apuesto a que muchos de sus bebedores no saben mucho de su historia. Bueno, si visitaran el sitio web de Dr. Pepper, definitivamente aprenderían más sobre el origen de este refresco e incluso echarían un vistazo al viejo contenido promocional que algunos podrían reconocer aún hoy en día.

Si navega a la página de Historia en el sitio, encontrará una línea de tiempo que relata brevemente su historia (agradable y sucinta como la mayoría de nuestras propias “historias” de medios sociales):

Luego, a medida que se desplaza hacia abajo, encontrará imágenes que apoyan la historia, incluso jugando con la nostalgia de haber bebido Dr. Pepper a través de las décadas:

Cuando se piensa en ello, esto no es realmente diferente de por qué nosotros, como consumidores, tomamos fotos y las publicamos en línea. Queremos compartir el carrete de lo más destacado de nuestras vidas, y las marcas son capaces de hacer algo similar con sus sitios web.

4. Hable con los visitantes con cuestionarios e interfaces de chat

Enfrentémoslo: muchas veces, un sitio web se siente como un volante digital. “Aquí está nuestro negocio. Conócenos y ponte en contacto con nosotros”. Creo que es por eso que tanta gente acude a los medios de comunicación social hoy en día; para aprender más acerca de y realmente comprometerse con las empresas.

Hay muchas maneras en las que puedes darle vida a tu diseño web para que la experiencia sea menos deslucida, por supuesto. Un pop-up a tiempo o una animación llamativa pueden ayudar. Los elementos jugados como los temporizadores también son un buen toque.

Aparte de colocar un chat en vivo en su sitio web -que alguien tiene que hacerlo- tiene que haber otra forma de hacer que su diseño web realmente hable con sus visitantes. ¿Verdad?

Un ejemplo que me gusta es el sitio web de John Frieda. Hay una página Style Match que permite a los visitantes hablar con el sitio de la forma en que lo harían con un estilista:

El formato de cuestionario permite a los visitantes introducir las respuestas a las preguntas que obtendrían al visitar un salón de belleza. Al final, reciben una respuesta personalizada y recomendaciones basadas en lo que “hablaron”.

Una interfaz de usuario de chat también es posible, aunque la IA no es una implementación tan simple como una prueba integrada. Considere qué es lo que tiene más sentido para su diseño web y aplique el elemento interactivo en consecuencia.

Conclusión

Los medios sociales juegan un papel importante en los esfuerzos de marketing de las empresas modernas. Pero cuando se trata de sitios web, ¿por qué es que sólo podemos ver una pequeña parte de ellos en forma de iconos de social share o de noticias incrustadas?

Yo diría que deberíamos pensar de manera más abstracta sobre las fortalezas de los medios sociales. Luego, aplique esos mismos principios y elementos únicos al diseño web para hacerlo aún mejor.