SVD Offert - Bästa sättet att få offerter.

Få offerter från tusentals kvalitetssäkrade företag - snabbt, enkelt och tryggt.

POPULÄRAST  JUST  NU:

SvD i samarbete med

Veckans utveckling på SvD.se

Utveckling Flitens lampa fortsätter lysa starkt över utvecklingsavdelningen på SvD.se. Veckans deploy innehöll flera småfixar, några nya funktioner samt de första delarna av ett par större projekt som vi kommer att ha anledning att återkomma till.

Här följer en kort sammanfattning av nyheter och förändringar på SvD.se för senaste veckan. Veckans deploy innehöll 22 förändringar varav några av de viktigaste var:

  • Möjlighet att länka in tabeller från Scoreradar.
  • Ny integration av Servicefinder-widget.
  • Förbättrad länkhantering för redaktörerna på SvD.se.
  • Trimmad och förbättrad förhandsgranskning för puffar som ska visas på Aftonbladet.se.
  • Artiklar som inte är mobile friendly visas inte längre ut som relaterade artiklar på mobilsajten.

Erfarenheter från ett hackathon

Övrigt I helgen deltog ett litet team från Svenska Dagbladet i Sveriges första hackathon i datajournalistik. Uppdraget var att på 24 timmar producera databasjournalistik med hjälp av Stockholm stads öppna API:er. Hackathonet anordnades av föreningen Fajk tillsammans med Södertörns högskola och totalt deltog 33 journalister från bland annat SR, SVT, Lärarnas Tidning, TV4, Helsingin Sanomat och Aftonbladet.

Vi i teamet från SvD bestämde oss ganska tidigt för att vi ville bygga någonting som kombinerade officiell öppen data med användargenererad data. Valet föll ganska snabbt på uppgifterna från SvD:s framgångsrika räntekarta, kunde vi genom att jämföra med data från Stockholms stad se några mönster i vilka de riktiga vinnarna i ränterejset var? Hur såg utbildningsnivån, inkomsterna, kvadratmeterpriser och valresultatet ut i stadsdelarna med bäst ränteförhandlare? Vilket är vinnarreceptet och finns det några förlorare?

I team SvD deltog Simon Larsson (från SvD utveckling), Mark Malmström (SvD Näringsliv) och Jenny Alvén och Peter Grensund (SvD grafik). Här nedan kan du se ett klipp från vår presentation.

YouTube Preview Image

Processen fram till det som kom att bli vårt slutgiltiga resultat var ganska lång och komplex. Mycket av arbetet vi gjorde syntes heller inte i produkten vi presenterade. På grund av vårt valda urval fick vi exempelvis välja bort data vi lagt mycket tid på att behandla, och det vi tänkt rita ut med automatik ritades tillsist ut för hand efter ett hästjobb av SvD:s Jenny Alvén. Tanken var från början att helt enkelt generera grafiken från live-data med hjälp av SVG-biblioteket D3, men då komplexiteten på diagrammen ökade och klockan började bli kväll föll vi tillbaka på beprövad 90-talsteknik: statiska bilder som byts ut med javascript när man för musen över vissa ytor.

Även om slutresultatet inte riktigt nådde den tekniska och innovativa verkshöjd vi hade önskat var vi alla överens om att det stora värdet i hacket låg i erfarenheterna vi kunde resa hem med. Det är helt enkelt väldigt värdefullt att kastas in i en obekant miljö med personer man vanligtvis inte samarbetar med.

Det jag själv framförallt tog med mig från helgen var:

* Våga mera. Ställd inför tävlingsmomentet föll vår grupp tillbaka i en ganska klassisk journalistisk approach på uppgiften och problemet.

* Var inte rädd för att kasta allt och börja om, vi hade haft mycket att vinna genom att göra en Ice-T och säga fuck it. Och på så sätt hitta nya vägar.

