Nå skal vi redesigne veiskiltene!

Alt for mange designere ivrer etter å «finne opp hjulet på nytt» når de skal lage design for nettsider. Det blir som at Lillestrøm skulle designe egne veiskilt – for å skille seg fra resten av Norges byer.

Hva tror du det står her? :-) Det hadde du neppe gjettet om en kunstnerisk designer hadde følt at dette skulle vært blått og firkantet – for å skille seg ut.

Alt for mange designere ivrer etter å «finne opp hjulet på nytt» når de skal lage design for nettsider. Det blir som at Lillestrøm skulle designe egne veiskilt – for å skille seg fra resten av Norges byer.

Det er en grunn til at veiskiltene rundt oss er like alle sammen. Og det er en grunn til at du finner nærmest identiske skilt rundt omkring i verden. Det er tegn og symboler vi er vant til å følge for å finne frem.

Det er mye det det handler om på nettet også. Det finnes flere måter å lage en fresh nettside på, og det finne gode måter å lage spennende brukeropplevelser på. Men «skiltene» våre på internett må også få være i fred. De er vi vant til å følge, som at jeg kan klikke på logoen for å komme hjem, at lenkene er tydelig merket (med foreksempel en blåfarge og underline), at internsøket er oppe til høyre, at stier for filer i søkeresultater er grønne, og så videre …

Ikke la deg herse med av «kunsterne» som skal lage en fænsi nettside du ikke trenger. Finn ut hva brukerne dine (forhåpentligvis) kommer til siden din for, og gi dem det på lekre, effektive måter.

Så det så.

Om å gjøre logisk design spennende

Jeg er opptatt av å lage det jeg kaller logisk design. Men hvordan kombinerer man logisk design med design som er innovativt og moderne, og som skiller produktet vårt fra konkurrenten?

Jeg er opptatt av å lage det jeg kaller logisk design. Men hvordan kombinerer man logisk design med design som er innovativt og moderne, og som skiller produktet vårt fra konkurrenten?

Først og fremst. Hva legger jeg i uttrykket logisk design? Med logisk design mener jeg grafisk design med brukeren i fokus: Design som er inspirert av interaksjonsdesign og som tar prinsippene for brukervennlighet på alvor – både på skjerm og papir.

I LOVE DESIGNDersom design er kunst er logisk design brukskunst: Pene ting som samtidig har en funksjon, og som er sånn istedenfor sånn – av en grunn.

Logisk design på et CD-cover vil si det designet som gjør det logisk for publikum hvordan musikk de kan forvente seg. Logisk design på en nettside forteller brukeren hva han kan gjøre (hva call-to-action på nettsiden er), og for eksempel hva som er klikkbart og ikke. Logisk design på en grafisk profil vil si det designet som best forsterker verdiene vi ønsker å legge i brandet (som oftest; trygghet, innovasjon og modernitet), uten for mange elementer som forvirrer.

Utfordringen melder seg derimot når bestillingen fra kunden er et webdesign «med edge» eller en nettside som skal skille seg fra alle andre. For spesielt på nett har vi våre «vaner», og våre prinsipper for å forstå nettsiden:

  • Lenker i blått og med understreking
  • Logoen øverst til venstre
  • Tydelig klikkbare «Bestill»- eller «Neste»-knapper
  • Hovedteksten i sort på hvit bakgrunn
  • Tydelig merking av hvilken side du er på
  • Tittel på hver side
  • og så videre …

Nå tror du kanskje jeg skal komme med en løsning på hvordan man kombinerer spennende design med logisk design. Men igjen sier jeg mot min egen overskrift. Logisk design og spennende design er ikke motsetninger. Logisk design, gjort på den riktige måten, skaper glade brukere og kunder, fordi alle kan se på designet og si «Ja, akkurat sånn bør det se ut!» Logisk design handler rett og slett om å lage god design, men uten å bryte for mange av prinsippene vi vet fungerer, kun for å være «nytenkende» og annerledes.

Se et pent design gjort mer logisk
Se Finn.no redesignet – på en time

Fortsett å lese «Om å gjøre logisk design spennende»

Død over bannerannonsene?

