Hvordan vi redesignet Youthletic.Com
En konsekvent egenskap blant digitale produkter som har bestått testen av tid er tilpasning. Tilpasning til ny teknologi. Tilpasse til nye enheter. Og tilpasse seg brukere (hovedsakelig brukeropplevelsesforskning og analyse).
Youthletic begynte som et lager av ungdomsorganisasjonsdata, rettet mot både foreldre og organisasjoner. For foreldre var nettstedet ment å være en one-stop-shop for å søke og registrere barna sine for ungdomsorganisasjoner. For organisasjoner skulle stedet være et enkelt sted for trenere og gruppeledere å samle registreringer, betalinger og informasjon om barna (dvs. allergier). I utgangspunktet ble en ettertanke lagt til en samling artikler om ungdomssporter og relevante emner.
Med oppstartsplanen kom det flere utfordringer:
- Prosjektet var avhengig av ungdomsportalorganisasjonens engasjement, og dette viste seg å være vanskeligere enn planlagt. De fleste ungdomsorganisasjonene drives av non-profit og frivillige, slik at kommunikasjon og utvikling av relasjoner er utfordrende.
- Organisasjonsdata er fragmentert - samle og vedlikeholde data er en kjedelig og tidkrevende prosess.
- Det var juridiske hindringer når man mottok betalinger og samle informasjon om barn. Mange forhindringer vil ta alvorlig tid og finansielle investeringer.
- Prosjektet var avhengig av flere tredjeparts tillegg og tjenester, for eksempel betalingsbehandling. Mange av disse tredjepartene viste seg å være buggy og problematisk.
Nettstedet trengte forandring for å ytterligere begrunne dets eksistens. Opprettholde et lokalt fokus vil fortsatt være en prioritet, men å øke YLs nåvidde til nasjonalt nivå gjennom innhold vil være en vekt fremover. Så her er der vi fokuserte vår innsats:
1. En parallell tilnærming til innhold
Med organisasjonssøk og registrering oppnådde ikke så mye trekkraft som forventet, og flere ungdomsportartikler ble publisert for å holde nettstedet aktivt. De sier "innhold er konge", og dette viste seg å være tydelig på Youthletic, som bevist av den direkte korrelasjonen mellom antall publiserte artikler og trafikk.
For å sementere endringen var ytterligere det faktum at YLs morselskap er et mediefirma i kjernen, slik at overgangen til innholdsfokus gjorde enda mer mening.
2. Bli fleksibel
I begynnelsen var det en gruppe på fire som opprett hele prosjektet: en bedriftseier, en prosjektleder, en UX / UI-designer og en backend-utvikler. Arbeidsavskillelsen ble strengt definert og prosjektet fulgte en foss metodologi. Dette viste seg å være problematisk da prosjektet var ment å bli levendegjort raskt.
Fossemetodikk er ideell for enkelte bedrifter og produkter, men problemet med en fossprosess er at prosjektet krever oppfyllelse av en fase, før du går videre til neste .
Bytte til en fleksibel metodikk oppmuntret samarbeid mellom lagmedlemmer og muliggjort at produktet utvikler seg raskere.
3. Designe en bedre brukeropplevelse
Det var fire prinsipper som vi ønsket å sørge for å bli riktige når vi utformet en bedre brukeropplevelse:
Tenker mobil først
Vi visste at et flertall av nettstedbrukerne fikk tilgang til nettstedet på mobilenheter (omtrent 65%). Mobilbruk fortsetter å vokse, slik at designet trengte å være konsistent og vakkert på tvers av enheter. For å oppnå dette, brukte vi hele nettstedet, mobil-vennlig navigering (et lysbilde fra siden).
Utvikling av et lett sted
Hvis brukerne ønsker innhold, må vi gi det til dem og gjøre det fort. Hastighet betyr noe. Side oppgivelse går dramatisk opp for hvert sekund tar en side å laste.
For å unngå forlatelse implementerte vi en innholdsfeed som gjør ajax-samtaler for å laste innholdet ved vertikale rulleavstander. Dette reduserte sidetilpasningstiden dramatisk (i vårt tilfelle med 400%) og bidro til å redusere nettstedets avvisningshastighet med 30%.
Gjør deling fremtredende
En sosial medieanalyse viste at foreldrene elsket å dele Youthletic-artikler. På forrige design var deling aktivert, men den var bare tilgjengelig på ett område av historisiden.
Men deling er omtanke. Med artikkelsider i det nye designet kan foreldrene dele fra 3 separate steder, og delingskapasiteten var allsidig. Chartbeat data antyder at brukerne vil dele innhold uten å lese det, slik at det nye designet også tillot brukere å dele uten å gå inn i en artikkel.
Gi brukere andre muligheter for navigering i tillegg til den øverste navlinjen
Gjennom Google Analytics og Google Tag Manager visste vi at brukerne ikke brukte den øverste navigasjonen veldig ofte, og dermed forkortet besøkslengden på nettstedet og økende avvisningsfrekvens. For å motvirke dette, har vi lagt til forfatter-, sport- og kategori-tagging for lettere tilgang til informasjon brukere kan være interessert i. Ikke bare ga dette ekstra midler for brukerne å reise rundt på nettstedet, organisert det mer pent vårt innhold i CMS og gjorde det lettere å gi brukerne relatert innhold.
Tagaktivitet har blitt brukt mer og mer siden implementeringen, og vi forventer at denne trenden fortsetter ettersom brukerne blir mer kjent med det nye designet.
4. Endre definisjonen av "suksess"
Sett på forventningene fra et høyere nivå var nettstedets opprinnelige mål feil. De ble drevet av registreringer og andre bullshit beregninger - sidevisninger, sidebesøk, sider per besøk, etc.
Vi ønsket å måle kvalitet over kvantitet.
Vi planlegger fremtiden og legger grunnlaget for resten av Scripps-organisasjonen (YLs morselskap). Vi visste at selskaper som kjøpte reklame snart ville få til det faktum at områdestatistikker ofte var misvisende og ikke målte kvaliteten. Modellert etter Mellomtidens totale tidsmetall Vi begynte å samle brukerdata som rulleavstand på artikkelsidene og besøke dybden. Når vi samlet informasjon, var vi i stand til å etablere realistiske, relative mål mens vi lærte om brukernes erfaringer.
Går videre
Nye utfordringer oppstår hver dag ettersom vi fortsetter å bygge produktet ut. Lokal ungdomssporter vil fortsatt være et stort fokus og mulighet, men innholdet vil også være en drivkraft. Veibeskrivelsen inkluderer ny funksjonalisering, en mobil applikasjon og fortsatt vekst mot å skape en kvalitetsbrukeropplevelse, så det kan være oppdateringer når vi fortsetter.