* Ett journalistiskt arbetssätt behöver inte alltid mynna ut i en klassisk journalistisk produkt. Kanske hade presentationen kunnat vara ett spel, ett pussel eller som i SVT:s fall, ett quiz?

* Att para ihop stadsdelar med postnummer är en riktigt tidsödande uppgift…

Har du förslag på datajournalistik SvD borde göra? Kommentarerna står till ditt förfogande!

Veckans utveckling på SvD.se

Utveckling Efter lanseringen av Nliv.se har utvecklingsavdelningen haft en hel del ärenden som är direkt kopplade till lanseringen, dvs olika former av justeringar och kompletteringar. Men så småningom börjar vi komma in i en lite mer normal utvecklingsfas. Det är några större lanseringar planerade, men just nu kommer vi fortsätta beta av små nyheter och sådana saker som väntat ett tag eftersom nliv.se-lanseringen tig all kraft.

Här kommer en kort sammanfattning av nyheter och förändringar på SvD.se för de två senaste veckorna.

Dessa två veckors deploy innehöll 50 förändringar varav några av de viktigare är:

I stort sett varje vecka genomförs en deploy där vi installerar ny kod för olika funktioner på SvD.se. En del av detta berör bara interna system som du som läsare aldrig ser eller rör delar av pågående större ärenden. Här ovan redovisas bara de viktigaste av veckans genomförda förändringar.

Nliv.se – ny teknik bakom skalet del 1

Utveckling Första veckan med nliv är avklarad utan större buggar. Backloggen innehåller fortfarande en hel del fix, som utvecklarna håller på att beta av, men lanseringen gick sammanfattningsvis väldigt smidigt. Det beror till stor del på att vi byggt vidare på beprövad teknik och struktur. Mycket av nya nliv.se baseras på det ramverk vi tog fram för SvD.se i mars 2011. Vi använder samma Escenicversion (4.3-8) som tidigare och planerar uppgradering av den först senare under året.

 

Under starten av projektet fanns det starka önskemål att vi skulle bygga den på ett responsivt ramverk så att sajten anpassades direkt till den browser användaren hade, men vi valde bort det, mest för att det skulle förlänga projektet.

En av de saker där vi byggt en hel del nytt gäller livebloggen. Inspirationen till denna lösning kommer framför allt från Guardian, men fler andra har också olika former av regelbunden livebevakning. Det är en utmaning för redaktionen att hantera en sådan daglig bevakning och kräver ett enkelt och smidigt gränssnitt. Det var också en utmaning att hitta ett verktyg som vi på lämpligt sätt kunde integrera i vår miljö.

Vi valde en lösning som bygger på ett externt chattverktyg från Netdialog, som vi redan använde på redaktionen, för direktbevakning och chattar. Det innehåller en enkel meddelandehanterare där man publicerar korta meddelanden som vi kan visa upp på SvD.se genom en iframe. Det nya var att vi skapade en helt ny, tätare integrering som innebar förändringar både på vår sida och på Netdialogs sida.

Jag bad systemutvecklaren Daniel Halldin svara på några frågor om lösningen:

Vad är nytt i lösningen?
– Jag har gjort en integration mot Netdialog i front-end och mot back-end. Vi valde bort det enkla spåret att använda Netdialogs standard iframes-lösning. Anledningen till detta var att vi ville ha full frihet vad gäller design, läsarupplevelse och även kunna ha samma presentation av datat när väl live-bloggen arkiverats.

Hur fungerar det?
– För att få så snabb uppdatering som möjligt byggde jag tjänsten så att client-browsern kan kommunicera direkt med Netdialogs api via JSONP (JSON with padding), alltså inte via SvD:s backend. Jag byggde funktioner för att hantera nya inlägg, uppdaterade och borttagna inlägg för ett antal olika innehållstyper, som inlägg från redaktör, läsarfrågor med svar, integrering av tweets, bild och video. I dagsläget har tjänsten en uppdateringsfrekvens på 5 sekunder, vilket upplevs som väldigt direkt.

