Hur vi redesignade Youthletic.Com
Ett konsekvent drag hos digitala produkter som har motstått tidstestet är anpassning. Anpassning till ny teknik. Anpassa till nya enheter. Och anpassning till användare (huvudsakligen användarupplevelse forskning och analys).
Youthletic började som ett förråd av ungdomsorganisationsdata, riktade mot både föräldrar och organisationer. För föräldrarna var webbplatsen avsedd att vara en enstaka butik för att söka och registrera sina barn för ungdomsorganisationer. För organisationer skulle platsen vara en lätt plats för tränare och gruppledare att samla registreringar, betalningar och information om barnen (dvs. allergier). Initialt som en eftertanke lade webbplatsen till en samling artiklar om ungdomssporter och relevanta ämnen.
Med den ursprungliga planen kom flera utmaningar:
- Projektet berodde på engagemangsorganisationens engagemang och det visade sig vara svårare än planerat. De flesta ungdomsportsorganisationer drivs av ideella och frivilliga, så kommunikation och utveckling av relationer är utmanande.
- Organisationsdata är fragmenterad - insamling och underhåll av data är en tråkig och tidskrävande process.
- Det fanns juridiska hinder när man accepterade betalningar och samlade information om barn. Många hinder skulle ta allvarlig tid och finansiella investeringar.
- Projektet berodde på tillägg och tjänster från flera tredjeparter, till exempel betalningsbehandling. Många av dessa tredje parter visade sig vara buggy och problematiska.
Sidan behövde förändring för att ytterligare motivera sin existens. Att behålla ett lokalt fokus skulle fortsätta att vara en prioritet, men att utöka YL: s räckvidd till nationell nivå genom innehåll skulle vara ett viktigt framsteg. Så här är där vi fokuserade våra ansträngningar:
1. En parallell inriktning mot innehåll
Med organisationssökning och -registrering får man inte så mycket dragkraft som ursprungligen förväntas, fler ungdomsportartiklar publicerades för att hålla webbplatsen aktiv. De säger "innehåll är kung" och det visade sig vara uppenbart hos Youthletic, vilket bevisas av den direkta korrelationen mellan antal publicerade artiklar och webbplatsstrafik.
För att cementera förändringen ytterligare var det faktum att YLs moderbolag är ett medieföretag i kärnan, så övergången till innehållsfokus gav ännu mer mening.
2. Att bli smidig
Inledningsvis var det en grupp av fyra som skapade hela projektet: en affärsägare, en projektledare, en UX / UI-designer och en back-end-utvecklare. Uppdelningen av uppgifter var strikt definierad och projektet följde en vattenfallsmetodik. Detta visade sig vara problematiskt eftersom projektet var tänkt att bli väckt till liv snabbt.
Vattenfallsmetodiken är idealisk för vissa företag och produkter, men problemet med en vattenfallsprocess är att projektet kräver att en fas uppfylls innan man går vidare till nästa .
Att byta till en smidig metod uppmuntrar samarbete mellan lagmedlemmar och medger att produkten utvecklas snabbare.
3. Designa en bättre användarupplevelse
Det fanns fyra principer som vi ville se till att bli korrekta vid utformningen av en bättre användarupplevelse:
Tänkande mobil-först
Vi visste att en majoritet av webbplatsanvändare åtkomst till webbplatsen på mobila enheter (ungefär 65%). Mobilanvändningen fortsätter att växa så designen behövde vara konsekvent och vacker över enheter. För att uppnå detta använde vi webbplatsövergripande, mobilvänlig navigering (en inskjutning från sidan).
Utveckla en lätt plats
Om användarna vill ha innehåll måste vi ge dem och göra det snabbt. Snabba saker. Sidan övergiven går dramatiskt upp för varje sekund tar en sida att ladda.
För att undvika övergivning genomförde vi ett innehållsflöde som gör ajax-samtal för att ladda innehållet vid vertikala rullningsavstånd. Detta minskade sidlastningstiden dramatiskt (i vårt fall med 400%) och bidrog till att släppa webbplatsens avvisningsfrekvens med 30%.
Göra delande framträdande
En social mediaanalys visade att föräldrar älskade att dela Youthletic-artiklar. På den tidigare designen var delningen aktiverad men den var endast tillgänglig på ett område på berättelsidan.
Men delningen är omtänksam. Med artikelsidor i den nya designen kunde föräldrar dela från 3 separata platser och delningsfunktioner var allmänt förekommande. Chartbeat data tyder på att användarna ska dela innehåll utan att läsa det, så den nya designen fick även användare att dela utan att gå in i en artikel.
Ge användare andra sätt att navigera utöver den övre navfältet
Genom Google Analytics och Google Tag Manager visste vi att användarna inte använde den högsta navigeringen mycket ofta, vilket förkortade besökets längd och ökade avvisningsfrekvens. För att motverka detta lade vi till författare, idrott och kategori taggning för lättare tillgång till information användare kan vara intresserad av. Inte bara tillhandahöll detta ytterligare sätt för användarna att resa runt på webbplatsen, det organiserade oss mer noggrant vårt innehåll i CMS och gjorde det lättare att ge användarrelaterat innehåll.
Tagaktivitet har använts mer och mer sedan implementeringen och vi förväntar oss att den här trenden fortsätter, eftersom användarna blir mer bekanta med den nya designen.
4. Ändra definitionen av "framgång"
Titta på förväntningarna från en högre nivå var webbplatsens ursprungliga mål bristfälliga. De drivs av registreringar och andra bullshit-mätvärden - sidvisningar, sidbesök, sidor per besök, etc.
Vi ville mäta kvalitet över kvantitet.
Planering för framtiden och grundläggning för resten av Scripps-organisationen (YLs moderbolag) visste vi att företag som köpte reklam snart skulle fånga på det faktum att platsvärden ofta var vilseledande och inte mäta kvalitet. Modellerad efter Medelvärdet av den totala tiden för läsning av mediet Vi började samla användardata som rullningsavstånd på artikelsidor och besöka djupet. När vi samlade information kunde vi etablera realistiska, relativa mål samtidigt som vi lärde oss om användarnas upplevelser.
Går vidare
Nya utmaningar uppstår varje dag när vi fortsätter bygga ut produkten. Lokala ungdomssporter fortsätter att vara ett stort fokus och möjlighet, men innehållet kommer också att vara en drivkraft. Vägkartan innehåller ny funktionsimplementering, en mobilapplikation och fortsatt tillväxt mot att skapa en användarupplevelse av hög kvalitet, så det kan finnas uppdateringar när vi fortsätter.