Om Martin
Martin liker
Den syvende veien videre
tirsdag 20. januar 2009 • 48 kommentarer
I lang tid har jeg innsett at bekkelund.net trenger en visuell overhaling. Det eksisterende designet, med versjonsnummer 6, har vært med oss siden 2005. Selv om tilbakemeldingene på det eksisterende designet har vært positive, er en overhaling allikevel tiltrengt. I denne anledning ønsker jeg dine innspill til versjon 7.
Jeg har tidligere klaget min nød over hvor vanskelig det er å designe noe for seg selv. I skrivende stund har jeg skrapt sammen et nytt utkast jeg er rimelig fornøyd med. Jeg overdriver neppe når jeg sier at jeg kanskje har laget nærmere hundre utkast, men dette er av de bedre. Allikevel er jeg ikke helt fornøyd, men overlater til deg å komme med konstruktive tilbakemeldinger.
Skjermbildet under viser utkastet. Det måler 3000 x 2000 piksler, for å ha en versjon som også fungerer på de aller største skjermene. Innholdsboksen passer inn i 1024 x 768 piksler. Jeg er som nevnt rimelig fornøyd med utkastet, men det er høyremenyen jeg ikke er helt tilfreds med.
Trykk på skjermbildet for en stor utgave.
Forslag til forbedringer mottas med særdeles stor takk! 
48 kommentarer
-
Espen skrev:
Vil nok si meg enig i at du nok har litt igjen på høyremenyen. Selv så utrolig lite konstruktivt det var. Kanskje den rett og slett virker litt tett og kompakt i forhold til alt det andre?
Ja, den er alt for tett og kompakt. Ønsket er å vie innholdet mest oppmerksomhet og plass, så spørsmålet er om høyremenyen lider for mye under dette.
Spørsmålet er hvordan jeg burde løst utfordringen med høyremenyen. Forslag?
Ellers er jeg litt tvilende til å bruke Gill Sans, for det er det vell stort sett bare Macbrukere som har glede av.
Det er jeg klar over. Løsningen blir å degradere til andre fonter, dersom de ikke har Gill Sans. Jeg gjør dette på Greatest Bits, og det ser ut til å fungere rimelig bra.
Men ellers er utviklingen god og riktig vil jeg påstå
Tusen takk!
-
Likte den, kort og godt! Jeg er pirkete på typografi, og er spent på hvordan vesntresiden blir ute på nett sånn rent typografisk, men syns det ser veldig bra ut!
-
Jeg er veldig lite glad i «all caps», spesielt når overskriftene er så tydelig markert på andre måter. Ellers har jeg ikke så mye å tilføye, men synes det ser bra ut.
-
Leser helst bloggen i rss leseren
-
Ser veldig bra ut! Eneste som kan være er at den er litt smal? Det kan hende siden er like smal som den du har nå (som fungerer bra), men bare virket veldig smalt.
Du har også fått til en fin header, noe av det jeg syns er vanskeligst med et design. Er det noe jeg vil “trekke ned” på, så blir det valg av font. Jeg er ikke så alt for glad i den fonten du benytter deg av, dog er det en personlig smakssak!
Gleder meg til nytt design, og snart kommer jeg med nytt også
-
Synes dette ser veldig pent ut.
Hva med en lysere farge på “om” i “Martin om Backup av din DVD-samling”? Eller understreking av navn og tittel? Sånn den er nå, klarer jeg ikke umiddelbart å skille de forskjellige delene av teksten fra hverandre.
1px sort kantlinje på søkefeltet krasjer litt med resten av designet.
Jeg forstår hvorfor du har lagt mer luft til venstre for innholdet enn til høyre for høyremenyen, men synes personlig det ser litt ubalansert ut.
Løsningen blir å degradere til andre fonter, dersom de ikke har Gill Sans.
Sikkert lurt å ha “Gill Sans MT” som #2 i rekka?
Men som sagt – veldig pent, og en klar forbedring.
-
Flere som re-designer for tiden ser det ut til
Liker godt det jeg ser. Fine farger, men om jeg ser på skjermskuddet bruker du vel store fonter etter min smak (det er selvsagt noe jeg kan justere selv, men). Så er det vel ikke pingvin-vennlige fonter heller
Jeg er litt usikker på om det er hensiktmessig å fastsette bredden til ~1024 (selv om jeg faktisk har gjort det selv). Den eneste fordelen (muligens) vil jo være at man lager bilder som passer mer inn. Likevel, det er vel kanskje det mest vanlige. Tanker?
-
Jeg synes du skal lenke til postene fra hovedsiden, og ikke poste hele posten der. F.eks. ble årskavalkaden veldig lang (mange bilder), og det tok evigheter å bla seg forbi den.. Det holder med et lite avsnitt på hovedsiden, slik at man kan danne seg en mening om man gidder å lese resten av posten.
-
Veldig bra
Jeg likte det nye designet, selv om jeg har litt imot endringer på ting jeg bruker daglig 
Klarer ikke få meg til å endre designet på min egen side heller -
Siden typografien blir kommentert kan jeg foreslå å bruke et «baseline grid» for å oppnå bedre rytme i designet. Dette tror jeg kan forbedre høyremenyen ved å gjøre den ryddigere. Denne teknikken er grei dersom du bruker px som enhet for tekststørrelse, men noe mer komplisert om du bruker em. Ellers veldig pent og rent! Lykke til videre.
-
Ang. høyremenyen: Toppen av denne ville jeg hatt på linje med toppen av bildet. I tillegg, så er bakgrunnsfargen på søket så svakt, at ved første øyekast, så starter høyremenyen ved “siste kommentarer”. Dette kan løses med å starte høyremenyen med den mørkeste fargen, gjerne ved også ha en overskrift over søket.
Med Martins øyne: La mellomrommet mellom thumnailene være lik eller mindre mellomrommet mellom thumbnailene og topp-/bunn-/sidemargene. Slik at de er litt mer “gruppert”. Tenk deg et ansikt. Det er penere om øynene er litt samlet, enn hvis de er plassert helt på ytterkantene av ansiktet med svæææææææææært mellomrom.
Enig med de andre ang. fonten på brødteksten. I tillegg synes jeg skriften var voldsom stor. Husk at jeg har tilpasset browseren min etter den størrelsen jeg synes er grei å lese. At hvis jeg trenger å lese kjempediger test, så har jeg antakelig tilpasset det slik selv.
Ville hatt litte granne mer marg over overskriftsboksene i høyremargen. Slik at den blir litt mer tilhørende det som kommer under.
Ellers var det veldig vakkert
-
Dette så jo ikke så gale ut:) Likte headeren utrolig godt, men skal være enig med flere at skriften ikke er av den peneste. Ville kanskje likt det bedre om høyremenyen startet lenger opp? Er faktisk litt usikker der.
-
Det var et godt stykke arbeid, Martin. Bra fargevalg og generelt sett god layout.
Jeg ser at du har fått mange innspill til justeringer allerede, og jeg deler mange av disse synspunktene. Det jeg ville gjort var følgende:
- Søkefeltet er for anonymt. Legg på heading eller endre bakgrunnsfargen (til samme farge som headingene har).
- Legg inn et lite mellomrom mellom hver bolk i høyre kollonne for å dele den opp litt.
- Fontstørrelsen i hovedfeltet må justeres ned. Jeg har dårlig syn, men ikke så dårlig syn.
- Headeren bør krympes i høyden. (Innholdet på bloggen er viktigere enn headeren, så den bør ikke stjele plass)
- Reduser avstanden mellom tommelfingerbildene i høyremargen.
- Jeg ville testet grønnfargen fra overskriftene som bakgrunnsfarge eller tekstfarge i headingene i høyre kollonne.
Det var det jeg kom på her og nå. Spør meg igjen om en uke, og du får et helt annet svar… -
Som mange andre reagerer jeg på fontstørrelsen i hovedfeltet. Tror kanskje det at den er så stor gjør at høyremenyen ser merkelig ut?
-
Og ja, ser du har satt “antall kommentarer” på toppen. Ha den på bunn! Årsak: Hvis jeg snubler innom en blogg (dvs ikke via rss) pleier jeg å lese artikkelen på forsiden (dvs ikke gå inn på den). Etter å ha lest gjennom saken vurderer jeg så om jeg skal trykke meg inn på den for å lese kommentarer, da er det slitsomt å måtte scrolle opp til toppen for å finne denne linken (og for å sjekke om det er noen kommentarer).
Man kan jo si at jeg burde sjekke dette før jeg begynner å lese, men det er jo ikke før jeg har lest posten jeg vet om jeg er interessert i kommentarene.
-
Aller først må jeg takke for alle gode tilbakemeldinger. Det betyr mye at designet faller i smak, spesielt når jeg har sett meg blind på det selv.
Mia skrev:
Jeg er pirkete på typografi, og er spent på hvordan vesntresiden blir ute på nett sånn rent typografisk, men syns det ser veldig bra ut!
Jeg kan si med én gang at fontstørrelsen i hovedkolonnen ikke vil være den jeg ender opp med. Den er i største laget. Jeg tror ikke en gang fonten vil bli den jeg ender opp med, men heller mer mot Helvetica/Arial. Gill Sans fungerer imidlertid fint for andre elementer enn brødtekst.
Audun W. skrev:
Jeg er veldig lite glad i «all caps», spesielt når overskriftene er så tydelig markert på andre måter.
I vanlig tekst er jeg helt enig, men på mystisk vis har jeg forelsket meg i store bokstaver i designelementer, noe Greatest Bits også bærer preg av. Kanskje vi har noen designere her som kan si noe mer om hvorvidt dette er smart eller ei?
Akvario skrev:
Leser helst bloggen i RSS leseren
Det gjør de fleste, og jeg har sågar skrevet en egen artikkel om hvordan man designer for RSS. Denne gangen, derimot, må jeg ha noe å tilby alle andre.
Ronny-André skrev:
Eneste som kan være er at den er litt smal?
Smal? Er du sikker på at du har satt zoom til 100 prosent når du titter på utkastet? Bredden på mitt nåværende design er 750 piksler. Designutkastet måler 980.
Stig Morten skrev:
Hva med en lysere farge på “om” i “Martin om Backup av din DVD-samling”? Eller understreking av navn og tittel?
Understreking tror jeg vil fungere fint. Det er jo en kjent analogi for lenker.
1px sort kantlinje på søkefeltet krasjer litt med resten av designet.
Ja, det er strengt tatt bare klippet og limet fra eksisterende design.
Jeg forstår hvorfor du har lagt mer luft til venstre for innholdet enn til høyre for høyremenyen, men synes personlig det ser litt ubalansert ut.
Jeg er helt enig. Jeg brukte hele tre kvelder bare på akkurat dette. Er ikke fornøyd selv, så da blir spørsmålet om jeg skal trekke innholdet like langt ut til siden som høyremenyen, eller trekke høyremenyen inn? Har prøvd begge deler, og ingen av delene ser bra ut.
Alternativet er selvfølgelig å fjerne høyremenyen. Jeg fristes veldig av denne tanken. Alle innspill på dette mottas med stor takk!
Audun S. skrev:
Så er det vel ikke pingvin-vennlige fonter heller
Nei, Gill Sans er kun for oss med epler. Blir nok Arial, Helvetica og sans serif for dere.
Jeg er litt usikker på om det er hensiktmessig å fastsette bredden til ~1024
I følge statistikken tar jeg det med knusende ro.
1024 står for drøyt 13 prosent av de besøkende, mens lavere oppløsninger ikke er å oppdrive før man finner mobiltelefoner eller andre håndholdte enheter. 800 står for 0,23 prosent. Det er kanskje litt slemt å utelate disse, men i disse dager er ikke mitt nettsted det eneste tilpasset større oppløsninger. Selv de største nettbutikkene har valgt større.Thorstein skrev:
Jeg synes du skal lenke til postene fra hovedsiden, og ikke poste hele posten der. F.eks. ble årskavalkaden veldig lang (mange bilder), og det tok evigheter å bla seg forbi den.. Det holder med et lite avsnitt på hovedsiden, slik at man kan danne seg en mening om man gidder å lese resten av posten.
Jeg hadde det slik tidligere, men fikk mange henvendelser om at leserne ønsket noe annet. Publiseringsløsningen støtter det, så det er selvfølgelig ingenting i veien for å gjøre om på praksisen. For øvrig var jo årskavalkaden spesielt lang.
Anders skrev:
Siden typografien blir kommentert kan jeg foreslå å bruke et «baseline grid» for å oppnå bedre rytme i designet. Dette tror jeg kan forbedre høyremenyen ved å gjøre den ryddigere.
Jeg har virkelig sansen for både baseline grid og tradisjonelt grid-design. Det er imidlertid ikke noe jeg har vektlagt tungt her, men skal absolutt ha det i tankene videre.
Cavey skrev:
Ang. høyremenyen [...]
Mange bra, viktige og riktige tanker. Som nevnt er jeg slett ikke fornøyd med høyremenyen. En vesentlig endring må til.
Joachim skrev:
Ville kanskje likt det bedre om høyremenyen startet lenger opp? Er faktisk litt usikker der.
Er usikker selv. Egentlig på hele høyremenyen.
Thomas skrev:
Headeren bør krympes i høyden.
Jeg har tatt meg den frihet å øke høyden med drøyt 100 piksler. Ser at Obama har gjort noe tilsvarende, så jeg tenke, hei, hvis han kan, hvorfor kan ikke jeg? Han har riktignok menyen over, men dog.
Spør meg igjen om en uke, og du får et helt annet svar
Kan du ikke bare stikke innom her igjen om en uke?
Atle skrev:
Og ja, ser du har satt “antall kommentarer” på toppen. Ha den på bunn!
Kjøper poenget ditt, men tenker mye det samme om de andre elementene i hovedmenyen, hvilket har fått meg til å trekke hele høyremenyens eksistens i tvil.
-
Martin skrev:
I følge statistikken tar jeg det med knusende ro. 1024 står for drøyt 13 prosent av de besøkende, mens lavere oppløsninger ikke er å oppdrive før man finner mobiltelefoner eller andre håndholdte enheter. 800 står for 0,23 prosent. Det er kanskje litt slemt å utelate disse, men i disse dager er ikke mitt nettsted det eneste tilpasset større oppløsninger. Selv de største nettbutikkene har valgt større.
Jeg var nok for dårlig til å formulere meg
Jeg tenkte nemlig den andre veien. 750/980px utnytter vel de såpass store oppløsningene som begynner å bli standard dårlig, og på mine 1680×1050 får man unødvendig mye tomplass. Spørsmålet skulle i stedet vært om det er mer fornuftig å sette bredden til f.eks 80%, evt. med øvre og nedre grenser. Jeg vet ike selv hva jeg mener, men tenker på å utvide bredden på min egen blogg. -
Audun skrev:
750/980px utnytter vel de såpass store oppløsningene som begynner å bli standard dårlig, og på mine 1680×1050 får man unødvendig mye tomplass.
Ahh, sånn å forstå. Jeg ser poenget. Samtidig vet vi at leservennligheten synker hvis linjene blir for lange, noe de gjerne blir med flytende bredde. I hvert fall hvis de skal fylle hele min skjerm på 1920 x 1200.
I tillegg vet vi jo at en del mennesker surfer uten at nettleseren fyller hele skjermen. Det gjelder blant annet meg selv.Spørsmålet skulle i stedet vært om det er mer fornuftig å sette bredden til f.eks 80%, evt. med øvre og nedre grenser.
Vet at blant annet Espen Andersson gjør dette. Selv er jeg nok for bedagelig anlagt til at jeg gidder å lage et design som fungerer godt slik.
-
Nå har jeg akkurat foretatt en del justeringer i utkastet. Endringene kan beskues i skjermbildet under. Klikk for å se en stor utgave.
-
Pen og enkel design etter min mening, selvom jeg egentlig ikke liker så smale sider.
-
Og før noen flere påpeker det; «7.0 beta» er ren skjær ironi som ikke blir med i den endelige løsningen.
-
(Dette er feedback til utkast 21. jan kl 21:09)
Liker ikke den stjernen med 7.0beta, vet ikke om du har tenkt til å ha den med eller om det bare er en markør på kladden, men den passer ikke inn. Gradienten funker ikke, og skyggen er alt for sterk. Litt mer shiny og litt lysere gul/oransje som passer bedre til fargetemaet hadde gjort seg. Dropp gråfargen øverst, og dropp enten glød eller skygge rundt
Synes kanskje det bør bli litt mer plass mellom menyelementene. Men det er ikke snakk om mye, nå er jeg kjempepirkete. Bare bittelitt mer luft.
Liker ikke at footer med eldre/nyere artikler og bilde av deg/copyright bryter med den hvite rammen du har ellers på siden. Jeg er ikke sikker, men kanskje det hadde fungert bedre om du byttet rekkefølgen, slik at den grønne baren ble nederst og bildet av deg med copyright osv kom ovenfor. Absolutt ikke sikker, bare en tanke.
Og til slutt liker jeg ikke logoene i “her finner du Martin”. De er store, ulike, og dominerer veldig på siden. Tar vekk oppmerksomhet fra resten, og bryter litt med layouten. Jeg er veldig fan av en enkel og ren tekstbasert liste over nettverkene, og så kan du sette inn favicon.ico fra de forskjellige sidene ved siden av. Minimalistisk, rent og pent.
Men jeg digger konseptet ditt. Fargetemaet er pent, siden er oversiktlig, og du har funnet en veldig god balanse mellom fargesterkhet og renhet som legger fokus på innholdet. Helhetsinntrykket så langt er veldig bra, og jeg er spent på å se det endelige resultatet.
-
Thomas skrev:
Pen og enkel design etter min mening, selvom jeg egentlig ikke liker så smale sider.
Takk for det, Thomas. Bredden er som tidligere nevnt et fint kompromiss mellom leservennlighet og skjermer med mindre oppløsning.
Even skrev:
Liker ikke den stjernen med 7.0beta, vet ikke om du har tenkt til å ha den med eller om det bare er en markør på kladden, men den passer ikke inn.
Som nevnt, den skal ikke være med i den endelige løsningen.
Synes kanskje det bør bli litt mer plass mellom menyelementene. Men det er ikke snakk om mye, nå er jeg kjempepirkete. Bare bittelitt mer luft.
Det er en smal sak å fikse.
Liker ikke at footer med eldre/nyere artikler og bilde av deg/copyright bryter med den hvite rammen du har ellers på siden.
Det er et godt poeng. Jeg skal lage et utkast hvor jeg også fører rammen hele veien rundt bunnteksten.
[...] kanskje det hadde fungert bedre om du byttet rekkefølgen, slik at den grønne baren ble nederst og bildet av deg med copyright osv kom ovenfor.
Jeg foretrekker egentlig å ha bunnteksten nederst. Det er på en slags etablert standard som jeg ikke har noe ønske om å bryte.
Og til slutt liker jeg ikke logoene i “her finner du Martin”. De er store, ulike, og dominerer veldig på siden.
De er helt klart for store i eksisterende form. I den endelige løsningen tenkte jeg å ha logoene sort/hvitt, for så å vise farger når man fører musen over.
Jeg er veldig fan av en enkel og ren tekstbasert liste over nettverkene, og så kan du sette inn favicon.ico fra de forskjellige sidene ved siden av.
Veldig bra forslag! Det høres ut som en mye bedre løsning. Skal prøves ut til neste utkast.
Men jeg digger konseptet ditt. Fargetemaet er pent, siden er oversiktlig, og du har funnet en veldig god balanse mellom fargesterkhet og renhet som legger fokus på innholdet. Helhetsinntrykket så langt er veldig bra [...]
Tusen takk for det og tusen takk for veldig bra tilbakemeldinger!
-
Blir flott dette!
Jeg vet ikke om det er meningen din å bruke blå lenker i innholdet på høyresiden, isåfall mener jeg at det overhodet ikke passer. En mørkere blåfarge kan kanskje fungere, evt. den samme gråfargen som på det første utkastet.
Bunnteksten gjør seg godt nederst, men den trenger kanskje ikke å være så stor. Du har et stort bilde i toppen, og trenger ikke et så stort ett i bunn.
Ellers er jeg enig i at tekstlenker (evt. med et favicon) er en mye penere løsning.
Når det gjelder høyremenyen er jeg vel en av dem som har savnet å ha den tilgjengelig på alle sider. Med andre ord syns jeg ikke du skal fjerne den
-
Audun skrev:
Jeg vet ikke om det er meningen din å bruke blå lenker i innholdet på høyresiden, isåfall mener jeg at det overhodet ikke passer. En mørkere blåfarge kan kanskje fungere, evt. den samme gråfargen som på det første utkastet.
I utgangspunktet ønsker jeg å bruke nettleserens standardfarger for lenker, det vil si at jeg ikke stilsetter dem med CSS. Dette for at brukeren skal kjenne igjen lenker, akkurat som i dagens design. Imidlertid er jeg klar over at det ikke er helt i overensstemmelse med designet, så jeg må nesten prøve meg frem.
Bunnteksten gjør seg godt nederst, men den trenger kanskje ikke å være så stor. Du har et stort bilde i toppen, og trenger ikke et så stort ett i bunn.
Nei, den er helt klart i største laget. Skal lage en mindre en.
Når det gjelder høyremenyen er jeg vel en av dem som har savnet å ha den tilgjengelig på alle sider. Med andre ord syns jeg ikke du skal fjerne den
Nei, når jeg først har tatt den med, så skal den være med på alle sidene. Hovedårsaken til at jeg ikke har den der i dag, er først og fremst en liten bug i standardtemaet til WordPress som jeg har løsningen til, men ikke har giddet å fikse.
Så, ja, høyremenyen blir med videre, på alle sider.
Takk for bra tilbakemelding, Audun!
-
Liker de nye fargene. Men hva er dealen med den gigantiske headeren? Du er ikke den første som velger å ha den sånn, men jeg tror headeren din tar omtrent 25% av skjermhøyden på min laptop. Jeg ville justert ned størrelsen på den.
Jeg ville også overstyrt linkefargen, slik Audun var inne på. Jeg vil anta at dagens internettbrukere skjønner at det er linker, selv om de ikke er blå.
-
Jeg får synse litt om Beta 1 også…
Det var bedre og friskere fargevalg enn det første utkastet, Martin!
Jeg må si meg enig med Kaisa (og meg selv, som jeg har skrevet lenger opp): Headeren din er alt for stor.
Litt matte
Jeg surfer med Firefox på en skjerm med 1600×1200 oppløsning (se bilde), og med maksimert FF-vindu (1176px høyt) blir situasjonen som følger:
- Headeren (rødt) tar 450px (fra toppen av websiden og ned til under toppmenyen)
- Fra toppen av skjermen og ned til der innholdet begynner (blått) er det 550px
- Når siden lastes har jeg ~625px igjen til innhold (grønn = total skjermhøyde – blått)
- Av de tilgjengelige 625px tar overskriften (gult) ca. 100px
- Nederkant av min nettleser stjeler ytterligere 65px (inkludert i det grønne ved en feil)Tilsammen har jeg da 625px – 65px (nederkant av nettleseren) = 560px til å gjøre meg opp en mening om innholdet.
Hva med Joe User?
En standard laptop med billig-widescreen (1400px*900px) har kun ~125px til innholdet (disse 125px inkluderer også underkanten av nettleservinduet), hvis tallene mine stemmer.).Se for deg at det kommer en ny leser til bloggen din. Ved første lasting ser vedkommende under 100px (når også nederkanten av nettleseren trekkes fra) av innholdet i øverste melding. Det gir ikke mye rom for å få en formening om hva dette er. Tatt i betraktning at besøkende kun bruker noen få sekunder på å gjøre seg opp en mening om et nettsted så bør du ha veldig gode overskrifter, ettersom det stort sett er alt av innholdet nye besøkende med 1400x900px skjerm ser før de evt. haster videre…
En annen ting er at jeg får et horisontalt rullefelt nederst i nettleseren min fordi den graderte bakgrunnen din er 3000px bred. Her ville jeg heller droppet gradert bakgrunn for å slippe rullefelt (som stjeler ytterligere av vertikal skjermplass).
Mye surt oppgulp der. Tror jeg trenger kaffe for å roe pulsen …
-
Må si meg enig med min navnebror. En annen blåfarge på lenkene ville nok gjort seg. På Kongsvinger kommunes side har vi justert litt på fargetonen, og de jeg har spurt har ikke sett det når jeg har sagt det til dem en gang.
-
Kaisa skrev:
Liker de nye fargene.
Takk!
Men hva er dealen med den gigantiske headeren? Du er ikke den første som velger å ha den sånn, men jeg tror headeren din tar omtrent 25% av skjermhøyden på min laptop. Jeg ville justert ned størrelsen på den.
Bildet i seg selv er 300 piksler i høyden. Det er i meste laget, så jeg får kutte ned litt på det.
Jeg ville også overstyrt linkefargen, slik Audun var inne på. Jeg vil anta at dagens internettbrukere skjønner at det er linker, selv om de ikke er blå.
De kommer nok til å forbli blå, men jeg kan heller justere blåfargen, slik Audun W. nevner i sin siste kommentar. Jeg er ikke veldig glad i å bryte konvensjoner, i hvert fall ikke alt for mye.
Thomas skrev:
Det var bedre og friskere fargevalg enn det første utkastet, Martin!
Takk!
Headeren din er alt for stor.
Ja, se også svar til Kaisa.
Takk også for de halvvitenskapelige utregningene.
En annen ting er at jeg får et horisontalt rullefelt nederst i nettleseren min fordi den graderte bakgrunnen din er 3000px bred.
Ja, når man titter på et bilde, som dette designutkastet er, får man et horisontalt rullefelt nederst. Når dette implementeres med CSS forsvinner rullefeltet, til tross for at bakgrunnsbildet er 3000 piksler bredt. Det er litt av magien med CSS.
Mye surt oppgulp der. Tror jeg trenger kaffe for å roe pulsen
Kaffe forsurer magen, vet du. Jeg har nesten kuttet helt ut kaffe.
Audun skrev:
En annen blåfarge på lenkene ville nok gjort seg. På Kongsvinger kommunes side har vi justert litt på fargetonen, og de jeg har spurt har ikke sett det når jeg har sagt det til dem en gang.
Det var en svært forsiktig, men vellykket justering, Audun. Jeg skal prøve meg frem selv, men ser for meg at jeg må gå mot mørkere, mer grå tekst.
Igjen, takk til dere alle for tilbakemeldinger!
-
Dersom du “frykter” folk ikke skal skjønne lenker er lenker dersom du velger å bruke en annen farge enn hva hver enkelts nettleser bestemmer, så kan du jo ha dem understreket. Visuelt er det lett å se hva som er linker, og da trenger man ikke ha fargesyn i det hele tatt
Min “skjermleser” forteller meg hva som er linker, og om det er en “besøkt link” eller ikke.
-
Eugenie skrev:
Dersom du “frykter” folk ikke skal skjønne lenker er lenker dersom du velger å bruke en annen farge enn hva hver enkelts nettleser bestemmer, så kan du jo ha dem understreket. Visuelt er det lett å se hva som er linker, og da trenger man ikke ha fargesyn i det hele tatt
Ja, understreking skal de ha uansett.
Min “skjermleser” forteller meg hva som er linker, og om det er en “besøkt link” eller ikke.
Pussig, jeg tenkte faktisk på deg da vi diskuterte akkurat dette med lenker og farger. Takk for at du la igjen noen linjer.
-
Da foreligger det enda et utkast hvor jeg har hensyntatt de fleste tilbakemeldinger siden forrige utkast. Jeg har også utvidet designet til å inkludere kommentarer og kommentarskjema. Mangler dog noen elementer her. Trykk på utkastet for en større utgave.
-
Strålende! Da er det bare blokkbokstavene igjen da, så er vi i mål
-
Jeg har en liten ting med de midtstilte meny-overskriftene, jeg synes du bør droppe dem.
Ellers har jeg selv fått dilla på store bokstaver i overskrifter, så du får ta det på feelingen.
Og til sist håper jeg virkelig denne webton(t)ullet verjsonen går live om ikke så veldig lenge.
-
All right, now we’re talking! Blåfargen fungerer bra, synes dette ble passelig balansert mellom tydelige og nøytrale farger.
-
Veldig bra.
Jeg synes du skal lenke til postene fra hovedsiden, og ikke poste hele posten der.
Jeg må si meg enig der. Personlig foretrekker jeg at man viser hele artikkelen på det nyeste innlegget, og bare en inngress på resten. Det gjelder også når man søker seg igjennom kategorier. Du skriver ofte lange artikler (og fortsett med det!), men det kan være drøyt å bla seg igjennom for å finne den artikkelen man leter etter
-
Audun W. skrev:
Strålende! Da er det bare blokkbokstavene igjen da, så er vi i mål
Heh. Du får diskutere med kona om hva husstanden foretrekker.
Kristin skrev:
Jeg har en liten ting med de midtstilte meny-overskriftene, jeg synes du bør droppe dem.
Tenker du på de med hvit tekst og grønn bakgrunn i høyremenyen?
Og til sist håper jeg virkelig denne webton(t)ullet verjsonen går live om ikke så veldig lenge.
Det kommer nok til å ta litt tid. Designet er den enkleste jobben. Jeg har nemlig bestemt meg for å flytte WordPress-installasjonen fra mappen
/blogg/til roten, slik at jeg kan ta i bruk pages, samtidig som jeg beholder URL-strukturen for artiklene jeg skriver. Litt mikking med oppsettet, så bør det fungere, men ingenting jeg ser frem til å ta fatt på.Kaisa skrev:
All right, now we’re talking! Blåfargen fungerer bra, synes dette ble passelig balansert mellom tydelige og nøytrale farger.
Veldig bra. Takk!
Audun S. skrev:
Personlig foretrekker jeg at man viser hele artikkelen på det nyeste innlegget, og bare en inngress på resten. Det gjelder også når man søker seg igjennom kategorier.
Jeg skal sjekke ut om WordPress har funksjonalitet eller plug-ins som støtter dette.
Igjen, takk for alle tilbakemeldinger! Det betyr mye for meg.
-
Tenker du på de med hvit tekst og grønn bakgrunn i høyremenyen?
Ja, – det er egentlig det eneste jeg har å utsette på layouten. Liker den veldig godt.
-
Jeg kommer litt seint inn her, så jeg må tilstå at jeg ikke har lest alle de øvrige kommentarene inngående, og derfor kanskje gjentar ting som har blitt sagt før.
Bortsett fra at det var litt for mange Martin-bilder
synes jeg det ser skikkelig pent ut. Kritikken mot all-caps i overskrifter synes jeg du skal ta med knusende ro, det utgjør en så liten del av teksten på siden at du kan ha dem akkurat som du lyster, så lenge de er godt leselige.Eplefonten er pen den, og jeg synes du kan «nedgradere» (eller foe enkelte av oss blir det oppgradere) til en fri font – som for eksempel Liberation Sans.
Det eneste jeg har å utsette på siden, er det som mange andre også synes forskjellige ting om: bredden. Om den er for bred eller for smal, har jeg ingen formening om. Heller ikke om hvilken bredde som er best å lese. Jeg bare lurer så veldig på hvorfor du ikke kan la meg bestemme slikt selv?
Meldinger som «1024 står for drøyt 13 prosent av de besøkende» trodde jeg vi hadde skrinlagt like etter vi var ferdige med Y2K-buggene, jeg? Og «Selv de største nettbutikkene har valgt større» – hva betyr det? Skal vi velge løsninger etter hva som lykkes blant folket? Bør vi ikke designe som VG alle sammen, da?
Flytende bredde er veien å gå. Og du har kunnskapen og evnene til å få det til på en bra måte.
-
Kristin skrev:
Ja, – det er egentlig det eneste jeg har å utsette på layouten. Liker den veldig godt.
Akkurat nå er jeg ikke kreativ, men hvis du har forslag er jeg ikke fremmed for endringer.
Lasse skrev:
Bortsett fra at det var litt for mange Martin-bilder
Hva annet forventer du å finne på mitt nettsted?
Det finnes visstnok et navn på dette symptomet også.Eplefonten er pen den, og jeg synes du kan «nedgradere» (eller foe enkelte av oss blir det oppgradere) til en fri font – som for eksempel Liberation Sans.
Herved notert på listen. Skal sågar henvise til din side i koden.
Om den er for bred eller for smal, har jeg ingen formening om. Heller ikke om hvilken bredde som er best å lese. Jeg bare lurer så veldig på hvorfor du ikke kan la meg bestemme slikt selv?
Jeg er nok ikke dyktig nok designer til å lagge et design som fungerer godt med flytende bredde. Med fast bredde er det lettere for meg å holde kontroll på hvor alle elementene er, i tillegg til at linjene ikke blir for lange.
Utover det er jeg egentlig enig med deg, men jeg har jo hatt sidene slik i mange år også.
Takk til dere begge for tilbakemeldinger!
-
Liker forsåvidt dagens design meget godt, men det er jo alltid mulighet for forbedringer. Det første jeg ville gjort var å stile (er det et ord?) alle FORM elementer, som input, textarea, evt select osv. Synes det gir en litt mer helhet på siden.
Når det gjelder det nye designet har jeg egentlig lite til overs for store bakgrunnsbilder som må lages veeeldig store for å dekke wide-screen skjermer med høy oppløsning. Kan du klare deg uten?
Ellers vil jeg si meg enig med Thorstein når det gjelder en “full story” på forsiden, men kun når posten er veldig stor. For å løse dette kan du jo droppe vertikalmenyen og kun ha horisontale menyer og bredere div for postene. Det er jo tross alt innleggene som skal være i fokus. Feks kan du ha forside med “short story” og vertikalmeny og droppe denne i “full story” siden. Men så vet jeg jo at du liker å holde på strukturen på nettsiden under navigering
Farger, font, kommentarer osv liker jeg godt! Bra jobbet, Martin
-
Jeg er nok ikke dyktig nok designer til å lagge et design som fungerer godt med flytende bredde. Med fast bredde er det lettere for meg å holde kontroll på hvor alle elementene er, i tillegg til at linjene ikke blir for lange.
Jeg tror ikke det skal være noe stort problem å hive inn elastisk vidde på dette designet; altså hvis noen bruker lav skjermoppløsning så vil siden justere seg deretter.
-
En ting til jeg så nå: kontrasten på menylenkene (øverst -> hvitt på grått) og datoen på innlegget (lys grått på hvitt) er litt dårlig. I hvert fall jeg sitter å gjetter litt hva som står der, og jeg har egentlig ikke så veldig dårlig syn.
Det samme gjelder footer-infoen.
-
Dagfinn skrev:
Liker forsåvidt dagens design meget godt, men det er jo alltid mulighet for forbedringer.
Tilbakemeldingene på det gamle har vært veldig bra, hvilket har gjort det vanskelig å lage en god oppfølger. Litt som å hoppe etter Wirkola, liksom. Imidlertid er det på tide med forandring. Det eksisterende designet fyller fire år snart, og jeg har delvis innsett behovet for noe mer modent.
Uansett hyggelig med positiv tilbakemelding på det eksisterende.
Det første jeg ville gjort var å stile (er det et ord?) alle FORM elementer, som input, textarea, evt select osv. Synes det gir en litt mer helhet på siden.
Det står på planen, men er ikke med i designutkastet. Enkelte ting er enklere å visualisere direkte i nettleseren fremfor Photoshop.
Uansett blir det bare moderat stilsetting for ikke å bryte for mye med inngrodde konvensjoner.Når det gjelder det nye designet har jeg egentlig lite til overs for store bakgrunnsbilder som må lages veeeldig store for å dekke wide-screen skjermer med høy oppløsning. Kan du klare deg uten?
Det kan jeg helt sikkert. Spørsmålet er hva som plager deg, er det størrelsen på filen eller bakgrunnen som sådan? Filstørrelsen er nemlig ikke mer enn 80 KB når jeg fikk lagret den.
Ellers vil jeg si meg enig med Thorstein når det gjelder en “full story” på forsiden, men kun når posten er veldig stor. For å løse dette kan du jo droppe vertikalmenyen og kun ha horisontale menyer og bredere div for postene. Det er jo tross alt innleggene som skal være i fokus. Feks kan du ha forside med “short story” og vertikalmeny og droppe denne i “full story” siden. Men så vet jeg jo at du liker å holde på strukturen på nettsiden under navigering
Dette er et tricky spørsmål, for det er forskjellig praksis ute og går. Allikevel har jeg inntrykk av at de fleste kjører med samme oppsett som jeg praktiserer i dag, men jeg er ikke fremmed for å vise hele siste artikkel, for så å bare vise ingresser for de neste fire, for eksempel. Å bare vise ingresser kan jeg med stor sannsynlighet si utgår.
Farger, font, kommentarer osv liker jeg godt! Bra jobbet, Martin
Takk, min venn!
Kristin skrev:
Jeg tror ikke det skal være noe stort problem å hive inn elastisk vidde på dette designet; altså hvis noen bruker lav skjermoppløsning så vil siden justere seg deretter.
Det er et godt tips, Kristin. Jeg skal se om jeg får draget på elastisk bredde.
kontrasten på menylenkene (øverst -> hvitt på grått) og datoen på innlegget (lys grått på hvitt) er litt dårlig. I hvert fall jeg sitter å gjetter litt hva som står der, og jeg har egentlig ikke så veldig dårlig syn. Det samme gjelder footer-infoen.
Det var meningen, men ikke at den skulle forsvinne veldig, dersom det ser slik ut?
Takk igjen!
-
Det kan jeg helt sikkert. Spørsmålet er hva som plager deg, er det størrelsen på filen eller bakgrunnen som sådan? Filstørrelsen er nemlig ikke mer enn 80 KB når jeg fikk lagret den.
Det er vel ikke annet enn at det en litt mer “slick” å løse det vha små bilder som har repeat-x eller -y. Det er sjelden, eller aldri, noe problem at bildet er for stort. En løsning er kanskje å bruke flere divs som omslutter hele nettsiden, og stile disse med ulike bakgrunnsbilder, men det er jo kanskje ikke så optimalt å måtte ha ekstra div-tags for å få til en spesiell stil.
Kanskje man kan få litt hjelp i HTML 5?
-
Jeg har et litt merkelig problem med bloggen din i Firefox under Ubuntu. Nesten hver gang jeg leser kommentarer ser de ut som dette. Viser jeg bildet (kommentar-topp.png) er det også helt svart. Oppdaterer jeg alt med CTRL+F5 vises bildet fint til neste gang Firefox startes.
Feilen kan godt ligge hos nettleseren min ett sted, men dette er det eneste nettstedet jeg har et slikt problem. Jeg har også prøvd å slette alt Firefox-relaterte innhold på maskinen (config, tmp etc).
-
Hmm, merkelig problem, Audun. Ikke opplevd, og skal innrømme at det kan være noe vrient å bugfikse, men det kan jo være verdt å titte på JavaScriptet som genererer forhåndsvisningen. Det skal uansett ha en overhaling for å fikse problemet med «Anonymous».
Har du synspunkter? Legg igjen en kommentar!
RSS og trackback
Med RSS kan du abonnere på nye kommentarer som postes til denne artikkelen.
Du kan legge igjen et trackback fra ditt eget nettsted ved å benytte trackback-adressen til denne artikkelen. Eventuelle tracback ser du under.
Flere artikler
- Windows XP
- Falsk trygghet
- Hvilket firma dominerer IT-bransjen om tre år?
- Insentiver
- England
- Fra fysisk til digitalt
- IT-skepsis
- Smørmangel
- Carl I. krise
- Debattkastrering
Enda flere artikler? Besøk arkivet.
Bekkelund.net er en blogg av Martin Bekkelund, hvor han lufter sine tanker om IT og IT-politikk. Martin arbeider til daglig som seniorrådgiver, foredragsholder og skribent i IT-bransjen, hvor han veileder bedrifter og organisasjoner i strategisk bruk av IT. Les mer...
© 1995-2012 Martin Bekkelund
Opphavsrett • RSS • Kontakt
Espen Willersrud
20. januar 2009 21.09
Vil nok si meg enig i at du nok har litt igjen på høyremenyen. Selv så utrolig lite konstruktivt det var. Kanskje den rett og slett virker litt tett og kompakt i forhold til alt det andre?
Ellers er jeg litt tvilende til å bruke Gill Sans, for det er det vell stort sett bare Macbrukere som har glede av.
Men ellers er utviklingen god og riktig vil jeg påstå