För att kunna gå över från liveblogg-läge (där texten ständigt uppdateras) till text-läge (arkiv, där texten ingår i html-sidan och kan indexeras av Google och vår egen sökmotor) behövde vi bygga en funktion för att spara ner datat i artikeln.

Daniel förklarar här hur den lösningen är gjord:
– Jag byggde en event-lyssnare i java. Lyssnaren håller koll på när en liveblogg-artikel markeras som stängd. När det händer, laddas datat som tidigare levererats av Netdialog ner och sparas i artikeln. Livebloggen växar då läge från att presentera datat med javascript till att visa en back-end-genererad presentation.

Nu när livebloggen är lanserad kommer vi skapa motsvarande integrering mot chattar och direktrapporter på SvD.se. Netdialog kommer också släppa en mobilapp så att redaktören kan uppdatera via mobilen. Ett grundkrav från början var att livebloggen skulle vara tätt integrerad mot sociala medier. Vi har möjlighet att inkludera tweets i liveflödet och vi har också möjlighet att från Netdialogs verktyg samtidigt skicka ut inlägg både i liveblogg och på twitter.

I inledningen av projektet utvärderade jag flera olika verktyg som kunde vara lämpliga för denna lösning:

  • Befintliga cms (Escenic, Newspilot) – föll på att de inte är konstruerade för den här typen av korta meddelanden som ska fogas samman i ett flöde.
  • WordPress – också i grunden lik de ovan nämnda. För varje nytt inlägg måste man 1) Skapa nytt inlägg, 2) Skriva rubrik och ingress och 3) Publicera. Det är för många steg när man bara ska publicera många små korta meddelanden.
  • Twitter – till strukturen likt det vi ville komma åt, men inte gjort för liveblogg och man är helt begränsad till 140 tecken per inlägg.
  • Storify – har sina styrkor framför allt i kopplingen till sociala medier och möjligheten att integrera olika typer av innehåll, men API:et är begränsat, vi kan bara spegla innehållet från Storify, inte integrera det i vår back-end. SvD använder Storify aktivt i flera granskningar ex #skolmatskollen och #fultaxi.

Under projektets gång snubblade jag också över Scribble live, som jag ännu inte hunnit utvärdera. Jag har också noterat att UNT kör regelbundna liverapporter på ett egenutvecklat verktyg. Jag valde bort Cover it live (som bla Aftonbladet använder) för att jag bedömde det likartat med Netdialog och tidigare har det inte varit ett prismässigt intressant alternativ.

Det finns ytterligare några nyheter bakom skalet som vi tänker berätta om i kommande inlägg på Utvecklingsbloggen

 

 

Snabb design för affärstidningsläsaren

”Design is not what it looks like. It’s how it works”, så sa gurun Steve Jobs.

Hur ska egentligen en affärssajt funka? Vad är viktigt att tänka på i en design av en affärssajt? Och varför inte göra den attraktiv på samma gång?

Snabb, snabbare, snabbast var de viktigaste ledorden. Det är en självklarhet att vara snabb i nyhetsförmedling men i det begreppet fanns även strävan att kommunicera tydligare och att ge snabbare signaler om vad som är viktigast, här och nu.

Det nya designkonceptet för SvD Näringsliv.se är bland annat ett nytt sätt att strukturera startsidan och sortera informationen och ett snabbt sätt att visa börsen i realtid högst upp på sajten. Startsidan har fokus på att visuellt och kraftfullt presentera de stora händelserna och samtidigt lyfta fram sajtens stora innehåll i lättöverskådliga ämnesboxar.

Upplev själv hur den nya affärssajten på www.nliv.se ser ut…

Den nya designen ska lyfta siffrorna, vara mer användarvänlig och ge en kontrastrik, lättöverskådlig design som snabbt går att scanna av. Det gör vi bland annat med vårt eget typsnitt Sueca web, i sans, Sueca Headline Sans. SvD har utvecklat sitt eget typsnitt för webb med typsnittformgivaren Mário Feliciano på Feliciano Type Foundry i Portugal.

