nrk.no

Nytt design på NRKbeta

Kategori: NRKbeta

Du kan nå svare på kommentarer – på riktig vis!

Vi har i lengre tid jobbet med et nytt design for NRKbeta.no. Både mentalt, og på tegneblokka. Våre brukere, altså Dere, har opp gjennom det siste to årene siden vi sist endret designet gitt oss masse nyttige innspill og tips til forbedringer. Det er disse innspillene, samt en rekke opplagte forbedringer rundt temaet vårt i WordPress vi nå har fixet opp i.

Nytt NRKbeta design
Nytt NRKbeta design

Og for å si det først som sist. Det er ikke store endringer vi nå har gjort. Det er mer snakk om en evolusjon, enn en revolusjon. Vi beholder «blogg-formen» på siden vår da vi vet det er det dere foretrekker. Mer Magasin-aktig form har vært diskutert, men enn så lenge kjører vi altså den gode gamle bloggformen. Vi benytter fortsatt et klassisk tospaltes bloggtema med sidebar til høyre, men vi har gått litt opp på bredden på den venstre innholdskollonnen fra 570px til 640px. Det er tross alt innholdet som står i fokus på NRKbeta 😉 Dette gjør at bredden på NRKbeta totalt går fra 940px til 975px

Vi vil fortsatt ha relativt mange artikler (ti stykk) på forsiden, noe som i følge vår utvikler, Henrik Lied, gjør oss «tyngre enn VG», men det tror vi dere tåler.

Den høyre «sidebaren» er der vi kommer til å eksperimentere litt framover, og innspill på hvilke innholdselementer dere savner der, mottas med takk. I første omgang har vi mer rydda opp i gammel ræl, enn å pøst må på ny funksjonalitet.

Kommentarer

Siste fem kommentarer
Siste fem kommentarer

Mange har etterspurt en oversikt over antall kommentarer og mulighet til å kommentere når man kommer til bunnen av artikkelen på forsiden. Vi har nå lagt på en nydelig liten AJAX-funksjon, som gir det mulighet til å se de fem-siste kommentarene uten å bytte side, og en enkelt gå videre til selve artikkelkommenteringen.

Du kan nå svare på kommentarer – på riktig vis!

En annen ting vi (endelig) har fått implementert er «threaded comments». Nå kan du enkelt svare på en kommentar ved å trykke på «Svar på denne kommentaren», også vil din kommentar bli plassert direkte nedenfor.

Andre elementer

Et av grepene vi har gjort for å «bryte» opp bloggen litt er et nytt element vi har satt inn en «Mest kommenterte/Siste fra»-boks mellom artikkel nummer to og tre. Innspill til flere elementer av samme slag som bryter litt opp er vi veldig mottakelige for.

Mest kommenterte boks
Mest kommenterte/siste-fra boks

I tillegg til de nye elementene er det også ryddet opp i endel designmessige ting, samt at vi har fått på plass den obligatoriske NRK-toppstripa. Dette gjør at vi ikke er helt fornøyd med toppen vår enda, og ser på flere muligheter til å endre designet på denne. (Vi vurderte lenge å ha en slik liten 90-talls-mann med «Under-construction-skilt» der oppe, men det ble stemt ned med minst mulig margin)

Toppstripa
Toppstripa

Helt i bunnen har vi også lagt til en litt mer innholdsrik og ryddig «footer»:

Ny footer
Ny footer

Systemet er fortsatt WordPress, og programmering og theme er utført av Henrik Lied. Til designet har vi fått hjelp av Simon Bognø.

Finpuss

Det gjenstår nok fortsatt en del finpuss. Og dere finner helt sikkert litt feil her og der. Det kan godt hende du må slette cache-en i nettleseren din. Men alt i alt er vi veldig fornøyde med det nye designet. Hva synes du?

