Cómo perfeccionar sus sitios web con ganancias marginales

Hace poco más de una década, el ciclismo competitivo británico no estaba en ninguna parte. Con un par de notables excepciones – Tom Simpson en los años 60 y Chris Boardman en los 90 – ningún ciclista británico había tenido un impacto significativo en un deporte dominado por Francia, Bélgica, Italia, España y Australia.

Luego, en 2003, el ciclismo británico nombró a Dave Brailsford como director de rendimiento, quien presentó ganancias marginales. Las ganancias marginales es una filosofía que, en lugar de centrarse en un cambio radical, identifica pequeñas mejoras que, cuando se agregan, dan como resultado un progreso significativo.

Posteriormente, en Beijing en 2008, el equipo ganó 17 oros paralímpicos y 8 olímpicos. Cuatro años más tarde en Londres se llevaron 8 oros paralímpicos y 8 olímpicos. El logro fue coronado por victorias consecutivas en el Tour de Francia de 2012 y 2013, las primeras victorias británicas en la historia del principal evento del ciclismo de ruta.

Ganancias marginales en diseño web

Desde que el equipo de ciclismo británico conmocionó a la nación al no caerse de sus bicicletas, las ganancias marginales se han convertido en una especie de grito de guerra para los negocios. Pero mientras que las empresas normalmente necesitan reestructurarse e impulsar este cambio desde la sala de juntas, es una filosofía que encaja perfectamente con la práctica de diseño web existente.

Las ganancias marginales son un enfoque iterativo para la resolución de problemas, favorecido por las startups lean. Mediante el uso de patrones de diseño, la mayoría de los sitios web funcionan de manera similar a sus competidores; Siendo ese el caso, incluso una mejora mínima es suficiente para hacer que un sitio web se destaque.

El 1%, por supuesto, no es una cifra literal. Es imposible cuantificar una mejora de diseño en términos de porcentaje. E incluso cuando se puede encontrar un porcentaje midiendo las conversiones o el rendimiento, no siempre es deseable hacerlo. El punto clave es que las ganancias marginales se centran en pequeña Mejoras.

Hallar el 1%

Adopte la mentalidad de que hay una mejora del 1% en cada elemento de su sitio web. El beneficio del 1% es que es un objetivo alcanzable.

Naturalmente, algunos elementos de un proyecto tienen un mayor margen de mejora que otros. Las áreas que tienden a prestarse a ganancias marginales son los elementos que a menudo son ignorados por un proceso de cascada.

Por ejemplo, los mensajes de error comúnmente no se escriben con copia y rara vez se diseñan, porque son inventados por el equipo de desarrollo durante la codificación. Eso tiende a resultar en mensajes amigables para los humanos como Error 427: datos esperados.

Para encontrar mejoras del 1%, los equipos deben adoptar un enfoque multidisciplinario. Cada elemento debe planificarse, diseñarse y diseñarse. Y los procesos no se deben poner en silos. Eso no quiere decir que todos los diseñadores necesiten comprender la programación orientada a objetos o que todos los desarrolladores necesiten poder ajustar el seguimiento. Pero un esfuerzo colaborativo, en el que los roles se superponen, evitará que los elementos se caigan por las grietas.

Copia generada por código; Elementos de la interfaz de usuario que no están previstos en mosaicos de estilo interacciones que se agregan después de la construcción; todas estas son áreas donde abundan las mejoras.

El 1% fácil

La clave de un enfoque de ganancias marginales es que todo se puede mejorar y que cada paso incremental vale la pena cuando se considera parte de un todo.

Al optimizar una imagen, existe una tendencia a guardar de acuerdo con la configuración predeterminada de la aplicación: comúnmente guardamos un JPG al 60% y luego intentamos reducirlo al 40%. Si la calidad resultante es demasiado baja volvemos al 60%. Pero solo necesitamos encontrar el 1%, así que intente guardar su JPG con una calidad del 59%. En algunas pruebas rápidas, descubrí que reducir un 1% en la calidad resultaba en una reducción promedio del 3% en la calidad; el beneficio es desproporcionado con respecto al costo.