En avgörande faktor i all utveckling är ett bra lag. Designlaget bestod av Mark Porter, brittisk designkonsult som bland annat utvecklat The Guardian (digitalt & på papper), samt Lars Wästfelt, Martin Lissmyr och Gustaf Forslund på webbyrån Oktavilla. Vi har också fått viktig feedback från riktiga användare så även denna gång har processen skett i samspel med våra trogna läsare.

Vi har skapat en attraktiv affärssajt och jag säger som skådespelerskan Audrey Hepburn: ”I believe in Pink”.

Anna Thurfjell

Fakta Designpriser

Svenska Dagbladet har stoltheten över att ha hedrats med över 100 designpriser mellan 2005-2012 varav de mest prestigefyllda designpriserna är: World’s Best Designed 2005 av SND, Europe’s Best Designed Newspaper av ENC 2009 och i år utsåg SND Svenska Dagbladet till: Best in Show: och vi hamnade i riktigt fint sällskap i kategorin ”Tablet experience” i tävlingen SND Best Of Digital Design:
Redesignen av SvD.se som lanserades i fjol har hedrats med flera prestigefyllda designpriser, bl a en Award Of Excellence från The European Newspaper Competition och en silvermedalj från Svenska Designpriset.

 

 

Webben stagnerar

Trender En trend som sedan ett tag varit tydlig för oss, men som idag visade sig vara generell, kan illustreras så här:

 

Genom att slå samman besökssiffrorna från landets tio största nyhetssajter (se förteckningen nedan) bekräftas tesen: Webben har stagnerat som plattform. Den aktuella trafiktillväxten sker bara på mobilsajter och genom mobila terminaler. Siffrorna är helt offentliga och kan laddas ner från KIA-index.

Uppdaterat: Som många av läsarna påpekar i kommentarerna nedan är det inte webben generellt som stagnerar. Jag har använt webben (kanske lite slarvigt) i den betydelse vi ofta använder den inom min bransch, som en beteckning på vår webbsida, skilt från andra ”kanaler” där vi publicerar nyheter som mobilsajten eller våra appar. Men mycket riktigt är det samma internet alla använder och där ser vi en fortsatt stark tillväxt. Intresset för att ta del av nyheter, information och underhållning via digitala kanaler fortsätter öka.

Dipparna i kurvan visar sommar- och jultrafik. Peaken i början av 2011, beror på tsunamin i Japan och när man ser på den gula kurvan ser man att tidningarnas webbsajter inte har haft högre trafik sedan dess. Nya toppnoteringar från början av det här året (se den blå kurvan) beror helt på tillväxten i mobiltrafik.

Trenden är tydlig, så nästa fråga är hur vi på medieföretagen hanterar den.

  • vi har nått det antal besökare vi kan nå på webbsajterna – hur flyttar vi fokus från att kasta in till att ta hand om de besökare vi har?
  • ska vi börja utveckla sajter och tjänster efter en mer mogen publik?
  • har säljavdelningen och mediebyråerna sett potentialen i de mobila kanalerna?
  • var lägger vi utvecklingsfokus – webben eller de mobila kanalerna?

Sajternas besökssiffor redovisas i KIA-index som unika besökare, sidvisningar och besök. För den här jämförelsen tycker jag det är mest relevant att använda antalet besök. Det speglar över tid bättre intresset för att besöka en sajt oavsett hur man besöker den. Antalet sidvisningar varierar för respektive sajt och under vissa tider räknade många nyhetssajter automatiska omladdningar.

I och med att alla inte separat redovisar sin mobiltrafik finns det ett stort antal mobila besökare som ligger på den gula kurvan i diagrammet, så skillnaden blir större i verkligheten. Under 2009 började sajterna separat redovisa trafiken på sina mobilsajter.

