Weblayout per i dag inkluderer ofte en topp-rad (A) som dekker hele bredden. Denne inneholder ofte logo, global navigasjon og søk. Under topp-raden finner man ofte en multikolonne-løsning med diverse inngangsporter til innholdet på nettstedet. Og på bunnen finner vi ofte en enkel footer-rad (E). På undersider brukes ofte en tre-kolonneløsning, med subnavigasjon (ofte med flere nivåer) i venstrekolonne (B), primærinnhold i midtkolonnen (C), og sekundært og relatert innhold i høyrekolonne (D).
Dette er selvfølgelig en forenkling av virkligheten, men man kan godt kalle dette en standard layout for nettsider i dag. Og jeg tror dette er blitt en standard ikke nødvendigvis fordi det er best, men like mye fordi det er relativt lett å plassere innhold og navigasjon i en slik layout. For eksempel er dette standard layout i mange publiseringssystem.
Standard kolonnelayout er ikke nødvendigvis dårlig, fordi det gir gjenkjenbarhet på tvers av nettsteder og gir til en viss grad forutsigbarhet, men jeg tror det er rom for forbedring av layouten hvis vi ser på hvordan brukere navigerer rundt på et nettsted. Så, hensikten min med dette innlegget er å prøve å komme med forslag til å tenke nytt når det gjelder weblayout.
I stedet for å tenke kun kolonner i layouten, tenk rader også, spesielt på innholdssider. For eksempel har Amazon kuttet ut både venstre- og -høyrekolonne på produktsidene sine, og de bruker kun radlayout.
Hvis det er slik at brukere overser hva som ligger i høyrekolonnen, så bør man vel heller ikke bruke den til relevant innhold. Man kan kanskje vurdere å ta den bort, for å få mer fokus på hovedinnholdet. Den informasjonen man hadde tenkt å legge i høyrekolonnen kunne man lagt i en rad på bunnen av siden, sammen med annen relevant navigasjon.
Tenk deg at du har funnet en artikkel eller en side som du fant interessant. Da er linker til relatert innhold ikke interessant før du har lest artikkelen. Og hvor befinner du deg når du har lest artikkelen, nemlig på bunnen av siden. Man har funnet og lest det man kom for, og man er klar for å lese eller gjøre noe annet. Men på de fleste nettsidene finner man omtrent ingen relevante linker på bunnen av siden.
Denne artikkelen, “Embrace your bottom“, viser ideen i praksis og den omhandler samme tema. En annen side som også viser denne ideen er “Killing Some Bad Layout Conventions“. Her har man lagt hele hovednavigasjonen på bunnen av siden. Selve artikkelen kan forøvring også anbefales.
Man kan også se for seg en kombinasjon av layout bestående av rader og kolonner, sammen med relevant navigasjon på bunnen av siden. www.cssbeauty.com er eksempel på det. Eller som Amazon, som bruker kolonnelayout på forsiden og seksjonsforsider, men på produktsidene går over til radlayout.
De fleste har kanskje vært innom lange nettsteder som har en “tilbake-til-toppen”-link på bunnen av siden. Nå synes ikke jeg at dette nødvendigvis er en god løsning, men det illustrerer ideen. Fordi, hvorfor har man lagt inn denne linken? Det er fordi de som ser den linken har fokus nederst på siden, og all annen navigasjon ser man ikke fordi det ligger øverst på siden, så man gir brukere dette alternativet. Med andre ord, gi brukeren alternativer der de er motivert for å gjøre noe annet, og ikke før.
Kreativ utvikler, IXD
Synes webdesign og webtypografi er kjempetøft. Mener i tillegg at avrunda hjørner er noe av det største som har skjedd de siste årene. Jobber hos IXD med å lage fin html-kode og gjennomgripende stilark. Jobbet før det skikkelig lenge i Gazette med akkurat det samme. Utdannet Grafisk Høyskoleingeniør, og stolt av det. Er ellers stor fan av Streken.
Følg meg på Twitter
Kuttisme.no er drevet av
2 kommentarer til "Er standard kolonnelayout det beste?"
Bra innlegg. Jeg har faktisk sett flere av artiklene du lenker til tidligere, men har merkelig nok klart å “glemme” å bruke dette likevel. Det er lett å falle tilbake til “konvensjoner” (eller i det minste det man ser overalt ellers).
Personlig liker jeg rad-layout når det er gjort godt (som i noen av eksemplene du lenker til). Men jeg er ikke spesielt glad i Amazon sitt oppsett. Jeg bruker Amazon mye, men bruken der er ikke så lineær som i eksempelet du viser til. For artikler og blogginnlegg er det naturlig å lese seg nedover. På en produktside er det ofte mer scanning etter konkret informasjon, f.eks. spesifikasjoner eller brukerkommentarer osv.
Har dere prøvd dere på rad-layout i noen oppdrag enda?
takker for kommentaren! jeg leste “Embrace your bottom”-artikkelen selv for to år siden, og jeg har nok selv “glemt” å ta det i bruk. Men når jeg leser den igjen nå og ser på eksemplene, så sitter jeg med følelsen av at dette faktisk er en god ide, brukt riktig. Så forhåpentligvis så får jeg mulighet til å ta det mer i bruk fremover.