Nya vk.se

På allmän begäran publicerar jag här några skärmdumpar från gamla vk.se.

Klicka på bilderna nedan för att se fullstor version.

Startsidan

Artikel

Artikel - Nära 

Bättre eller sämre än nya vk.se? Lämna gärna en kommentar med synpunkter.

Sju sorger och många månader senare så är vi äntligen klara med nya vk.se! I april förra året skrev vi det första inlägget i denna blogg och därefter har det bara rullat på.

 Igår kväll la vi den sista committen till projektet och idag är sajten uppe och rullar. Om allt går som det kommer ni att kunna se en uppdaterad version av vk.se där vi skalat bort en hel del onödigt, rensat upp gammalt skräp och förhoppningsvis förbättrat upplevelsen för er som besöker sajten.

Som tidigare nämnts så är denna release egentligen ingen redesign. Fokus har till 95% legat på att flytta över vårt webbsystem till WordPress och därmed förbättra arbetsmiljön för våra redaktörer. 

Vad för nytt kan man då se när man besöker nya vk.se?

• Vänsterspalten har försvunnit.
  Den innehöll i princip bara gammalt material som ingen klickade på. Med spalten borta får vi en mindre rörig sida som ger en renare upplevelse.
• Mittspalten är breddad något till 480px.
• Senaste nytt flyttar ut i högerspalten.
• Artiklar får en ny, större layout där artikeln i sig dominerar sidan.
  Detta bland annat genom det nya stora bildformatet som går över spalt ett och två. tidigare har artiklar lätt "drunknat"  i alla spalter och puffar runtomkring, men nu ska det bli bättring på det.
• Artikelkommentarerna får en mer framträdande position.
  Bland annat så puffar vi för de senaste kommentarer till varje artikel högt upp på sidan.
• Vi passar även på att byta kommentarssystem och går över till Disqus.
  Detta innebär att vi nu har trådade kommentarer där man dessutom kan använda sitt Facebook- eller Twitterkonto för att logga in. Precis som tidigare är alla kommentarer förhandsmodererade.
• Prestanden är nu klart förbättrad.
  Tidigare version av vk.se var relativt seg och tungladdad. Nu har vi rensat, optimerat och tweakat vilket har resulterat i en mycket trevligare upplevelsen.
• Vi har bytt cache-server och kör nu en Varnish framför vk.se.
  Denna front-cache används bland annat av aftonbladet.se, vg.no och facebook.com.
• Utseendet för många funktioner har fått sig en rejäl makeover.
  Detta inkluderar bland annat Galleriet, Applåden och Tyck till.

Vad är det som saknas?

Tyvärr har vi inte hunnit med att bygga om alla delar av sajten. Vissa funktioner förändrar och förbättrar vi allt eftersom nya systemet hunnit sätta sig. Några exempel:

• Bloggartiklar kopplade till artiklar och startsidan saknas vid releasen. Förhoppningsvis får vi detta på plats inom kort.
• Familjesajten ligger kvar i det gamla systemet.
• Kalendern ligger kvar i det gamla systemet.
• Vissa kategorier har tillfälligt försvunnit för i framtiden relanseras.

Än en gång vill jag betona att de största förbättringarna med nya vk.se ligger under ytan och därför kanske det inte ser så mycket ut för världen. Förhoppningsvis upplevs ändå sajten som snabbare, rappare och enklare för alla er som besöker vk.se.

Så, vad tycker ni? Har vi missat något? Är något kanonbra? Är något uruselt? Har du hittat en bug? Har du andra synpunkter eller frågor?

Lämna gärna en kommentar till detta inlägg så ska jag försöka att besvara så mycket jag bara hinner.

Nu är det snart dags för release av nya vk.se. På allmän begäran kommer här några screenshots av hur det kommer att se ut.

Kom dock ihåg att detta INTE är någon egentlig redesign av befintliga vk.se. Läs mer om det här.

Klicka på bilderna för att se fullstor version. OBS! Bild och text på screenshotsen är oftast helt tagna ur sitt sammanhang och kan därför vara lite "konstiga". Precis som en Beta ska vara.

Startsidan i normal-läge (med en Extraplatta, såklart).

Startsidan med Superextraläget (ännu mer Extra!).

Artikelläge med stor bild och karta. 3 senaste kommentarerna visas högt uppe på sidan, resterande visas som vanligt under artikeln.

Artikel med en liten bild. Det går alltid att klicka på bildenra för att få en större version.

Sportettan.

Nytt bildgalleri med läsarnas bilder.

Applåden är en annan sida som får sig en liten uppfräschning.

 Det finns bra mycket mer att visa, men det får nog räcka föra denna gång.