Fotnot: I kurvorna ovan ingår bara de tio största dagstidningarnas webbsiffror (Metro undantagen, då den inte redovisas på KIA). Följande sajter från KIA-listan ingår: Aftonbladet, Expressen, DN, SvD, DI, GP, Sydsvenskan, HD, VK och UNT. Följande redovisar separat sina mobilsajter: Aftonbladet, Expressen, DN, SvD och Sydsvenskan.

Ett år med nya SvD.se

Redesign I helgen är det precis ett år sedan läsarna mötte en helt omgjord SvD.se. Lanseringen skedde den 17 mars efter ett halvårs intensivt projektarbete och togs oerhört väl emot av läsarna.
Det vi då lanserade var i alla delar en design och struktur som helt skilde sig från föregångaren. Utseendemässigt knöt vi an till papperstidningen med att bland annat använda samma typsnitt. Funktionsmässigt är vi en sajt som är snabb och dynamisk, vilket inte minst årets stora mediehändelser visat att vi kan hantera, med olika layouter anpassade för olika nyhetslägen.

SvD.se kl 13.00 den 16/3 2011 och 2012. Den gamla sajten till vänster.

Sydsvenskan var föregångaren i Sverige, men vi tog konceptet vidare och förstärkte det. Jag hade nog förväntat mig att fler skulle gå den vägen. DN.se som lanserade sin nya sajt i oktober 2011 följde mer det traditionella spåret med ett långt nyhetslöp. Det intressanta är att läsarna nu har lite tydligare alternativ att välja mellan. Alla sajter ser inte likadana ut och det är lättare att välja sin favorit.

Det har på många sätt varit ett framgångsrikt år för SvD.se. Vi fortsätter att attrahera allt fler läsare, vi fick en silvermedalj i Svenska Designpriset och utsågs av TU och Medievärlden till Årets dagstidning digitala medier.

Trafikutvecklingen på SvD.se i unika besökare per vecka, redovisat som medeltal per vecka för kvartalet.

Men vi ligger inte på latsidan. Varje veckas utveckling brukar jag redogöra för här på Utvecklingsbloggen. En av de större förändringarna var en redesign av artikelsidan som vi lanserade tidigare i våras. De viktigaste syftet med den var att göra det enklare och tydligare för läsarna att hitta intressant merläsning som hängde samman med artikeln.

Den absolut vanligaste kritiken från läsarna gäller annonserna. De som hör av sig menar att de stör läsningen, tar upp för stor del av sidan och slöar ner sidladdningen. Sammantaget var den här kritiken mycket starkare för 3-4 år sedan. Flera har i dag större skärmar och snabbare datorer. För oss är annonserna i dagsläget den enda intäktskällan och livsviktiga för att vi ska nå ut med nyheterna. Och det sker ett ständigt utvecklingsarbete även på annonssidan, för inte heller annonsörerna vill ha missnöjda läsare.

Den stora utmaningen när det gäller utformning av en nyhetssajt är att få läsarna att stanna kvar och trivas. Affärsmodellen med annonser är beroende av att många läsare besöker många sidor. Ett av huvudmålet för den nya SvD.se var också att öka det talet. Där har vi tyvärr inte lyckats fullt ut, och inte heller i den senaste artikelredesignen har det måttet nämnvärt påverkats. Analysen hittills tyder på att vi lyckas nå många nya läsare, men vi lyckas ännu inte få dem att stanna kvar i den utsträckning vi vill. Huvudorsaken till detta tror jag är den ökade splittringen på mediemarknaden och i människors liv. Med flera nya tjänster (ex Facebook, spel) som konkurrerar om dygnets timmar, kommer utmaningen för alla oss i den här branschen att kvarstå.

Det mest intressanta som hänt i webbdesign under året som gått tycker jag är VK.se:s omgörning, men där ligger den stora innovationen inte i design och struktur utan i det CMS man valt, WordPress. Den utvecklingen är mycket intressant att följa. Sveriges största nyhetssajt Aftonbladet har med sin tydliga position lite svårare att komma ur startgroparna när det gäller lansering av ny design. En redesign har varit på väg ganska länge men än har inga större nyheter mött läsarna, annat än i deras egen redesignblogg.

