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 años 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 designó a Dave Brailsford como director de rendimiento, quien introdujo ganancias marginales. Las ganancias marginales son una filosofía que, en lugar de centrarse en el cambio radical, identifica pequeñas mejoras que, cuando se agregan, dan como resultado un progreso significativo.
Posteriormente, en Beijing en 2008, el equipo se llevó 17 medallas paralímpicas y 8 medallas de oro olímpicas. Cuatro años después, en Londres, obtuvieron 8 medallas paralímpicas y 8 medallas de oro olímpicas. El logro fue coronado por victorias consecutivas en el Tour de Francia 2012 y 2013, las primeras victorias británicas en la historia del evento principal del ciclismo de ruta.
"Si analizas todo lo que se te ocurra al montar una bicicleta, y luego lo mejoras en uno por ciento, obtendrás un aumento significativo cuando los pongas juntos". - Dave Brailsford
Desde que el equipo ciclista 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 generalmente necesitan reestructurarse e impulsar este cambio desde la sala de juntas, es una filosofía que encaja perfectamente en la práctica de diseño web existente.
Las ganancias marginales son un enfoque iterativo para la resolución de problemas, como lo prefieren las startups lean. Mediante el uso de patrones de diseño, la mayoría de los sitios web tienen un desempeño similar al de sus competidores; Siendo ese el caso, incluso una mínima mejora es suficiente para hacer que un sitio web se destaque.
El 1% es, por supuesto, no una figura literal. Es imposible cuantificar una mejora de diseño en términos de un 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 enfocan en pequeñas mejoras.
Adopte la mentalidad de que hay una mejora del 1% en todos los elementos de su sitio web. El beneficio del 1% es que es un objetivo alcanzable.
Naturalmente, algunos elementos de un proyecto tienen mayor margen de mejora que otros. Las áreas que tienden a prestarse a ganancias marginales son los elementos que a menudo son ignorados por una estrategia tradicional. proceso de cascada
Por ejemplo, los mensajes de error comúnmente no se copian, y rara vez se diseñan, porque son inventados por el equipo de desarrollo durante la codificación. Eso tiende a generar mensajes amigables para los humanos como el Error 427: Datos esperados.
Para encontrar mejoras del 1%, los equipos deben adoptar un enfoque multidisciplinario. Todos los elementos deben ser planificados, diseñados y diseñados. Y los procesos no deben ser puestos en silos. Eso no quiere decir que cada diseñador necesita comprender OOP, o que cada desarrollador necesita poder ajustar el seguimiento. Pero un esfuerzo de colaboración, en el que los roles se superponen, evitará que los elementos caigan por las grietas.
Copia que se genera por código; Elementos de la interfaz de usuario que no están previstos en las fichas de estilo; interacciones que se agregan después de la compilación; estas son todas las áreas en las que hay que mejorar.
La clave de un enfoque de ganancias marginales es que todo se puede mejorar y que cada paso incremental vale la pena si se lo considera parte de un todo.
queremos el 1%, pero no queremos pagarlo
Al optimizar una imagen, hay una tendencia a guardar de acuerdo con la configuración de la aplicación predeterminada: comúnmente guardaremos un JPG al 60%, luego intentamos soltarlo 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 un 59% de calidad. En algunas pruebas rápidas, descubrí que si dejaste caer un 1% la calidad, obtuve una reducción promedio del 3% en el tamaño del archivo; el beneficio es desproporcionado al costo.
Nunca use una fuente web que no pueda subconjuntar. Minificar CSS y JavaScript. Si tiene un video de 2 minutos en su sitio con 2880 fotogramas, elimine 29 de ellos, un poco más de un segundo, y encontrará el 1%.
Se pueden encontrar mejoras sustanciales si invertimos tiempo y esfuerzo. Por ejemplo, reemplazar las bibliotecas de JavaScript con JavaScript vail reducirá la huella de su sitio. Sin embargo, las bibliotecas como jQuery ofrecen 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 ello.
Sabemos desde hace mucho tiempo que los usuarios no leen sitios web. Si bien diseñamos cuidadosamente el contenido, nuestros usuarios extraen todo lo que necesitan saber de un par de etiquetas de botones. Ya sea que escanee en un patrón 'F' o haga clic hasta que lleguen a algo que parece interesante, los usuarios se enfocarán en detalles extremos.
Es por eso que la micro copia es tan importante. Puede ser una pista o un mensaje de error, un puntaje que compartimos en Twitter o las etiquetas de nuestro menú; los usuarios pasan más tiempo con micro-copias que cualquier otra cosa en nuestros sitios. Sin embargo, la copia mínima también es la copia que tiene menos probabilidades de ser diseñada o proporcionada por un cliente. La micro copia es a menudo una idea de último momento que existe en las grietas.
Todos creamos contraseñas, la mayoría de nosotros las creamos a diario. Así que la mayoría de nosotros hemos experimentado el asterisco rojo que nos permite saber que nuestra contraseña sugerida no se ha aprobado: enviamos un formulario de creación de cuenta solo para encontrar que necesitamos 8 caracteres; intente de nuevo y necesitamos menos de 12; intente de nuevo y necesitamos un número; una vez más, necesitamos mayúsculas y minúsculas; intente de nuevo y necesitamos puntuacion; intente de nuevo, y necesitamos diferentes signos de puntuación. Por lo general, me toma tres intentos antes de comenzar a preguntarme si realmente quiero la cuenta después de todo.
Tenemos que escribir el mensaje de error para decirle al usuario que están equivocados. Copie el formulario junto con el formulario, establezca claramente las reglas, ayúdelo a hacerlo bien por primera vez y tenga un costo de implementación insignificante.
Si hay un área que abarca completamente las ganancias marginales, es la tipografía. Encontrar la medida correcta, el liderazgo óptimo y el uso de características avanzadas como citas inteligentes, ligaduras y letras mayúsculas proporciona una mejora medible en la legibilidad.
No hay inconveniente para una buena tipografía
La tipografía es tanto ciencia como arte, con precedentes creados por la forma en que el ojo humano y el cerebro 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% s para mejorar el todo.
Si busca el 1% en su trabajo de diseño, concéntrese en la tipografía. No solo es el 95% del diseño web, también es una disciplina que está perfectamente alineada con las ganancias marginales. No hay inconveniente para la buena tipografía.
El 1% es una figura fácil de tener en cuenta, pero se saca del aire. Lo que importa es hacer pequeñas mejoras que tengan un costo insignificante.
Cualquier mejora en un sitio web ya refinado 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 hacer el mismo aumento de rendimiento del 10% sin pagar.
Las mejoras del 1% tienen poco beneficio por sí mismas, pero se toman como ganancias marginales completas un proceso que hará que sus sitios web se destaquen.
Foto principal, imagen de trabajo en equipo a través de Shutterstock.