Avslutningsvis så är det ni ser ovan fortfarande inte den 100% färdiga versionen. De sista veckorna innan release filar och tweaker vi en hel del för att få allt precis som vi vill ha det.

Vad tycker annars om det ni ser? Vårt mål var att bara "överföra" vk.se till WordPress, men självklart blev det ändå vissa små förändringar. Förhoppningsvis ska man känna igen sig i VK-stilen och inte bli allt för förvirrad vid första besöket på nya sajten.

Lämna gärna en kommentar med synpunkter!

Inte helt oväntat blir det en hel drös med plugins på nya vk.se. Här är en lista över vilka vi planerar att använda, och vad de ska användas till. De flesta plugin hittar du för nedladdning på http://wordpress.org/extend/plugins/

• Ambrosite Next/Previous Post Link Plus
  Till vårt galleri, bättre navigering för nästa/föregående bild.
• Article List Manager (Arlima)
  Vårt egenutvecklade plugin för att hantera startsidan och andra manuellt byggda artikellistor
• Disqus Comment System
  Kommentarshantering.
• Microkid's Related Posts
  Relaterade artiklar, flera till flera-koppling.
• Rocknroll-xmlrpc
  Egenskrivet plugin för import av extern material, t.ex. TT-telegram.
• Scissors Continued
  Beskär, rotera, och ändra storlek på bilder på ett MYCKET bättre sätt än det inbyggda. Fullt integrerat i VKPTE (se nedan).
• Solr for WordPress
  Koppling till Solr sökmotor.
• User Photo
  Bilder till författare/redaktörer.
• vk-import-post
  Import av posts från externa källor.
• vk-webbtv
  Koppling till vårt webbtv-arkiv.
• VK Category Box (vkcb)
  Egenutvecklat plugin för bättre hantering av koppling mellan kategorier och inlägg.
• VK Post Factbox (vkpf)
  Egenutvecklat plugin för faktarutor i inlägg.
• VK Post Thumbnail (VKPT)
  Egenutvecklat plugin. Bättre hantering av post thumbnails. Inkluderar ny ajaxuppladdning.
• VK Post Thumbnail Extended (VKPTE)
  Egenutvecklat plugin. Bättre hantering av post thumbnails. Bildtext, fotobyline, bildredigering med Scissors.
• VK User Content
  Egenutvecklat plugin. Hanterar allt inskickat material i form av insändare, tyck till, applåder etc. Custom post type.
• VK User Gallery
  Egenutvecklat plugin. Bildgalleri för inskickade läsarbilder.
  
• Wordpress varnish http purger
  Egenutvecklat plugin. Hanterar kopplingen mellan WordPress och vår front-cache (Varnish).
• WP-Polls
  Omröstningar för WordPress.
• WP No Category Base
  Skippa kategoribasen i dina URL:er.

Kanske har du nåt bra förslag på ett plugin som vi borde lägga till i listan? Lämna gärna en kommentar och tipsa oss!

Efter en lång tid av tystnad är det åter igen dags för en kort uppdatering av arbetet med nya vk.se.

Sedan sist har vi bland annat jobbat med detta:

• Användartestar av admingränssnittet.
• Avnvändartester av Arlima.
• Planering av serverstrukturer.
• Ny layout för artiklar.
• Hantering av schemalagda aktiviteter (import av webbtv, bloggar, etc).
• Ny hantering av utvalda bilder (mer om detta nedan).
• Och mycket, mycket mer.

Under de användartestar som genomförts har kraftig kritik riktats mot den inbyggda mediehanteringen i WordPress. Ord som "omständligt", "svårt att förstå", "värdelöst" och "idioti" användes flitigt. För att få en bättre hantering av de utvalda bilderna (post thumbnails) skissade vi därför tillsammans på hur man skulle vilja ha det.

Detta resulterade två nya plugins som arbetar tillsammans med ett befintligt:

• VK Post Thumbnail. Bättre uppladdning för utvalda bilder. Använder HTML5 drag-and-drop och ajaxuppladdning. Kapar antal klick och underlättar hanteringen av bilder.
• VK Post Thumbnail Extended. Bygger in bättre hantering för bildtext, fotograf och placering av den utvalda bildern. Sköter även integreringen av Scissors.
• Scissors. Lysande plugin för snabbare och bättre redigering av uppladdad bilder. Tillägget hittar ni här.

Dessa tre pluggar tillsammans skapar nåt i den här stilen (se filmen nedan):

Inom kort kommer vi släppa dessa plugin för fri användning. Vi har en känsla av att det är fler än oss som kännser viss frustration över WP:s egna mediehantering.