Det har pratats mycket om responsive design under året, men än har inga svenska nyhetssajter följt det spåret. Boston Globe är en av de internationella sajter som varit vägledande på det området. För att den utvecklingen ska ta fart här tror jag det krävs en större mognad hos annonsörerna och innovation på annonsområdet.

Just nu håller vi på med design och teknikutveckling av den nya ekonomisajten som ska ersätta E24. Andra saker som händer under året på SvD.se är en uppgradering av vårt CMS till Escenic 5.4 och en bättre mobilsajt. Den nya ekonomisajten kommer i vissa delar vara väldigt lik den design vi tagit fram för SvD.se, men i andra delar skilja sig en hel del. Det många pratar om nu är att ta betalt på nätet, en utveckling som vi självklart också måste förhålla oss till.

Tack för att du besöker SvD.se och fortsätt hör av dig med synpunkter och förslag till hur vi ska bli ännu bättre.

Veckans utveckling (v7-8)

Utveckling Här kommer en kort sammanfattning av nyheter och förändringar på SvD.se de senaste två veckorna. Utvecklingsavdelningen går nu in i en period med mer intensivt arbete med den nya ekonomisajten som ska lanseras senare, därför kommer vi under en period inte lansera lika många förändringar varje vecka.

Veckans deploy innehöll 20 förändringar varav de viktigaste är:

Varje vecka genomförs en deploy där vi installerar ny kod för olika funktioner på SvD.se. En del av detta berör bara interna system som du som läsare aldrig ser, eller rör delar av pågående större ärenden. Här ovan redovisas bara de viktigaste av veckans genomförda förändringar.

 

 

Veckans utveckling (v. 6)

Utveckling Här kommer en kort sammanfattning av nyheter och förändringar på SvD.se den senaste veckan. Veckans deploy innehöll 16 förändringar varav de viktigaste är:

  • Möjligheten att göra outsider-annonsen sticky
  • Fixat annonsbuggar i bildspelen
  • Justering i SvD Utvalt under artiklarna så att den inte kommer med vis utskrift
  • Länksidor visar mer än bara rubriken

Varje vecka genomförs en deploy där vi installerar ny kod för olika funktioner på SvD.se. En del av detta berör bara interna system som du som läsare aldrig ser eller rör delar av pågående större ärenden. Här ovan redovisas bara de viktigaste av veckans genomförda förändringar.

Fem veckors utveckling på SvD.se

Utveckling På grund av arbetet med förändringarna av artiklarna har jag inte redovisat vecka för vecka den utveckling som gjorts på SvD.se. Här kommer därför en kort sammanfattning av de åtgärder som lanserats hittills under 2012.

Under årets första veckor har 42 olika ärenden åtgärdats och lanserats på SvD.se, varav de viktigaste är:

  • Nya Facebook-subscribe och Twitter-följ-knappar i byline.
  • Ny artikellayout med bla rubrik och ingress på bredare utrymme
  • Ny presentation av artikellänkar under vinjetten ”Mer i samma ämne” sist i artikeln
  • Toppnyheter för sektionen överst i högerspalten
  • Expanderbar faktaruta
  • SvD Utvalt under artiklarna
  • Sticky Mest läst-ruta i artikelns högerspalt
  • Ny layout för annonser under artikeln
  • Justering för annonser i bildspelen
  • Justerat bugg i bild-sprite
  • Uppdaterat fonter för åäö och diakritiska tecken

I princip varje vecka genomförs en deploy där vi installerar ny kod för olika funktioner på SvD.se. En del av detta berör bara interna system som du som läsare aldrig ser eller rör delar av pågående större ärenden. Här ovan redovisas bara de viktigaste av veckans genomförda förändringar.