Nina Furu har skrevet et veldig interessant blogginnlegg om norske nettavisers bruk av bannerannonser, i forhold til for eksempel amerikanske og engelske «konkurrenter».

Nina Furu har skrevet et veldig interessant blogginnlegg om norske nettavisers bruk av bannerannonser, i forhold til for eksempel amerikanske og engelske «konkurrenter».

Faksimile fra http://www.ninafuru.no
  • Norske aviser satser fortsatt på bannerannonser – til tross for elendige klikkprosenter
  • For 50% av brukerne viser ikke VGs forside engang den siste nyhetens tittel – fordi bannerannonsen i toppen stjeler plassen
  • Avisene vil, i følge Furu, få mer synlige annonser ved å gjøre dem mindre

Les innlegget her

Å lese designtrender ut av statistikk

Er det mulig å se hvilket design som er mest troverdig ved å notere seg hva de store, kjente annonsørene gjør? Eller sitter vi da bare igjen med en oppskrift på A4-løsningen?

Er det mulig å se hvilket design som er mest troverdig ved å notere seg hva de store, kjente annonsørene gjør? Eller sitter vi da bare igjen med en oppskrift på A4-løsningen?

I disse dager jobber jeg med et prosjekt her i Comperio. Et prosjekt hvor jeg blant annet trenger å vite hvordan selskaper vi sammenligner oss med fremstiller seg visuelt. Jeg bestemte meg for å prøve noe nytt: å la mattematikk utforske de kunstneriske følelsene.

Noen av annonsene jeg noterte statistikk fra. Klikk for stor utgave.

Hovedmålgruppen vår er Corporate Bob (45), som enten er markedssjef eller informasjonssjef i en stort selskap. Han bor i London, men jobber flere dager i måneden i New York. Bob en en moderne mann, med høye krav og med høy terskel for å la seg imponere. Han er daglig eksponert for markedsføring som skal forsøke å få han til å endre mening om et brand, til å kjøpe en ny klokke eller til å avgjøre å velge en teknisk løsning fremfor en annen for bedriften han jobber i.

Jeg gikk ut og kjøpte to magasiner og to aviser jeg regner med at Bob leser på flyet over til New York:

  • The Economist (Utgave April 2nd-8th 2011)
  • The Wall Street Journal Europe (Utgave April 5th 2011)
  • The Financial Times Europe (Utgave April 5th 2011)
  • GQ Magazine (Utgave March 2011)

Disse fire trykksakene inneholder dermed, etter min teori, visuell kommunikasjon som påvirker målgruppen vår (Bob) og kommunikasjon som konkurrerer med Comperios budskap.

Jeg gikk gjennom disse fire trykksakene, og noterte meg statistikk fra 114 av de totalt 150 annonsene jeg fant. 36 av dem ble diskvalifisert, enten fordi det var en for ukjent avsender, eller fordi annonsen tydelig ikke var brukt tid på/var en del av en større grafisk profil. Egenannonser for magasinet/avisen og stillingsannonser er ikke medregnet.

Fortsett å lese «Å lese designtrender ut av statistikk»

Redesign av Finn.no

På fredag hadde jeg en ledig time. Da tenkte jeg; «Hva er det mest klysete jeg kan gjøre før helga? Jo; redesigne et av Norges mest brukte nettsteder på 1 time.» Og dermed fikk Finn.no seg en «One-Hour-Makeover».

På fredag hadde jeg en ledig time. Da tenkte jeg; «Hva er det mest klysete jeg kan gjøre før helga? Jo; redesigne et av Norges mest brukte nettsteder på 1 time.»
Og dermed fikk Finn.no seg en «One-Hour-Makeover».

Jeg har sittet og sett på One-Hour-Makeover på TvNorge, og irritert meg over interiørdesignerne som skal redesigne en hel kåk på en time. Jeg nekter å tro at de gjør det på en time … bare å la malingen tørke tar tre timer.

Og å tro at man kan gjøre underverker ved å redesigne en nettside på en time, uten noen som helst research, statistikk eller brukerundersøkelser annet enn sine egne erfaringer, er omtrent like latterlig. Men dette er rett og slett et eksperiment for å se om noen små endringer kan gjøre ting bedre.