56 kommentarer

  1. Oceanwatcher

    Gratulerer med nye klær 🙂

    Ryddig og greit og et friskt design. Gleder meg til å se den videre utviklingen. Jeg liker veldig godt at dere får utnyttet footer-delen av siden bedre.

    Hva slags plugin bruker dere for Twitter?

    Svar på denne kommentaren

    • Henrik Lied (NRK) (svar til Oceanwatcher)

      Kjekt at det falt i smak!

      Må nok skuffe med at Twitter-boksene i footer er dei heilt tradisjonelle widgetene fra Twitter.com. Skulle gjerne fått bytta ut den engelske teksten («x minutes ago») med norsk, men ellers fungerer dei heilt fint!

    • Øyvind Solstad (NRK) (svar til Sjur)

      Ser at «threaded comments» ikke støttes i WP-touch – altså den utgaven du serveres når du er på iPhone. Så da kan kanskje noen av svarene bli litt rare siden det ikke er opplagt hva de refererer til.

  2. Dere har gjort samme feilen som hw.no gjorde når de la om sist. Det er Null luft mellom vindukanten på venstre side og teksten i artikkelen. Dette gjør det veldig tungt å lese. Få inn 1 cm eller noe rundt der med luft på venstresiden, så blir det så utrolig mye lettere å lese. Når teksten i nettleservinduet kommer for nærme alle forstyrrelsene utenfor vinduet blir det slitsomt.

    Jeg bruker Opera 10.10 og sitter på Os X.

    Svar på denne kommentaren

    • Martin Berglund (svar til Håkon)

      Har du ikke et bredere nettleservindu 975px (+ scrollefelt, + +)?
      En av de få stedene jeg opplever det du påpeker som et problem, er når jeg besøker NRKbeta fra iPhone/iPod touch.

    • Øyvind Solstad (NRK) (svar til Martin Berglund)

      Jeg er faktisk enig, det burde ligget noen piksler som padding på tekstfeltet. Gjør det f. eks. vanskelig å markere tekst i mobile nettlesere.

    • Bredden på vinduet mitt er bredden på aftenposten.no minus kollona lengst til høyre. Jeg sitter på en laptop med 1440*900, stortsett ikke maksimert vindu (alltid en del vinduer) og selvfølgelig tabs som en vertikal liste til høyre i nettleservinduet. Maksimerer bredden på tabs-feltet for å se mest mulig av side titelene.

      844*569 piksler i følge whatsmy.browsersize.com/

      Luft på venstre side hadde definitivt vært positivt.

    • Martin Berglund (svar til Halvard)

      Den er i bruk i bloggpostene, men ikke i kommentarene. Hvilken nettleser bruker du?

      Jeg bruker Safari 4.0.4 🙂

    • Martin Berglund (svar til Halvard)

      Du har rett, Halvard. Jeg var for rask i avtrekkern.

      Sjekket ‘Inspector’, men den forteller jo bare hvilke fonter nettleseren har å velge blant. Georgia er den aktive fonten.

    • Henrik Lied (NRK) (svar til Halvard)

      Det var berre ein liten forglemmelse – hadde ikkje satt ‘nrkbeta.no’ til domene på typekit-kontoen vår. No skal alt fungere fint!

    • Martin Berglund (svar til Melder)

      Oj, det må vi få fikset. Det ser ut til å være et problem på enkeltposter, mens det fungerer på forsiden.

      Forhåpentligvis er det ikke vanskelig å fikse.

    • Marius Arnesen (NRK) (svar til Trond)

      Ja… det gjør vi også. Og som skrevet i artikkelen er Headeren noe vi kommer til å jobbe mere med og eksperimentere litt med.

      Grunnen til at det er to headere er at vi er pålagt fra NRK.no å ha en toppstripe som er felles for hele NRK-universet.

    • Opps..gikk hus forbi akkurat den delen av artikkelen 🙂 Har ellers ingenting å melde om misnøye, resten er ting som man «venner» seg til 🙂

    • Eirik Knutsen (svar til Marius Arnesen)

      Den digre svarte ramma hvor det står nrkbeta bør fjernes helt. Man kan heller skrive inn nrkbeta i den rød ramma. Designmessig synes jeg heller ikke rødfargen står veldig pent til den blå nrk-rammen. Synes i grunn det «røde temaet» som er valgt er skrikende, ville valgt en roligere farge.

      En annen ting. Når en svarer på en eksisterende kommentar virker det veldig ulogisk tekstboksen hvor en fyller inn tekst plassere seg helt nederst på siden. Den burde plasseres rett under kommentaren man ønsker å kommentere.

    • Øyvind Solstad (NRK) (svar til Eirik Knutsen)

      Hvilken rød ramme mener du?, Eirik? Og hvilken blå NRK-ramme?

      NRKbeta-fargen er oransje, og den generelle NRK-stripen er svart, såvidt vi kan se?

    • Eirik Knutsen (svar til Øyvind Solstad)

      Hei igjen,
      Beklager, jeg benytter en annen PC i dag som tydeligvis er bedre kalibrert, fargen er absolutt oransje og står mye bedre til blåfargen enn det jeg så i går. Flaut…

      Øverste delen av siden inneholder fire rammer (striper). En helt svart, hvor det står Nrk, en blå, som inneholder ulike lenker til Nrks nettsider, en ny svart, hvor det står Nrkbeta og en oransje som inneholder ulike lenker til Nrkbeta.

    • Lars (svar til Lars)

      synes forøvrig også at kontrasten i brødteksten er unødvendig lav og lite lesbar. Det forringes kanskje ytterligere i kombinasjon med fontvalget? Jeg har kanskje dårlig syn, men god GUI og lesbarhet bør overgå grafisk penhet anyday.

      PS: kommentarene går helt fint å lese. Men synes fokuset bør ligge på artikkelen…

  3. Bra redesign!

    Det er to ting jeg likte bedre før
    1) Den NRK-headern synes jeg ikke noe om. Dere blir vel ikke kvitt den, men jeg liker den ikke lell. Om jeg vil inn i NRK-universet, går jeg til NRK.no, og ikke NRKbeta.no. Fins det en måte å ikke servere den om man kommer direkte til NRKbeta, og ikke via feks en lenke på nrk.no? Vil det bli godtatt av nrk.no? Man venner seg kanskje til den etterhvert.
    2) Siste kommentarer er litt uoversiktlig nå synes jeg. I mine øyne var det bedre med å liste postene og så de tre siste kommentarene per post. Nå drukner alle andre poster, om en post blir mye kommentert.

    Svar på denne kommentaren

    • Morten (svar til Morten)

      Mulig det er en stund siden, men jeg ser dere har fikset begge ‘problemene’ jeg påpekte med det forrige designet, altså NRK-banneren og kommentaropplistingen. Noe som nok en gang viser at NRKbeta er best!

    • Henrik Lied (NRK) (svar til Halvard)

      Vi har i all hovudsak bygd opp themet fra bunnen av, men vi har måtte tatt med oss litt «legacy-funksjoner» fra det forrige themet, options.

  4. Ser ut som dere stort sett har gjort en kjempejobb med videreutviklingen av designet. Liker både komposisjon, layout og fargevalg veldig bra (men som påpekt tidligere, lenkene i toppmenyen har en oransje-nyanse som gjør de litt vanskelig å lese).

    Kun en ting jeg personlig har å utsette: trådet visning av kommentarer er noe jeg ikke liker. Enkelte artikler går jeg regelmessig inn på for å følge med på hvordan diskusjonen går. Da er det veldig greit om man enkelt kan fortsette der man slapp og lese hva nytt som har kommet siden sist. Dette er vrient når kommentarene er trådet. Hadde det kanskje vært mulig å kunne velge mellom trådet eller kronologisk visning?

    Og som en liten side-note: jeg har RSSen til NRKbeta i Google Reader. Når jeg klikker på en artikkel fra Google Reader, så får jeg mobilvisningen av NRKbeta. Og den «husker» heller ikke selv om jeg deaktiverer mobil hver eneste gang. Peiling på hva dette kan være? (det var slik før det nye designet forresten)

    Svar på denne kommentaren

  5. 1) Jeg fant en liten bug da jeg svarte på en kommentar lengre oppe:

    «for 0 sekunder from now» – der det står hvor lenge siden kommentaren ble publisert.

    2) Jeg håper folk ikke vil misbruke «svar på kommentar» valget for å komme langt opp på siden. Dette ser jeg at skjer veldig ofte på en hel del andre nettsteder.

    3) Den NRK headeren på toppen er grusom. Dersom dere absolutt må ha den bør dere ta bort NRKbeta logoen og putte den inn i den oransje stripa nedenfor.

    Ellers er jeg veldig fornøyd. Bra jobba.

    Svar på denne kommentaren

    • Simon (svar til Simon)

      HYL! Har dere tatt bort muligheten til å endre kommentarer? Den var jo gull å ha. Den vil jeg ha tilbake!

    • Martin Berglund (svar til Simon)

      Den pluginen var grunnen til at globalnavigasjonen ikke virket 😉

      WordPress er flott og fint, og det finnes massevis av fantastiske plugins, men alt er ikke like godt satt sammen.

      Vi får se hva som er mulig å gjøre for at begge deler skal fungere sammen.

  6. Flottings!
    Men med tanke på headeren; siden NRK-linja er øverst, trenger dere ikke å ha NRK-logoen i headeren når den kommer på plass (jeg vet ikke om dere «må» ha den). Hva med bare ‘Beta’? Vi skjønner jo at det er NRK.

    Svar på denne kommentaren

    • Øyvind Solstad (NRK) (svar til akarlsen)

      @akarlsen: Vi heter NRKbeta – ikke bare beta. Så hele navnet må med. Og vi må ha med NRKs toppstripe. Men er åpen for forslag om hvordan de skal designes.

  7. Morten Skogly

    Fint, liker looken på kommentarene. Ønsker meg mer kontrast på teksten i toppnavigasjonen, akkurat litt for vanskelig å lese med litt glare fra vinduet bak meg. Gjør feks som på Publiser-knappen i kommentarskjemaet her med en liten «dropshadow» så blir det nice. Og ja, den NRK-toppstripa gjør det komplekst å få ting fint, to nrklogoer etterhverandre er jo ikke optimalt.

    Svar på denne kommentaren

  8. Kult med nytt uttrykk, det ser rimelig bra bra ut.

    Enig med at Headeren ikke er helt optimal, synes også den bruker for mye vertikal plass. Hva med å kjøre the oransje stripa litt opp i høyden, flytte NRKbeta til the oransje stripen og fjerne den svarte? Fungerer det mon tro?

    Svar på denne kommentaren

  9. Runar Svendsen

    Jeg synes siden ser fin ut i vanlig nettleser (har ikke sjekket noe annet ennå), men jeg savner veldig en print-CSS. Så mye at jeg har laget en begynnelse:


    .nrk-globalnavigation, #main_nav, #search, #breadcrumb, #page_footer .sitemap, #page_footer .center-col, #page_footer .footer-box, #sidebar, #comment-form-wrapper {
    display: none;
    }

    Denne fjerner de mest unødvendige elementene for print. I tillegg kunne man justert litt på fontstørrelser på utskriften, men dette er detaljer som ikke er så irriterende.

    Svar på denne kommentaren

  10. Tor Arvid Lund

    Hei. Liker designet. Rent og pent 🙂

    Men jeg merket meg noe jeg kanskje tror er et lite problem med minnebruk… Kort fortalt, så mistenker jeg at om jeg har en artikkel stående oppe i lengre tid, så vil den bruke mer og mer minne.

    Lengre fortalt:
    Når jeg kom på jobb i dag morges, så hadde jeg hatt denne artikkelen oppe fra dagen før:

    nrkbeta.no/2010/03/10/dugnad-hvem-er-jeg-hvor-er-jeg/

    Jeg bruker Google Chrome beta på Vista64, hvis det spiller noen rolle.

    Det gikk da veldig sakte bare å scrolle sida. Jeg lukket den dessverre uten å se på minnebruken. Jeg testet å åpne igjen (da gikk scrolling bra), og har nå hatt den oppe i et par-tre timer. Minnebruken for denne ene tabben, har da gått opp fra rundt 30MB, til 340 MB.

    Selvfølgelig _kan_ det jo være Chrome, men nrkbeta ligger i alle fall langt over de andre tabbene mine i minnebruk.

    Kan det være twitter-saken nede i footer’en, tro??

    I alle fall – tenkte bare jeg ville si fra.

    Svar på denne kommentaren

  11. Bjarte Minde

    Jeg liker dette svært godt! Men jeg savner to ting; muligheten til å redigere kommentaren en har skrevet i ett minutt etter en har publisert den, og muligheten til å få nye kommentarer/svar tilsendt på epost.

    Svar på denne kommentaren

Legg igjen en kommentar til Jan Hammershaug Avbryt svar

Din e-postadresse vil ikke bli publisert. Obligatoriske felt er merket med *. Les vår personvernserklæring for informasjon om hvilke data vi lagrer om deg som kommenterer.