Formas únicas de integrar las redes sociales en el diseño web

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

El Hootsuite 2018 Barómetro de redes sociales dice que ahora hay más de 3.2 mil millones de consumidores globales que están activos en las redes sociales. Con una parte tan grande de la población involucrada activamente en las redes sociales, no sorprende que el 67% de los ejecutivos de negocios encuestados en el informe dijeran que el marketing en las redes sociales mejora sus resultados.

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

  • Agregue iconos de «conectar» al encabezado;
  • Pegue los iconos de «compartir» en la barra lateral de desplazamiento del blog;
  • Inserta videos de YouTube.

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

Formas únicas de utilizar las redes sociales en el diseño web

Obviamente, no le estoy diciendo que convierta su sitio en una red social, o en una cuadrícula de mampostería rodante de fotos. En cambio, le animo a pensar fuera de la caja y considerar cómo puede aplicar las fortalezas de las redes sociales de manera creativa a su diseño.

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

1. Agregue hashtags y identificadores al diseño

Cuando piense en lo que hace que las redes sociales sean tan distintas de otros tipos de marketing, es probable que piense en los hashtags (#) y los identificadores (@). Son símbolos simples que usamos mucho antes de que se inventaran las redes 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 activa en las redes sociales), los hashtags y los identificadores pueden agregar un toque realmente genial a su diseño web.

A continuación se muestra un ejemplo del Nuevos Conductores sitio web de Chevrolet México:

Manijas de Chevy

Este sitio web rinde homenaje a los «nuevos conductores» a los que Chevy atiende y utiliza personas reales para defender su caso. Todo este sitio web es un caso de estudio interesante en sí mismo, que no solo utiliza los identificadores de Twitter de los conductores de Chevy reales, sino que también incluye mensajes, hashtags e imágenes de sus cuentas sociales para desarrollar el diseño y el mensaje.

Chevy Hashtags

Los hashtags también se pueden usar con fines estrictamente de autopromoción y tampoco es necesario que tengan una ubicación tan predominante en el diseño. Toma el Festival Caribana, por ejemplo.

Hashtag del Festival Caribana

Encontrará que se ha agregado un pequeño hashtag en el lado izquierdo del sitio web. Es realmente sutil, pero es probable que su presencia constante sea notada por los fanáticos del festival que han venido al sitio para obtener más información y obtener boletos.

Entonces, hay Resumen del año 2017 de Popular Pays que en realidad usa hashtags como elemento de diseño.

popular paga

A medida que los usuarios se desplazan a un tema nuevo en la página, el hashtag cambia. Piense en ello como usaría las etiquetas de encabezado en una publicación de blog o en una página de un sitio web. Solo que esto agrega un toque más atrevido.

2. Utilice tickers de notificación

Debido a lo omnipresentes que se han vuelto el correo electrónico y las redes sociales en la vida de los consumidores, no se puede negar el atractivo de la notificación de mensaje pendiente. Sabes de los que estoy hablando.

Twitter lo hace:

Notificaciones de Twitter

LinkedIn lo hace:

Notificaciones de LinkedIn

Ahora, los sitios web también lo están haciendo:

Notificación de afriendofmine

Pero este es un caso de uso interesante de un amigo mío. El indicador de notificación reconocible no les dice a los visitantes que hay mensajes esperándolos (aunque tiene el mismo efecto para atraer sus ojos allí). En cambio, dice: «¡Oye, tenemos cinco trabajos esperando que solicites!»

Creo que hay otras formas en que esto también podría usarse y no tiene por qué ser para los usuarios que inician sesión en una plataforma SaaS o un sitio de membresía. A medida que nos alejamos cada vez 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, códigos promocionales y cosas por el estilo. Este indicador de notificación sería una forma interesante de hacerlo.

3. Diseñe una línea de tiempo

Con la mayoría de los feeds de redes sociales, se nos presenta una línea de tiempo cronológica de nuestra actividad, así como de aquellos con 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 sobre 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 contenido promocional antiguo que algunos pueden reconocer todavía hoy.

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

Cronología de Dr Pepper

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

Fotos de Dr Pepper

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

4. Hable con los visitantes con cuestionarios y interfaces de usuario de chat

Seamos realistas: muchas veces, un sitio web se siente como un volante digital. “Aquí está nuestro negocio. Infórmese sobre nosotros y póngase en contacto «. Creo que es por eso que tanta gente acude en masa a las redes sociales hoy en día; para aprender más sobre y realmente comprometerse con empresas.

Hay muchas formas en las que puedes mejorar tu diseño web para que la experiencia sea menos deslucida, por supuesto. Una ventana emergente oportuna o una animación llamativa pueden ayudar. Los elementos gamificados como los temporizadores también son un buen toque.

Aparte de colocar un chat en vivo en su sitio web, que luego alguien tiene que manejar, tiene que haber otra forma en la que pueda hacer que su diseño web realmente hable con sus visitantes. ¿Derecha?

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

John Frieda

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

Personalización de John Frieda

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

Envolver

Las redes sociales juegan un papel importante en los esfuerzos de marketing de las empresas modernas. Pero cuando se trata de sitios web, ¿por qué solo lo vislumbramos en forma de íconos para compartir en redes sociales o en el servicio de noticias integrado?

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