Un visitante tarda menos de 3 segundos en decidir si se queda en tu web o se va. En ese instante no est\u00e1 leyendo tu propuesta de valor con calma: est\u00e1 reaccionando a una impresi\u00f3n visual. Por eso, cada vez que nos sentamos a redise\u00f1ar un sitio en Pixie Labs, repetimos la misma idea: el dise\u00f1o UI\/UX no es “hacerlo lindo”, es una herramienta de negocio que decide, literalmente, cu\u00e1nto vend\u00e9s.<\/p>\n
Lo primero que miramos siempre es la jerarqu\u00eda visual. Si todo en la p\u00e1gina grita al mismo tiempo \u2014t\u00edtulos grandes, botones de colores, textos en negrita por todos lados\u2014 el visitante no sabe hacia d\u00f3nde mirar primero. Una buena jerarqu\u00eda gu\u00eda el ojo: primero lo m\u00e1s importante, despu\u00e9s lo secundario. Menos elementos compitiendo entre s\u00ed significa m\u00e1s claridad, y m\u00e1s claridad significa m\u00e1s conversi\u00f3n.<\/p>\n
Algo parecido pasa con los llamados a la acci\u00f3n. “Comprar ahora”, “Agendar una llamada”, “Descargar la gu\u00eda”: si tu p\u00e1gina ofrece cinco acciones distintas al mismo tiempo, es probable que el visitante no tome ninguna. Definir una acci\u00f3n principal por secci\u00f3n, y hacerla visualmente evidente, mejora la conversi\u00f3n de forma directa y medible, y es de las primeras cosas que ajustamos cuando revisamos un sitio.<\/p>\n
Despu\u00e9s est\u00e1 la velocidad de carga, que muchas veces no se piensa como parte del dise\u00f1o pero lo es. El dise\u00f1o m\u00e1s lindo del mundo no sirve de nada si tarda seis segundos en cargar. Cada segundo extra aumenta la probabilidad de que el visitante se vaya antes de ver tu contenido, as\u00ed que im\u00e1genes optimizadas y un hosting adecuado terminan siendo, en la pr\u00e1ctica, parte de la experiencia de usuario.<\/p>\n
Con los formularios pasa algo similar: cada campo adicional es una excusa m\u00e1s para abandonarlo. Nosotros solemos pedir solo lo estrictamente necesario para el primer contacto \u2014nombre, email, y quiz\u00e1s un dato m\u00e1s\u2014 y dejamos el resto de la informaci\u00f3n para una conversaci\u00f3n posterior. Un formulario de tres campos convierte sensiblemente mejor que uno de diez, y la diferencia se nota r\u00e1pido en los n\u00fameros.<\/p>\n
Y por \u00faltimo, algo que asumimos como punto de partida en cualquier proyecto nuevo: dise\u00f1ar mobile-first, no mobile-adaptado. La mayor\u00eda de tus visitantes probablemente entra desde el celular, y pensar primero en esa pantalla chica \u2014en vez de simplemente “achicar” el dise\u00f1o de escritorio\u2014 cambia por completo qu\u00e9 tan f\u00e1cil es navegar, leer y completar una acci\u00f3n desde el tel\u00e9fono.<\/p>\n
Un buen repaso visual de c\u00f3mo el dise\u00f1o y el contenido impactan en la conversi\u00f3n:<\/p>\n