Annons

Utvecklingsbloggen

Johan Silfversten Bergman

Johan Silfversten Bergman

Förra veckan lanserade vi Svenska Dagbladets nya mobilsajt. Det har varit en fantastiskt roligt projekt och jag tänkte presentera några delar av vår redesign lite närmare här. Har du synpunkter på den nya sajten, hejarop eller burop, så får du gärna fylla i ett enkelt formulär som du hittar här.

Utvecklingsteamet som jobbat med sajten är Calle Österlind, Simon Larsson, Daniel Halldin, Robert Borowiec, Olle Morén, Alexis Fellenius (Oktavilla), Lars Wästfelt (Oktavilla), Johan Simonsson (Mobiletech), Oskar Kungberg (Mobiletech) och projektledare Johan Silfversten Bergman.

 


1) Förstasidan
Den nya sajten har tydligt nyhetsprioriterad förstasida. Det syns vad som är den viktigaste nyheten just nu och vi har också möjlighet att växla upp till en större topp om nyhetsläget kräver så. Under nyhetstoppen följer ett klassisk nyhetslöp där puffar blandas med boxar med senaste nytt, börs, mest läst och servicetjänster som trafik och väder. En bit ned på sidan bryter vi av med ”Nyheter i bilder” där läsaren snabbt kan svepa igenom ett nyhetsblock med bilder och nyhetsklipp.

Längst ned på förstasidan och under alla artiklar kan läsaren också bläddra igenom de senaste nyheterna från SvD:s olika huvudavdelningar. Under artiklarna fungerar ”boxen” egentligen som en komprimerad förstasida. Anpassad både för dem som är mitt inne i en nyhetsloop på sidan och för dem som kommer direkt till en artikel från Facebook eller Google.

2) Huvudsektionerna
Varje huvudsektion fått ett eget sidhuvud och ett utseende som bättre matchar dess innehåll. Nyhetsintensiva avdelningar som Sport har tillexempel fått en snabbare layout än mer featurebetonade Bostad. Den tidigare sajten gjorde ingen större skillnad mellan sektioner och förstasidan vilket gjorde att det ibland var svårt att veta var på sajten man befann sig. Genom att varje artikel numera tillhör en hemsektion blir det lättare för läsaren att navigera tillbaka till sektionen eller upptäcka ämnesrelaterat material under artikeln. Precis som på SvD.se har vi på det här sättet också fått flera sajter i sajten. Alla med egna ”förstasidor” och nyhetsprioriterade löp.

 

3) Form
Vår gamla sajt hade få visuella beröringspunkter med den moderna tidningen Svenska Dagbladet. Färger, typsnitt och namn skilde mobilen från www-sajten och papperstidningen. Vi heter numera även Svenska Dagbladet i mobilen och våra huvudsektioner har fått sina vanliga logotyper. I rubrikerna använder vi SvD:s egna typsnitt Sueca som precis som färgerna känns igen från webb och tidning. Så vitt jag vet vet är vi också den första svenska tidningen som lyfter in sitt egna typsnitt på mobilsajten.

4) Olika innehållstyper
Precis som vi vill att det ska vara tydligt var på sajten läsaren befinner sig vill vi att vårt innehåll ska presenteras på ett tydligt vis. En kolumn ska exempelvis snabbt identifiera sig som just en kolumn och en ledare ska inte se likadan ut som en nyhetsartikel. När det gäller visuellt material som bildspel och webb-tv har vi, precis som på desktopsajten, arbetat med en svart/vit färgskala för att sätta bildmaterialet mer i fokus.

 

5) En mer lättläst sajt
Som många andra mobilsajter var vår gamla mobilsajt stundtals inte helt enkel att läsa. Typsnittet på förstasidan var litet och i artiklarna gick texten nästan ända ut till skärmkanten. För att förbättra läsupplevelsen har vi därför flyttat in marginalerna och bytt ut samtliga typsnitt i brödtext, ingress och rubrik. Redaktörerna kan också välja att variera texterna med flödade citat och faktarutor. Artiklar kan också byggas ut med inrelaterade bildspel, webbtv-klipp eller ”artikelblock” som redaktörerna kan redigera mer på fri hand. Vi anpassar också sajt, bilder och artiklar för de som väljer att läsa med telefonen i landskapsläge. Alla läsare som har en Iphone med en retinaskärm får dessutom speciellt anpassad grafik och högupplösta bilder.

Relaterade länkar till artikeln, större faktarutor och delalänkar har vi placerat längst ned. För att spara laddningstid (och en hela massa requests till Facebook och Twitter) laddas dessa knappar endast när läsaren klickar på dela.

6) Lättare att söka
Den tidigare sökfunktionen var mycket enkel och ganska begränsad. Inför redesignen ville vi därför ta ett större grepp på sajtens sök. Det är nu både möjligt att fritextsöka eller filtrera fram önskat resultat med hjälp av exempelvis nyhetstyp och tidsspann. Sökresultatet uppdateras allt eftersom du lägger till eller tar bort sökbegränsningar. Snabbt, enkelt och snyggt.

 

7) Bättre live
Vi på SvD rapporterar allt mer och allt oftare nyheter live. Därför känns det otroligt roligt att våra uppskattade liverapporter och chattar nu har tagit steget fullt ut i mobilen. Borta är gamla fulfixar och tråkig standardlayout – alla uppdateringar som våra reportrar och redaktörer gör når dig som läsare direkt.