För drygt tio år sedan var brittisk konkurrenskraftig cykling ingenstans. Med några anmärkningsvärda undantag - Tom Simpson på 60-talet och Chris Boardman på 90-talet - hade ingen brittisk cyklist haft en betydande inverkan på en sport dominerad av Frankrike, Belgien, Italien, Spanien och Australien.
Sedan 2003 utsåg brittisk cykling Dave Brailsford som prestationsdirektör, som införde marginella vinster. Marginalvinster är en filosofi som - istället för att fokusera på svepande förändringar - identifierar små förbättringar som, när de aggregeras, resulterar i betydande framsteg.
Därefter tog Peking i 2008 17 paralympiska och 8 olympiska guld. Fyra år senare i London tog de 8 paralympiska och 8 olympiska guld. Prestationen var begränsad av back-to-back segrar i 2012 och 2013 Tour de France, de första brittiska segrarna i historien om vägarcykelens främsta evenemang.
"Om du bröt ner allt du kan tänka på som går in på att cykla, och sedan förbättrats med en procent, kommer du att få en betydande ökning när du sätter dem alla tillsammans." - Dave Brailsford
Eftersom det brittiska cykellaget chockade nationen genom att inte falla av sina cyklar, har marginella vinster blivit något av ett rallyande gråt för affärer. Men medan företagen vanligtvis behöver omstrukturera och driva denna förändring från styrelserummet, är det en filosofi som dovetails snyggt i befintlig webbdesignpraxis.
Marginalvinster är ett iterativt tillvägagångssätt för problemlösning, som gynnas av lutta startups. Genom användningen av Design mönster, de flesta webbplatser utför i stort sett samma sätt som deras konkurrenter Om så är fallet är även en minuts förbättring tillräcklig för att en webbplats ska sticka ut.
1% är naturligtvis inte en bokstavlig figur. Det är omöjligt att kvantifiera en designförbättring i form av en procentandel. Och även när en procentandel kan hittas genom att mäta omvandlingar eller prestanda är det inte alltid önskvärt att göra det. Den viktigaste punkten är att marginella vinster fokuserar på små förbättringar.
Antag tanken att det finns en 1% förbättring som finns i alla delar av din webbplats. Fördelen med 1% är att det är ett uppnåeligt mål.
Naturligtvis har vissa delar av ett projekt större utrymme för förbättring än andra. Områden som tenderar att låna sig till marginella vinster är de element som ofta ignoreras av en traditionell vattenfall process.
Exempelvis är felmeddelanden vanligtvis inte kopia skrivna och sällan utformade, eftersom de är uppfunna av utvecklingslaget under kodningen. Det tenderar att resultera i människorvänliga meddelanden som Fel 427: Förväntad data.
För att hitta 1% förbättringar måste lag anta ett tvärvetenskapligt tillvägagångssätt. Varje element måste planeras, utformas och konstrueras. Och processer får inte sättas i silor. Det är inte att säga att varje designer behöver förstå OOP, eller att varje utvecklare behöver kunna justera spårning. Men en samarbetsinsats, där roller överlappar varandra, kommer att förhindra att element som faller ner sprickorna.
Kopiera som genereras av kod; UI-element som inte förutses i stilplattor; interaktioner som läggs till efter byggnad; Det här är alla områden som kan förbättras.
Nyckeln till ett marginalvinst-tillvägagångssätt är att allt kan förbättras, och att varje steg i steg är värt att betrakta som en del av en helhet.
Vi vill ha 1%, men vi vill inte betala för det
När du optimerar en bild är det en tendens att spara i enlighet med standardprograminställningarna: Vanligtvis sparar vi en JPG på 60% och försök sedan släppa den till 40%. Om den resulterande kvaliteten är för låg återgår vi till 60%. Men vi behöver bara hitta 1% så försök spara din JPG med 59% kvalitet. I några snabba tester fann jag att droppe 1% av kvaliteten resulterade i en genomsnittlig minskning av filstorleken med 3% - förmånen är oproportionerlig mot kostnaden.
Använd aldrig en webfont som du inte kan dela upp. Minifiera CSS och JavaScript. Om du har en 2 minuters video på din webbplats som är 2880 bilder, klippa 29 av dem, drygt en sekund, och du har hittat din 1%.
Det finns betydande förbättringar om vi investerar tid och ansträngning. Om du byter ut JavaScript-bibliotek med vanilj JavaScript, kommer det till exempel att minska din webbplatss fotavtryck. Men bibliotek som jQuery ger fördelar som enkelhet och underhåll, som uppväger deras kostnad.
Nyckeln till framgång med marginella vinster är att genomförandekostnaden är försumbar: vi vill ha 1%, men vi vill inte betala för det.
Vi har länge känt att användarna inte läser webbplatser. Medan vi noggrant skapar innehåll, extraherar våra användare allt de behöver veta från ett par knappetiketter. Oavsett om de söker i ett "F" -mönster eller klickar tills de träffar något som ser intressant ut, fokuserar användarna på extrema detaljer.
Det är därför mikrokopi är så stor sak. Det kan vara en ledtråd, eller ett felmeddelande, en poäng vi delar på Twitter, eller etiketterna på vår meny; Användare spenderar mer tid med mikrokopiering än vad som helst annat på våra webbplatser. Mikrokopia är emellertid också den kopia som minst är sannolikt att utformas eller tillhandahållas av en klient. Mikrokopia är för ofta en eftertanke som finns i sprickorna.
Vi skapar alla lösenord, de flesta av oss skapar dem dagligen. Så de flesta av oss har upplevt den röda asterisken som låter oss veta att vårt föreslagna lösenord inte har uppfyllts med godkännande: vi skickar endast ett kontoformulär för att finna att vi behövde 8 tecken; försök igen och vi behöver mindre än 12; försök igen och vi behöver ett nummer; Än en gång behöver vi stora och små bokstäver. försök igen och vi behöver skiljetecken försök igen, och vi behöver olika skiljetecken. Det tar mig vanligtvis tre försök innan jag börjar undra om jag verkligen vill ha kontot.
Vi måste skriva felmeddelandet för att berätta för användaren att de är fel, mikroskopi vid sidan av formuläret, tydligt med angivande av reglerna, hjälper dem att få det rätt första gången och har en försumbar genomförandekostnad.
Om det finns ett område som helt täcker marginella vinster, är det typografi. Att hitta rätt åtgärd, optimalt ledande och utnyttja avancerade funktioner som smarta citat, ligaturer och småkapslar ger en mätbar förbättring av läsbarheten.
Det finns ingen nackdel för bra typografi
Typografi är lika mycket vetenskap som konst, med prejudikat skapade av det sätt som människans öga och hjärna, bearbetar skrivspråk. Som sådan finns regler som definierar hur vi använder det, vilket betyder att svepande förändringar är sällan önskvärda. Typografi handlar om att hitta flera 1% s för att förbättra hela.
Om du letar efter 1% i ditt designarbete, fokusera på typografi. Inte bara är det 95% av webbdesignen, det är också en disciplin som perfekt anpassas till marginella vinster. Det finns ingen nackdel för bra typografi.
1% är en enkel siffra att komma ihåg, men det plockas från luften. Det som är viktigt är att göra små förbättringar som bär en försumbar kostnad.
En förbättring på en redan förfinad webbplats är stegvis hårdare. Att hitta en 10% prestationsökning kommer att introducera oönskade biverkningar som till exempel kvalitetsförlust. Om vi kan hitta 1% på tio olika områden kan vi göra samma 10% prestationshöjning utan löneavdrag.
1% förbättringar har liten nytta på egen hand, men som helhet marginella vinster är en process som gör att dina webbplatser stannar ut.