Las tácticas de UX que uso en mi propio sitio web, con las razones.
dev · Oct 6, 2026 · 5 min read
Los consejos sobre UX en su mayoría no son verificables, por lo que aquí está el tipo verificable: tácticas que envié en este sitio, el motivo de cada una y una que me equivoqué durante meses. ejecútelos como una lista de verificación en cualquier sitio que esté creando o comprando.
uno: el número de teléfono es la interfaz
El elemento de mayor valor del sitio de una empresa local es el número de teléfono, en texto, en la mitad superior de la página y que se puede tocar. ni en una imagen, ni detrás de una página de contacto. Lo pondría encima de cualquier animación de logo. la mayoría de los sitios de pequeñas empresas italianas entierran la única acción que paga por el sitio.
dos: atajos de contacto donde ya está el ojo
En dispositivos móviles, este sitio tiene un botón de correo en la primera ventana gráfica, justo debajo de la tarjeta de héroe, no en un pie de página que necesita desplazarse y buscar. el razonamiento: el contacto no es un destino, es un impulso, y los impulsos mueren en unos tres segundos. Un formulario de contacto detrás de dos clics es un formulario que nadie llena.
tres: el pliegue es una herramienta de diseño, no un mito
"nadie se desplaza" es falso; "Nadie pasa por alto la basura" es cierto. este sitio mide el pliegue: la primera ventana gráfica termina donde el contenido lo obtiene, y la siguiente sección comienza más allá, reforzada por un diseño de tiempo de construcción que empuja la siguiente tarjeta debajo del pliegue en cada tamaño de pantalla. no engañas a la gente para que se desplace; piensas completamente en la primera pantalla y dejas que la segunda comience limpiamente.
cuatro: el movimiento nunca debe garantizar la corrección
La táctica que me equivoqué durante meses: una animación de salida podría hacer que un clic de navegación aterrice en la página equivocada en condiciones de borde. la solución enseñó la regla que ahora aplico en todas partes: las propiedades de corrección nunca dependen del tiempo de la animación. el movimiento es decoración; cuando la condecoración puede vetar un destino, a la condecoración se le ha otorgado un rango que no obtuvo.
cinco: el contraste es UX, no cumplimiento
Cada etiqueta atenuada en este sitio se mide, no se juzga (consulte la publicación de teoría del color para conocer el mecanismo). El razonamiento de UX no es el legal: el texto de bajo contraste es texto que un lector omite, y el texto omitido es un mensaje que usted pagó por escribir y ocultó. si no vale la pena leer una etiqueta, elimínela; si es así, borra 4,5:1.
seis: cambio de idioma con un solo toque, con la URL diciendo la verdad
Cada idioma de este sitio tiene su propia URL (/, /it/..., /de/...) en lugar de una cookie que recuerda una elección. la URL es el único portador honesto del estado: compartible, marcable y (esta es la mitad del SEO) indexable. un sitio que cambia de idioma sin cambiar la URL es invisible en los resultados de búsqueda del otro idioma.
qué ejecutar en su propio sitio
- ¿Puede un extraño decir qué hace usted, para quién y cómo comunicarse con usted dentro de los cinco segundos posteriores al aterrizaje?
- ¿Se puede acceder a la acción principal donde ya está el ojo, en un teléfono?
- ¿Hay algún movimiento que pueda confundirse con que el sitio no responde?
- ¿Hay algún texto tan oscuro que, sinceramente, te saltas la lectura?
- ¿Cada cambio de estado tiene una URL que puedas enviarle a alguien?
UX no es gusto. es un conjunto de decisiones que alguien tomó a propósito, o que no tomó en absoluto, lo que también es una decisión, pero que nadie firmó.