Fortsett å lese «Redesign av Finn.no»

Tips til hjemmewebdesigneren

I 2002 hadde jeg en nettside hvor jeg blant annet hadde menyvalget «Tips til hjemmewebdesigneren». Jeg gjengir dette menyvalget i sin helhet …

I 2002 hadde jeg en nettside hvor jeg blant annet hadde menyvalget «Tips til hjemmewebdesigneren». Jeg gjengir dette menyvalget i sin helhet:

Johannes som 22-åring :-)

NB! Flere av disse reglene er utdatert, men samtidig er det mye som fortsatt gjelder; f.eks dette om tekst og å ikke prøve å lage mer kompliserte nettsider enn man trenger. Samtidig er det morsomt å både lese hvor skråsikker en 22-åring er, kombinert med hvor mye internett har endret seg på åtte år :-)

Sitat johannes.no anno 2002:

Lag sidene så enkle som mulig

Er du ikke noen proffesjonell webdesigner, ikke prøv å lag det proffesjonelt. Lag det enkelt. Tenkt lesbarhet og navigering.

Velkomstside

Ikke lag velkomstside. Ingen vil ha en egen side for å ønskes velkommen. Alle regner med at de er velkommen når de havner på en webside. Bruk heller ikke opp den besøkenes tid på å vise f.eks. logoen til firmaet ditt (splash-screen). Hvis ikke du får fremhevet den godt nok i sidemalen, må du lage sidene på nytt.
En forside bør inneholde informasjon om siste oppdateringer, kanskje noen linker, og – i det hele tatt god informasjon om det siden inneholder.

Fargebruk

God smak er umulig å lære bort :) Spesielt når det gjelder farger kan man skille gode designere fra Ola Dunk Hjemmedesign as. Hold deg i alle fall borte fra skrikende farger. Velg heller litt matte og forsiktige. Du skal ikke konkurrere ut andre sider. De er allerede på siden din. Gi leserene en behagelig leseopplevelse. F.eks. ved å bruke en lys, matt bakgrunn (helst hvit) og sort (eller mørk grå) skrift.

Ikke bruk frames

Alt for mange bruker frames. Frames er som håndjern på designeren. Det låser designen til et visst mønster, og gjør det umulig å linke til en spesifik side.
Et godt alternativ til frames, er å bruke Perl (CGI), PHP eller ASP for å hente inn txt-dokumenter i en tabell. Dette krever likevel litt kunnskap. Eller en kompis som kan CGI :)

Animasjoner

Ikke bruk animasjoner. Da tenker jeg på sånne som alle bruker. F.eks. den irriterende veiarbeideren som forteller at en side er under produksjon. Denne viser ALLE at du er skikkelig uproff!
Vil du likevel ha en animasjon, bør du lage en enkel en selv. I samme stil som resten av siden din. Pass bare på at den ikke blir irriterende og ødeleggende for helheten.

Bilder

Husk alltid å komprimere bildene dine. Det beste verktøyet for bildebehandling er uten tvil Adobe Photoshop. Der kan man blant annet lagre bilder spesielt for web – og få informasjon om nedlastningtid og størrende.

Tekst

Unngå å lage viktig tekst som grafikk. Noen ønsker å pynte opp med fine overskrifter som grafikkfiler. Gjør du det må du huske på at endel aldri får se den overskriften – de som har skrudd av visning av grafikk. All tekst bør lages i HTML. Bruk også CSS i steden for font-tagger.
Prøv også å løse opp store tekstmender. Lag avsnitt, mellomtitler, og uthev viktige setninger. Da blir det lettere å lese, og man trenger heller ikke nødvendigvis lese hele avsnittet for å få med seg hovedpoenget.

Tunge sider

Ikke tenk at «nå har alle så gode linjer». Beregn siden din på dem som sitter på 28,8-modem. De har like mye rett til å se siden din som alle andre. En side bør ikke ta mer enn 10 sekunder å laste på et 28,8-modem.

Sist oppdatert: 4. juni 2002

%d bloggere liker dette: