Por qué principios y no tendencias
Las tendencias de diseño cambian cada año; la forma en que una persona lee una pantalla, no. Los principios de UX/UI describen esa forma: cuánto tarda en decidir, qué mira primero, qué entiende como parte de lo mismo. Un sitio que los respeta pide menos esfuerzo y por eso convierte más, se vea minimalista o editorial.
En B2B pesan todavía más. Quien entra a un sitio industrial o de servicios profesionales no viene a pasear: viene a comprobar si la empresa resuelve su problema y cómo contactarla. Cada segundo que pierde buscando es un motivo para volver al buscador.
Ley de Hick: menos opciones, decisiones más rápidas
El tiempo que alguien tarda en elegir crece con la cantidad de opciones que tiene delante. Un menú con doce ítems, tres botones del mismo peso o una grilla de veinte servicios sin orden obligan a comparar antes de actuar.
En un sitio B2B: menú de cinco a siete entradas, un llamado a la acción principal por pantalla y servicios agrupados por problema del cliente, no por el organigrama interno.
Ley de Fitts: lo importante, grande y cerca
Cuanto más chico y más lejos está un objetivo, más cuesta alcanzarlo. En un celular, el pulgar llega cómodo a la parte baja y central de la pantalla; las esquinas superiores son las más difíciles.
En un sitio B2B: WCAG 2.2 fija un mínimo de 24 × 24 px para objetivos táctiles y Apple recomienda 44 × 44 pt. El botón de cotizar o de WhatsApp va donde llega el pulgar y no compite con enlaces chicos alrededor.
Proximidad: lo cercano se lee como una sola cosa
La mente agrupa lo que está cerca. Una etiqueta separada de su campo, un dato lejos de su fuente o un botón pegado al bloque equivocado generan dudas que nadie pregunta: simplemente se van.
En un sitio B2B: cada beneficio junto a su prueba, cada cifra con su plataforma y período, etiquetas pegadas a su campo y aire suficiente entre bloques que hablan de cosas distintas.
Jerarquía visual: qué leer primero
Tamaño, contraste, peso, posición y espacio ordenan la lectura. Si todo pesa igual, nada destaca y el visitante tiene que construir el orden por su cuenta.
En un sitio B2B: el orden que funciona es qué hacés, para quién, la prueba y cómo empezar. El título dice la oferta con las palabras que usa el cliente; el resto acompaña.
Respuesta inmediata a cada acción
Cada interacción necesita una señal: un estado al pasar el mouse, una carga visible, una confirmación clara al enviar. Sin respuesta, la persona no sabe si funcionó, vuelve a tocar o abandona.
En un sitio B2B: el formulario confirma en pantalla que llegó y cuándo se responde; el botón cambia de estado mientras envía; los errores aparecen junto al campo, no en un aviso genérico arriba.
Contraste legible
WCAG fija un contraste mínimo de 4,5:1 para texto normal y 3:1 para texto grande. El gris claro sobre blanco se ve elegante en el monitor de diseño y no se lee en un celular al sol.
En un sitio B2B: texto de lectura con contraste suficiente siempre, también en pies de foto, notas legales y datos de fuente, que es justamente donde el comprador técnico mira para confiar.
Formularios que no frenan la consulta
El formulario es el último paso y el más frágil. Cada campo de más es una razón para no terminarlo.
- Pedir solo lo necesario. Nombre, empresa, contacto y una línea sobre el proyecto alcanzan para responder; el resto se pregunta después.
- Etiquetas visibles. El texto de ejemplo dentro del campo desaparece al escribir y no reemplaza la etiqueta.
- Errores claros y en su lugar. Decir qué falta y cómo corregirlo, junto al campo, sin borrar lo ya escrito.
- Una alternativa directa. WhatsApp, correo o teléfono visibles para quien no quiere completar un formulario.
Revisión en diez minutos
Con la página abierta en un celular, cinco preguntas muestran si los principios se cumplen:
- ¿Se entiende qué ofrecen y para quién sin hacer scroll?
- ¿Hay un solo llamado a la acción principal por pantalla?
- ¿El botón de contacto se toca cómodo con el pulgar?
- ¿Cada cifra tiene su fuente al lado?
- ¿El formulario confirma el envío y dice cuándo responden?
Estos principios son la base de la guía de diseño web de alta conversión para B2B, que suma velocidad, confianza y medición. Si querés que los apliquemos sobre tu sitio, es parte de nuestro trabajo como agencia de diseño web en Chile y de la optimización de la conversión (CRO).