Hvordan vi redesignede Youthletic.Com
Et ensartet træk blandt digitale produkter, der har modstået tidstesten, er tilpasning. Tilpasning til nye teknologier. Tilpasning til nye enheder. Og tilpasning til brugere (hovedsagelig brugeroplevelse forskning og analyse).
Youthletic begyndte som opbevaringssted for ungdomsorganisationsdata, der målrettede mod både forældre og organisationer. For forældre var stedet beregnet til at være en one-stop-shop for at søge og registrere deres børn til ungdomsorganisationer. For organisationer skulle webstedet være et nemt sted for trænere og gruppeledere at indsamle registreringer, betalinger og information om børnene (dvs. allergier). I starten som en eftertanke tilføjede stedet en samling artikler om ungdomssporter og relevante emner.
Med den oprindelige plan kom der flere udfordringer:
- Projektet var afhængigt af ungdomsportorganisationens engagement og det viste sig at være vanskeligere end planlagt. De fleste ungdomsorganisationer drives af non-profit og frivillige, så kommunikation og udvikling af relationer er udfordrende.
- Organisationsdata er fragmenteret - indsamling og vedligeholdelse af data er en kedelig og tidskrævende proces.
- Der var juridiske forhindringer, når man accepterede betalinger og indsamlede oplysninger om børn. Mange forhindringer ville tage alvorlig tid og finansielle investeringer.
- Projektet var afhængigt af flere tredjeparts add-ons og tjenester, som f.eks. Betalingsbehandling. Mange af disse tredjeparter viste sig at være buggy og problematisk.
Webstedet behøvede forandring for yderligere at retfærdiggøre dets eksistens. Opretholdelse af lokalt fokus vil fortsat være en prioritet, men at udvide YL's nå til nationalt plan gennem indhold vil være et fremhævende fremskridt. Så her er hvor vi fokuserede vores indsats:
1. En parallel tilgang til indhold
Med organisationssøgning og registrering, der ikke har fået så meget trækkraft som oprindeligt forventet, blev der offentliggjort flere ungdoms sportsartikler for at holde webstedet aktivt. De siger "indhold er konge", og det viste sig at være tydeligt på Youthletic, som bevist af den direkte sammenhæng mellem antallet af udgivne artikler og webstedstrafik.
For at cementere forandringen yderligere var det faktum, at YLs moderselskab er et mediefirma i centrum, så flytningen til et indholdsfokus gav endnu mere mening.
2. Bliver agile
I første omgang var der en gruppe på fire, der skabte hele projektet: en virksomhedsejer, en projektleder, en UX / UI-designer og en back-end-udvikler. Arbejdsopdelingen blev strikt defineret, og projektet fulgte en vandfaldsmetode. Dette viste sig at være problematisk, da projektet var meningen at blive levendegjort hurtigt.
Vandfaldsmetodologi er ideel til nogle virksomheder og produkter, men problemet med en vandfaldsproces er, at projektet kræver opfyldelse af en fase, før man går videre til næste .
Ved at skifte til en fleksibel metode blev der opmuntret samarbejde mellem holdmedlemmer og tilladt for produktet at udvikle sig hurtigere.
3. Designe en bedre brugeroplevelse
Der var fire principper, som vi ønskede at sikre sig at blive korrekte, når vi designer en bedre brugeroplevelse:
Tænker mobil-først
Vi vidste, at et flertal af brugerne på webstedet havde adgang til webstedet på mobilenheder (ca. 65%). Mobil brug fortsætter med at vokse, så designet skal være konsistent og smukt på tværs af enheder. For at opnå dette anvendte vi hele webstedet, mobilvenlig navigation (et indlæg fra siden).
Udvikling af et let websted
Hvis brugere har brug for indhold, skal vi give det til dem og gøre det hurtigt. Hastighed betyder noget. Side overgivelse går dramatisk op for hvert sekund tager en side at indlæse.
For at undgå overladelse har vi implementeret et indholdsfeed, der laver ajax-opkald for at indlæse indhold ved lodrette rulleafstande. Dette reducerede sideindlæsningstiden dramatisk (i vores tilfælde med 400%) og bidrog til at reducere webstedets afvisningsprocent med 30%.
Gør deling fremtrædende
En socialmedieanalyse viste, at forældre elskede at dele Youthletic-artikler. På det foregående design blev deling aktiveret, men den var kun tilgængelig på et område af historisiden.
Men deling er omsorgsfuld. Med artikelsider i det nye design kunne forældrene dele fra 3 separate steder, og delingskapaciteter var uendelige. Chartbeat data tyder på, at brugere vil dele indhold uden at læse det, så det nye design tillod også brugere at dele uden at gå ind i en artikel.
Giver brugere andre navigeringsordninger udover den øverste navbjælke
Gennem Google Analytics og Google Tag Manager vidste vi, at brugerne ikke brugte den øverste navigation meget ofte, hvilket forkortede besøgsstedens længde og øger afvisningsfrekvensen. For at imødegå dette tilføjede vi forfatter, sport og kategori tagging for lettere adgang til information brugere kan være interesseret i. Ikke alene gjorde dette giver yderligere midler til brugere at rejse rundt på webstedet, det mere netop organiseret vores indhold i CMS og gjorde det nemmere at give brugerrelateret indhold.
Tagaktivitet er blevet brugt mere og mere siden implementeringen, og vi forventer, at denne tendens fortsætter, da brugerne bliver mere bekendt med det nye design.
4. Ændring af definitionen af "succes"
Ved at se på forventninger fra et højere niveau var webstedets oprindelige mål fejlbehæftet. De blev drevet af registreringer og andre bullshit metrics - sidevisninger, sidebesøg, sider pr. Besøg osv.
Vi ønskede at måle kvaliteten over mængden.
Planlægning for fremtiden og grundlaget for resten af Scripps-organisationen (YLs moderselskab) vidste vi, at virksomheder, der køber reklame, snart ville få fat i det faktum, at site-metrics ofte var vildledende og ikke måler kvalitet. Modelleret efter Mediums Total Time Reading-metrisk Vi begyndte at indsamle brugerdata som rulleafstand på artikelsider og besøge dybden. Da vi indsamlede oplysninger, kunne vi etablere realistiske, relative mål, mens vi lærte om brugernes oplevelser.
Bevæger sig fremad
Nye udfordringer opstår hver dag, da vi fortsætter med at bygge produktet ud. Lokale ungdomssporter vil fortsat være et stort fokus og muligheder, men indholdet vil også være en drivkraft. Køreplanen indeholder ny funktion implementering, en mobil applikation og fortsat vækst i retning af at skabe en høj kvalitet brugeroplevelse, så der kan være opdateringer, som vi fortsætter.