Medido: una segunda opinión sobre lo que un negocio paga en marketing
Medido lee el sitio de un negocio desde afuera, en un navegador real, y le muestra a quien paga el marketing qué se puede verificar, qué no y cómo comprobar cada cosa. Diseñé el producto, la marca y la web, en inglés, hebreo y español, y definí cómo se mide: GA4 y Clarity con eventos propios del recorrido, que solo se cargan si la persona acepta.
El producto
Le habla al dueño de un negocio que trabaja con una agencia y está por renovar. Pega la dirección de su sitio y recibe una lectura: qué se ve desde afuera, qué se puede verificar, qué no y con qué comprobarlo. La primera lectura es gratis y sin registro.
Cada hallazgo dice qué se vio, cuándo y con qué comprobarlo, en lugar de un puntaje sobre 100 que no se puede discutir.
Deslizá hacia el costado o usá las flechas. Tocá una captura para ampliarla.
La tipografía: una o que se llena
El nombre dice lo que hace. La última o es un anillo lleno al 66 %: una medición que muestra lo que hay y lo que falta. Su hueco es idéntico al de la d. En hebreo, en מדידו, la vav final se llena desde abajo hasta el techo de la dalet; en el título de la portada, la vav de קראו hace el mismo gesto.
La palabra que lleva el anillo nunca se corta en dos líneas, y el lector de pantalla recibe la letra real, no el dibujo. Manrope 800 para la marca y los títulos, Assistant 800 para el hebreo y JetBrains Mono para los datos, servidas desde el propio sitio.
Deslizá hacia el costado o usá las flechas. Tocá una captura para ampliarla.
El movimiento: se mueve lo que la persona hace
Una regla para toda la web: nada se anima al bajar por la página. Se mueve lo que responde a la persona, y todo se queda quieto si pidió reducir el movimiento.
- Al cargar la portada, la o del título se llena de 0 al 66 % en 1,1 segundos, una sola vez. En hebreo, la vav se llena desde abajo como una barra.
- Al cambiar de página o de idioma, la barra queda quieta; la página sale en 220 milisegundos y la nueva entra subiendo 12 píxeles.
- Mientras lee, el texto de la portada se va y queda la o grande, que avanza con cada paso real. Al lado, el registro de lo que ve el navegador, línea por línea, con sus segundos.
- Al terminar, un círculo blanco se abre desde el anillo, cubre la pantalla y deja el informe.
- En el informe, las tarjetas entran de a una y cada sello (verificado, inferido, no lo vi) cae con un golpe corto.
La medición: qué se mide hoy
La web mide tres recorridos, cada paso como un evento propio. Son los embudos que uno supone:
El recorrido principal
- 1 · Entra
Llega al sitio, en su idioma.
- 2 · Pega su sitio
Escribe la dirección y pide la lectura.
- 3 · Ve la lectura
El anillo avanza y llega el informe.
- 4 · Da un paso
Pide la segunda lectura, una sesión o escribe por el formulario.
La segunda lectura
- 1 · Ve la lectura
Termina de leer su informe.
- 2 · Abre el cupón
Elige seguir.
- 3 · Va al pago
Llega a la caja.
- 4 · Completa el pago
La segunda lectura queda pedida.
La calculadora
- 1 · Escribe su gasto
Lo que paga hoy en marketing.
- 2 · Ve su tramo
La lectura que le corresponde.
- 3 · Pide una sesión
Para revisarlo con una persona.
Cada paso es un evento propio en GA4 y en Clarity, con el idioma de la página. Los eventos clave son el pedido de lectura, el pedido de sesión, el formulario de contacto y el pago.
Y además, lo que la persona hace de verdad: en qué orden hizo las cosas cada visitante y qué tocó, botón por botón. El número real de lecturas se cuenta aparte, en el registro de la propia herramienta, para corregir lo que no ven las cookies.
Los detalles
Lo que me quedó de mis años en diseño UX y aplico en todo lo que hago:
- Hebreo de verdad, no espejado a mano. Se invierte lo que es dirección (la barra, el menú, el registro); lo que es dato (direcciones web, fechas, segundos) queda de izquierda a derecha, aislado dentro de la frase. El campo de la dirección es siempre de izquierda a derecha.
- Un alto que entra en el dedo. Botones y campos de 48 píxeles; lo que se dibuja más chico completa una zona invisible de al menos 44.
- Ningún texto de menos de 12 píxeles (13 en hebreo), medido en el navegador en los tres idiomas, en celular y en computadora.
- Rechazar y Aceptar con el mismo peso en el aviso de cookies, con Rechazar primero. Si la persona rechaza, no se carga nada.
- Nada viaja sin permiso. Si la persona no acepta, no se carga ninguna herramienta, ni siquiera de forma anónima, y a la medición nunca llegan su nombre, su correo ni el sitio que escribió.
- Celular y computadora juntos. Ninguna pieza se da por lista sin verla en las dos.
- El color no es el único aviso. El amarillo va solo sobre negro, y los sellos se distinguen también por su forma: relleno, punteado o guion.
Los componentes
Deslizá hacia el costado o usá las flechas. Tocá una captura para ampliarla.
Deslizá hacia el costado o usá las flechas. Tocá una captura para ampliarla.