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.

Matig mediekonferens

Omvärld Det är inte lätt att välja rätt i det stora utbud av konferenser man exponeras för. Det som i programmet ser ut att vara en spännande talare med ett intressant ämne kan vara mässande om självklara saker. Det som ser ut som en anonym medieboss från en tysk storkoncern visar sig vara kloka reflektioner och inspirerande strategier som passar rakt in i mitt område.

Som ni förstår lyckades jag pricka rätt i programmet den här gången. Wan/Ifra-konferensen Dagsvara (märkligt namn, ja men det lär har en förklaring) lyckades skapa ett kompakt och konkret program.

Först ut var Georg Konjovic från tyska mediekoncernen Axel Springer. Den för branschens avgörande frågan huruvida tryckta produkter kommer överleva, besvarade han med: ”Vi bygger vårt varumärke på innehåll, huruvida print överlever eller inte spelar inte oss någon roll. Det kommer alltid finnas behov av kvalitetsinnehåll.”

Det framtida problemet är inte tidningarnas överlevnad utan det är nya aktörer som tar redaktörens roll, exempelvis Zite och Flipboard.

Axel Springer med stora kända varumärken som Bild och Die Welt möter utmaningarna med sin egen variant av aggregeringstjänst – http://myeditionapp.de/

Ett annat inspirerande inslag från första dagen var den Slovakiska initiativet Pianomedia. Det är ett gemensamt betalparaply för alla landets tidningar. En inloggning och en betalning ger tillgång till flera tidningar och intäkterna delas efter hur väl de är besökta. Systemet verkar mycket flexibelt och en enskilde utgivaren avgör själv vad de vill ta betalt för. Det är till exempel tidningar som tar betalt för möjligheten att kunna kommentera artiklar, berättar Tomas Bella, CEO, Piano Media Slovakia.

Tyvärr missade jag avslutningen på torsdagen där Christoffer Larsson skulle berätta om VK:s övergång till WordPress som publiceringsverktyg för webben.

Det fanns ett konkret fokus för alla seminarierna och mycket att ta med hem. Torsdagens tema om juridik och pressetik i de sociala medierna samt utmaningar angående källskydd och molntjänster skapade en hel del tankar hos deltagarna. PO Ola Sigvardsson är tydlig när han vill att det norska beslutet att låta personliga inlägg i sociala medier också ska omfattas av det pressetiska systemet när de görs i anslutning till yrkesrollen, också ska gälla i Sverige. Claes Magnusson och Fredrik Strömberg hade helt olika ingångar på möjligheterna och farorna med att flytta allt fler redaktionella system till molnet. De var dock eniga om att det viktigaste är att skriva avtal som täcker behovet av säkerhet och ägarskap över datat.

Men det är en föränderlig tid och därför är Claes Magnussons slutråd alltid värt att ha i minnet: ”Det viktigaste inte att tänka rätt eller tänka fritt utan att kunna tänka om.”

 

 

Ny artikeldesign på SvD.se

Redesign I dag har vi släppt ut nyheterna kring artiklarna som vi tidigare berättat om. En del av detta lanserade vi redan under gårdagen, men det återstod några saker som vi kompletterat i dag. Nyheterna är i korthet:

  • rubrik som går ut över hela artikelbredden
  • ingressen ovanför bilden
  • ny Toppnyheter-ruta längst upp i högerspalten
  • alla relaterade länkar samlade i botten av artikeln
  • tydligare information om våra kommenteringsregler
  • vid långa artiklar följer Mest läst-rutan från högerspalten med till artikelns slut
  • ny SvD Utvalt-låda under alla artiklar med det viktigaste från nyheter, opinion och feature

Annonsvisningarna i botten av artiklarna är fortfarande inte helt klar. I några fall, särskilt vid mycket korta artiklar, kan det se väldigt konstigt ut och det är något vi tyvärr inte kan åtgärda förrän nästa vecka.

Vårt mål är att höja upplevelsen av artiklarna och att det ska bli lättare att hitta vidare från artikeln till andra intressanta artiklar. Vad tycker du? Mejla eller kommentera gärna om du har frågor eller synpunkter.

Vänsterinvit till Miljöpartiet

Inför Miljöpartiets kongress i helgen kommer Vänsterpartiledaren Jonas Sjöstedt med en invit till ett nära samarbete i en framtida regering.

Första Harry Potter-boken gick för miljon

välgörenhet

Avslöjar hur quidditch kom till.

”Helt ny definition
av psykisk sjukdom”

Överläkare:

Måste ha klinisk relevans

Le Pen hyllar självmord i kyrka

Protest

Extremhögeraktivist sköt sig i Notre Dame.

”Droger kriminella , inte missbrukare”

BRÄNNPUNKT

MP: Bör skrivas i partiprogram.

7 kommenterar