Nu börjar det bli ett tag sedan den senaste uppdateringen här i bloggen. Som alla vet är sommarmånaderna inte alltid de mest produktiva och för tillfället är dessutom en av webbutvecklarna som jobbar med projektet på föräldraledighet.

Under sommaren har vi i varje fall främst arbetat med följande delar:

• Grundstrukturen för alla mallar klara
• Mallen för Nära utvecklas
• Kommentarssystem: vanillia eller Disqus (eller något annat) ?
• Relaterad länkar mellan artiklar
• Användarhantering
• Säkra upp WordPress
• Designelement till första versionen av nya vk.se (läs mer om det här)

Allt som behöver fixas/göras hålls ordning på med en enkel "ärendelista" som hela tiden uppdateras och bockas av.

En liten del av arbetslistan för nya vk.se

I slutet av augusti är vi tillbaka i full kraft igen. Än så länge ser tidsplanen, med lanseringsdatum 1/1 2012, ut att hålla.

Har ni några frågor om vårt WordPress-projekt så är det bara att ta kontakt med mig via Twitter (@chredd) eller via e-post (christoffer.larsson@vk.se).

Slutligen önskar jag en fortsatt trevlig sommar!

Dagens långläsning är något jag knappast kunnat säga bättre själv. Läs denna matiga text på poynter.org. Där hittar du en rejäl genomgång om varför och hur CMSer måste utvecklas, varför Open Source ett riktigt bra alternativ och varför detta är viktigt för journalisterna och redaktörerna som ska arbeta med systemet.

http://www.poynter.org/how-tos/digital-strategies/134791/4-ways-content-management-systems-are-evolving-why-it-matters-to-journalists/

WordPress är ett bra system, men det har helt klart sina brister. Under de år vi driftat och utvecklat folkbladet.nu samt nu under utvecklingen av nya vk.se har vi indentifierat ett antal punkter där vi anser att förbättringar vore på sin plats.

• Mediahanteringen.
  Seg, omständlig, inte alltid lätt att förstå om man inte jobbat mycket med systemet innan. Här känns det verkligen som att WordPress skulle kunnat vara så sjukt mycket bättre. Det är med viss besvikelse vi tar emot version 3.2 där man "hottar upp" adminsystemet men låter mediahanteringen vara som den är.
   
• Inlägg kopplade till kategorier.
  Har ni provat kategoriersa inlägg då man har över 100 kategorier och dessa i 3-4 subnivåer? Det är allt annat än en angenämn upplevelse. Här skulle jag gärna se in inbyggd sökfunktion eller en vettigare presentation att kategoriträdet.
  Skulle även gärna se att det fanns ett sätt att välja en "huvudkategori" i en vanilla-installation av WP.
   
• Prestandan vid multipla wp_query och 60 000+ posts i databasen.
  En riktig killer i våra installationer. Inte problem specifikt för WordPress, många stora system har problem då databaserna sväller. Vi för lösa det med smarta cachefunktioner.
   
• Det saknas ett "rent" HTML-läge för editorn.
  Skulle behövs i defaultinställningen för att verkligen få kontroll över sina inlägg.

Detta var några av de punkter som vi haft problem med. Har ni några egna? Håller ni inte med utan tycker vi är onödigt griniga? Lämna gärna en kommentar.

Arbetet med nya vk.se fortskrider än så länge enligt planerna. För tillfället arbetar vi med följande:

• Grundlayout för nya sajten. (Läs gärna mer om det här)
• Manuell hantering av sidor, Arlima.
• Test av kommentarssystem.
• Testar av plugins och funktioner.

Igår träffades projektgruppen och diskuterade igenom vilka "element" som ska finnas med på vk.se och var dessa ska placeras.

På bildern skymtar vi (från vänster till höger) Robert Sundelin (webbutvecklare), Ronny Östman (webbutvecklare), Erik Wännman (affärsutvecklare) och Bo Wallin (webbredaktör på vk.se).

I bakgrunden skymtar även ett första utkast av hur ettan på nya vk.se kan komma att se ut. Förhoppningsvis kommer vi kunna släppa några screenshots under veckan som kommer.

När vi kör igång nya vk.se överväger vi att gå över till Disqus (som så många andra före oss) för hantering av kommentarer.

Några korta funderingar bara: 

• Vilket paket är egentligen tillräckligt?
• Behövs realtids-upptadering?
• Har man nytta av loggarna och statistiken?
• Är supporten nåt att ha?

Hur har ni gjort med era Disqus-implementationer? (Min förhoppning är att alla svarar "Gratisversionen fungerar kanon!")

(uppdaterad med korrekt länk till Disqus-paketen)