Nunca use una fuente web que no pueda crear subconjuntos. Minimice CSS y JavaScript. Si tiene un video de 2 minutos en su sitio que tiene 2880 cuadros, corte 29 de ellos, un poco más de un segundo, y habrá encontrado su 1%.

Se pueden encontrar mejoras sustanciales si invertimos tiempo y esfuerzo. Por ejemplo, reemplazar las bibliotecas de JavaScript con JavaScript vanilla reducirá la huella de su sitio. Sin embargo, las bibliotecas como jQuery brindan beneficios como la simplicidad y la capacidad de mantenimiento, que superan su costo.

La clave del éxito con ganancias marginales es que el costo de implementación es insignificante: queremos el 1%, pero no queremos pagar por él.

El 1% esencial

Sabemos desde hace mucho tiempo que los usuarios no leen sitios web. Mientras elaboramos cuidadosamente el contenido, nuestros usuarios extraen todo lo que necesitan saber de un par de etiquetas de botones. Ya sea que escaneen en un patrón ‘F’ o hagan clic hasta que encuentren algo que parece interesante, los usuarios se enfocan en los detalles extremos.

Por eso la microcopia es tan importante. Puede ser una pista o un mensaje de error, una puntuación que compartimos en Twitter o las etiquetas de nuestro menú; los usuarios pasan más tiempo con microcopia que con cualquier otra cosa en nuestros sitios. Sin embargo, la microcopia es también la copia que tiene menos probabilidades de ser diseñada o proporcionada por un cliente. La microcopia es con demasiada frecuencia una ocurrencia tardía que existe en las grietas.

Todos creamos contraseñas, la mayoría las creamos a diario. Entonces, la mayoría de nosotros hemos experimentado el asterisco rojo que nos permite saber que nuestra contraseña sugerida no ha sido aprobada: enviamos un formulario de creación de cuenta solo para descubrir que necesitábamos 8 caracteres; inténtelo de nuevo y necesitamos menos de 12; inténtalo de nuevo y necesitamos un número; una vez más, necesitamos mayúsculas y minúsculas; inténtalo de nuevo y necesitamos puntuación; inténtelo de nuevo y necesitamos una puntuación diferente. Por lo general, me toma alrededor de tres intentos antes de comenzar a preguntarme si De Verdad quiero la cuenta después de todo.

Tenemos que escribir el mensaje de error para decirle al usuario que están equivocados de todos modos, hacer una microcopia junto con el formulario, que establece claramente las reglas, les ayuda a hacerlo bien la primera vez y tiene un costo de implementación insignificante.

El 1% perfecto

Si hay un área que abarca por completo las ganancias marginales, es la tipografía. Encontrar la medida correcta, el interlineado óptimo y hacer uso de funciones avanzadas como comillas tipográficas, ligaduras y versalitas proporciona una mejora apreciable en la legibilidad.

La tipografía es tanto ciencia como arte, con precedentes creados por la forma en que el ojo y el cerebro humanos procesan el lenguaje escrito. Como tal, existen reglas que definen cómo lo usamos, lo que significa que los cambios radicales rara vez son deseables. La tipografía se trata de encontrar múltiples 1% para mejorar el todo.

Si buscas un 1% en tu trabajo de diseño, céntrate en la tipografía. No solo es el 95% del diseño web, también es una disciplina que está perfectamente alineada con ganancias marginales. No hay inconveniente en una buena tipografía.

El valor del 1%

El 1% es una cifra fácil de tener en cuenta, pero se extrae del aire. Lo que importa es realizar pequeñas mejoras que conlleven un coste insignificante.

Cualquier mejora en un sitio web ya perfeccionado es cada vez más difícil. Encontrar un aumento del rendimiento del 10% introducirá efectos secundarios no deseados, como la pérdida de calidad. Si podemos encontrar el 1% en diez áreas diferentes, podemos lograr el mismo aumento del rendimiento del 10% sin ningún beneficio.

Las mejoras del 1% tienen pocos beneficios por sí solas, pero las ganancias marginales en su conjunto son un proceso que hará que sus sitios web se destaquen.

Foto principal, imagen de trabajo en equipo a través de Shutterstock.