Conocimiento operativo

¿Cómo organizar los botones de la página para que un sitio web corporativo sea más efectivo?

La disposición de los botones en una página afecta la acción de los visitantes. Este artículo explica métodos prácticos para la ubicación, estilo y texto de los botones, basados en los objetivos del sitio web corporativo, para mejorar la eficiencia de las operaciones.

Escena ilustrativa

Cada página de un sitio web corporativo tiene el objetivo de que los visitantes continúen navegando o realicen una acción. Como el punto de entrada más directo a la acción, la disposición de los botones a menudo determina si el visitante profundiza o abandona la página. Este artículo, partiendo de los tipos de página más comunes en un sitio web corporativo, analiza la distribución de los botones, su jerarquía y el texto, para ayudar a los responsables del sitio o al personal de operaciones a tomar decisiones más adecuadas en el mantenimiento diario.

Primero, define qué quieres que hagan los visitantes en la página

Antes de organizar los botones, piensa claramente cuál es la tarea principal de la página. Las páginas de un sitio web corporativo se pueden dividir en varias categorías: la página de inicio se encarga de generar confianza y dirigir el tráfico; las páginas de producto muestran el valor y guían hacia la consulta; las páginas de casos demuestran la fortaleza y guían hacia la colaboración; y la página de contacto proporciona canales de comunicación. El número y la jerarquía de los botones deben ser diferentes en cada tipo de página.

Lo ideal es que cada página tenga un botón de acción principal, y los demás sean secundarios. Por ejemplo, en la página de detalle de un producto, el botón principal podría ser "Consultar ahora" u "Obtener presupuesto", y los botones secundarios podrían ser "Ver casos" o "Descargar materiales". Si todos los botones de la página intentan destacar, el visitante no sabrá por dónde empezar.

La ubicación de los botones debe seguir los hábitos de navegación

Al navegar por una página, los visitantes suelen mover la vista de arriba a abajo y de izquierda a derecha. Los botones deben aparecer en los lugares donde el visitante pueda mostrar interés, no fijos solo en la parte inferior. Especialmente en el contenido visible sin hacer scroll, si el visitante quiere saber más después de leer la introducción, el botón debe estar cerca, sin necesidad de desplazarse mucho para encontrarlo.

¿Cómo organizar los botones de la página para que un sitio web corporativo sea más efectivo?配图

Una práctica común es colocar el botón principal al final del contenido visible en la parte superior, y repetir el mismo botón en la parte media o al final de la página, para que los visitantes que ya han hecho scroll puedan actuar directamente. Para páginas largas, se puede usar un botón flotante de "Consultar" en la barra lateral o en la parte inferior, pero con cuidado de no obstruir el contenido principal.

La jerarquía visual de los botones principales y secundarios debe ser clara

Los botones de una página deben tener una jerarquía: el botón principal suele usar un color de alto contraste, como el color corporativo, naranja o verde; los botones secundarios pueden ser grises o con estilo de contorno. Así, el visitante puede identificar de un vistazo cuál es la acción preferente.

Por ejemplo, en una página de presentación de servicios, el botón principal podría ser "Obtener plan gratuito" y el secundario "Conocer más servicios". Si los dos botones están juntos, el principal debe colocarse a la izquierda o en una posición más visible. Si el botón principal es "Comprar ahora", entonces "Contactar con atención al cliente" no debería estar al mismo nivel, para no distraer la atención.

El texto de los botones debe ser específico y transmitir acción

El texto en los botones influye directamente en la intención de hacer clic. Evita palabras vagas como "Haz clic" o "Más"; usa términos que describan el resultado de la acción. Por ejemplo, "Obtener la lista de precios 2024" es más claro que "Enviar", y "Reservar diagnóstico gratuito" es más atractivo que "Contáctenos".

Además, el texto debe estar en línea con el tono del sitio web corporativo. Si el cliente objetivo es la industria manufacturera tradicional, un botón como "Obtener manual del producto" es más formal que "Descargar ahora"; si es un proveedor de servicios de Internet, "Prueba gratuita" puede ser más adecuado. El texto del botón debe estar relacionado con el contenido de la página; por ejemplo, si la página presenta un problema, el botón puede decir "Resolver este problema".

¿Cómo organizar los botones de la página para que un sitio web corporativo sea más efectivo?配图

Los botones en dispositivos móviles deben ser fáciles de tocar

Una gran parte del tráfico de los sitios web corporativos proviene de teléfonos móviles, por lo que la usabilidad de los botones en estos dispositivos no se puede ignorar. El tamaño de los botones no debe ser demasiado pequeño; se recomienda una altura mínima de 44 píxeles para facilitar el toque con el dedo. Cuando hay varios botones, el espacio entre ellos debe ser suficiente para evitar toques accidentales.

Además, en las páginas móviles a menudo se necesita hacer scroll durante mucho tiempo; se puede considerar fijar el botón principal en la parte inferior o usar un botón flotante, pero con cuidado de no ocupar demasiado espacio en la pantalla. Si la página tiene un formulario, el botón de envío debe estar cerca del formulario, no en la parte inferior de la página.

La disposición de los botones debe seguir el ritmo del contenido

Los botones no son elementos aislados; deben aparecer en los lugares donde el contenido tenga mayor poder de persuasión. Por ejemplo, en una página de casos, después de que el visitante lea la descripción detallada de un cliente, puede pensar "nosotros también tenemos una necesidad similar"; en ese momento, colocar un botón "Obtener una solución similar" al final del caso es más efectivo que ponerlo en la parte superior de la página.

En la página de inicio, los botones suelen colocarse después de bloques de información clave, como después del resumen de "Sobre nosotros" se puede poner "Conocer más", y después de la introducción de las ventajas del servicio, "Ver servicios". Cuanto mayor sea la relación entre el botón y el contenido, mayor será la probabilidad de que el visitante haga clic.

¿Cómo organizar los botones de la página para que un sitio web corporativo sea más efectivo?配图

Revisa periódicamente el rendimiento de los botones

La disposición de los botones no es un trabajo de una sola vez. Después de que el sitio web esté en línea, se puede observar el rendimiento de los clics mediante estadísticas del backend o pruebas manuales. Si un botón tiene una tasa de clics muy baja, puede ser que su posición no sea visible, el texto no sea atractivo o el botón no coincida con el objetivo de la página.

Se recomienda revisar la disposición de los botones en las páginas principales cada trimestre, ajustándola según los datos de acceso y los comentarios de los usuarios. También se pueden realizar pruebas A/B, por ejemplo, comparar si "Consultar ahora" o "Obtener presupuesto" funciona mejor, pero asegurándose de que el período de prueba sea lo suficientemente largo para que los datos sean significativos.

En resumen, la disposición de los botones en un sitio web corporativo debe centrarse en el objetivo de la página, considerando los hábitos de navegación y la facilidad de uso de los visitantes. Mediante una ubicación adecuada, una jerarquía clara y un texto específico, se puede guiar a los visitantes para que sepan qué hacer a continuación, mejorando así la efectividad real del sitio web.

03 /

Del conocimiento a la práctica

Planificar contenidos
01

Planificar contenidos

Páginas adaptables
02

Páginas adaptables

Gestión continua
03

Gestión continua