Las redes sociales son la clave de la popularidad de cualquier sitio web. Aprovechando el fenómeno psicológico conocido como prueba social , las acciones sociales influyen en gran medida si las personas leen contenido o lo comparten. Es por eso que los botones de las redes sociales están en prácticamente todas las páginas que encuentras en Internet.

Esto plantea la pregunta: ¿qué se incluye en el diseño de estos botones? No es una coincidencia que se vean como lo hacen, ¿verdad? Uno pensaría que elementos como la ubicación de la página y el posicionamiento, el tamaño y el color tendrían un efecto en convencer a los usuarios para que compartan el contenido. Los diseñadores no solo usan un enfoque de willy-nilly para crear estos botones. Hay una base completa de pensamiento detrás del diseño de botones.

Es bastante fascinante, en realidad, y sin embargo tan simple al mismo tiempo. Si desea aumentar las posibilidades de que el contenido de la página obtenga buenas acciones sociales, le conviene seguir estas recomendaciones.

Colocación de patrón F

Lo primero es lo primero: antes de que te preocupes por diseñar los botones reales, te hará bien pensar en qué lugar de una página debes ubicarlos.

De acuerdo a un estudio popular sobre el comportamiento del usuario, los visitantes de su sitio absorberán principalmente el contenido de la página en el patrón en forma de F. Este patrón comienza con sus ojos escaneando el contenido desde la esquina superior izquierda de la pantalla y moviéndose horizontalmente hacia la derecha. Luego, sus ojos van un poco por la página desde el punto en que comenzaron. Después de un tiempo, sus ojos se mueven horizontalmente hacia la derecha otra vez, pero a una distancia más corta que el primer escaneo horizontal, antes de finalmente bajar una última vez a lo largo del lado izquierdo de una página.

Los diseñadores no solo están usando un enfoque de la nada ... Hay una base completa de pensamiento detrás del diseño de los botones.

Observe dónde aparecen generalmente los botones de redes sociales en una página determinada: están en la parte superior izquierda de la página. ¡Esto no es una coincidencia! Los diseñadores que colocan los botones en esta área están siguiendo lo que la ciencia les dice sobre cómo las personas leen en la web. Si no está colocando los botones en esta área, está perjudicando su sitio, ya que probablemente las personas ni siquiera los vean.

Y considerando que la mayoría de personas leen leer una página en lugar de leerla a fondo, no es irracional en absoluto concluir esto.

Una buena ilustración de esto se encuentra en una página del sitio del Wall Street Journal. En un artículo cubriendo la decisión de Apple de comenzar a ofrecer un servicio de transmisión de música, observe cómo los botones de redes sociales se colocan justo donde esperaría encontrarlos: en la esquina superior izquierda de la página, justo al lado del titular prominente. De acuerdo con el patrón en forma de F, las personas que ven esta página la primera vez toman nota de las acciones sociales y luego leen horizontalmente para entender el título. En el momento de escribir este artículo, tiene más de 2800 me gusta en Facebook y casi 1200 tuits.

Formas limpias y reconocibles

Debido a que las personas escanean y escanean páginas, siempre es una buena práctica hacer que las cosas en la página salten hacia ellos. Para aumentar la probabilidad de que los visitantes compartan una página, debe diseñar los botones de una manera mínima ya que así es como se los puede reconocer más fácilmente.

Será mejor que vayas con formas geométricas básicas, como rectángulos, círculos e incluso híbridos de los dos, para que los usuarios entiendan qué son y qué se les pide que hagan. Además, muchos sitios usan estas formas para los botones de redes sociales que, al no adoptar este enfoque, dañarán su experiencia de usuario.

Sobre todo, los usuarios deben comprender qué plataforma de redes sociales están compartiendo y cuántas personas ya han compartido el contenido antes que ellos. Para lograr esto, el símbolo o logotipo de cada plataforma debe ser claramente visible para los usuarios, junto con sus colores distintivos. Eso significa:

  • el botón de Facebook debe ser # 3C5B97 y tener la "F" distintiva para el nombre de la compañía;
  • el botón de Twitter debe ser # 55ACEE y debe tener su conocido logotipo de pájaro;
  • el botón de LinkedIn debe ser # 008CC9 con su logotipo "in";
  • el logo de Pinterest debe ser # BD081C mostrando el logotipo de swirling-P.

En otra nota, evite diseñar los llamados botones personalizados que se apartan de estas mejores prácticas aceptadas en el diseño de botones. Siempre existe la tentación de hacer que los elementos de un sitio sean más extravagantes para impresionar a los clientes o para que se destaque como diseñador, pero en realidad no es efectivo por las razones mencionadas anteriormente. El peor de los casos es que los usuarios no entienden cómo interactuar con los botones si están demasiado personalizados.

Para un ejemplo de libro de texto de una página que saca estas mejores prácticas, nos fijamos en el blog de Daily Egg sobre asesoramiento de tasa de conversión. En un artículo acerca de la ingeniería inversa de una página de inicio con buen rendimiento, tenga en cuenta la ubicación, las formas y los colores de los botones de redes sociales. Están en la esquina superior izquierda de la página, son rectangulares y muestran los colores de marca de cada plataforma de redes sociales.

Botones adhesivos

Al igual que la navegación adhesiva, en la que la navegación sigue al usuario hacia abajo en una página a medida que se desplaza, la barra de uso compartido de redes sociales debería hacer lo mismo y por la misma razón. Desea que las personas recuerden constantemente que pueden compartir su contenido; La incorporación de botones adhesivos también hace que sea mucho más fácil para ellos compartir el contenido porque no tienen que desplazarse hacia arriba o hacia abajo para encontrar sus botones.

Desea que las personas recuerden constantemente que pueden compartir su contenido

Un sitio que obtiene esto es Profesionales de marketing , un centro de asesoramiento publicitario y mejores prácticas. Sus artículos incluyen botones adhesivos de redes sociales que permanecen en el lado superior izquierdo de la pantalla mientras los visitantes del sitio continúan desplazándose hacia abajo en la página.

El intercambio social importa

No es secreto que las acciones sociales son increíblemente importantes para la popularidad de un sitio. Cuantas más personas compartan su contenido, más visitantes lo descubrirán y potencialmente se convertirán en lectores o clientes habituales. Es por eso que hacer botones sociales fácilmente accesibles y notables en todas las páginas que incluyen contenido que se puede compartir es una necesidad.

¿Por qué es difícil para sus usuarios compartir el contenido que realmente les gusta y con el que desean participar? Después de todo, obtener más acciones sociales también significa un ranking de motor de búsqueda más destacado para el sitio que diseña.

Foto principal, imagen de redes sociales a través de Shutterstock.