Bruk av illustrasjoner og karakterer for å gi websiden sjel

Som en IKKE-designer blir jeg alltid fasinert når jeg ser websider med designelementer som virkelig gir – ikke bare WOW-faktor – men som også gjør at jeg får tillit til innholdet. Hvordan får de det til? Hvordan kom de opp med den karakteren eller den “feelen” som gjør at nettsiden er en fryd å hvile øynene på?

Denne bloggposten skal dreie seg for det meste om å vise eksempler på websider med gode illustrasjoner og god “feel”, men først vil jeg ta opp et problem:

De fleste websider er sjelløse og anonyme

Veldig mange nettsider er ansiktsløse “maskiner” som kun handler om å stille opp ord på en mest mulig effektiv måte.

Det jeg tror mange glemmer er at utseende og kroppspråk er viktig for at folk skal gi ordene en sjanse. I løpet av en brøkdel av et sekund danner folk seg et inntrykk av nettsiden, og en god illustrasjon/logo/grafisk uttrykk er til stor hjelp.

En årsak til at dette forsvinner hos mange ligger nok i at webprosjekter ofte setter av lite ressurser til det kreative, og at en ofte henger seg så opp i å være “profesjonell” at en kutter bort alt som dreier seg om å få i gang følelsene.

BIG MISTAKE!

Å bygge tillit/merkevare uten å engasjere følelser er umulig!

Men nok om mine tanker og meninger – La oss se på noen websider som (jeg synes) lykkes og tenke over om og hvordan noe slikt kunne fungert på våre egne nettsider.

Gode nettside-karakterer

Jeg har først og fremst sett på karakterer, og figurer som enkelte websider bruker for å gi et inntrykk av hvem de er og hvordan de jobber.

Fatguy

“Everybody loves a chubby dude”. Jeg har alltid likt denne fyren.

Iphonespesialistene i Fatguy er slett ikke er så feite som de gir seg ut for – men de klarer med den feite fyren å formidle at de er kule folk som lager fete app-er. Kudos!

PS: Har lenge drømt om å få laget en eller annen sakselignende figur til Kuttisme, så hvis noen har lyst …

Silverback

Clearleft i Brighton står bak Silverback som er et verktøy for “Guerilla Usability Testing.”

“Guerilla” og “Gorilla” er kanskje et litt søkt ordspill, men det grafiske uttrykket fungerer selv om en ikke forstår koblingen umiddelbart. Merkevaren Silverback er uansett lett å se koblingen til.

Squared Eye

Møt Levi (kort for Leviathan) – en hval som IKKE er utviklet av designbyrået Squared Eye.

Designbyrået Squared Eye outsourcet arbeidet med å utvikle sin egen merkevare til et annet byrå – Able. Hvorfor? Her er gründeren Matthew Smith sin begrunnelse:

“I’ve learned that, in my personal life, external counsel is the most effective way to get to know myself, so why would business be any different?”

Resultatet er at Squared eye har fått et nettsted som gir leseren lyst til å utforske mer og mer – og en kombinasjon av språkbruk og illustrasjoner som underbygger hovedbudskapet om at de har “a MONSTROUS APPETITE for tiny details”

Frontend Design Conference, Florida

Disse gutta har en fantastisk måte å vise frem foredragsholderne sine på:

De har rett og slett laget en tegneseriefigur av alle foredragsholderne der figuren også illustrerer særegenheter eller interesseområdene til den enkelte.

La oss se nærmere på en av dem. Superdesigneren Jina Bolton ser egentlig slik ut:

Men siden Jina er så glad i sushi og roboter at hun kaller hjemmesiden sin Sushi & Robots har de valgt å fremstille henne slik:

Illustrasjonene fungerer som en motivator til å sjekke hver eneste foredragsholder for å finne ut hvorfor de er karikert som de er. Genialt.

Travelmenu

Jeg syns det kan være interessant og lærerikt å også se eksempler der bruken av karakterer mislykkes. Her er nettsiden til reisebyrået Travelmenu:

Hvorfor mener jeg Travelmenu mislykkes?

Jo, de har altså fått laget en jordklode-kokk og en gaffel med kokkelue. Fine figurer – hvis dette hadde vært en nettside der du kunne booke matopplevelser eller “kulinariske reiser”. Men Travelmenu er bare et vanlig bookingsystem. “Menu” delen av navnet handler om at du plukker hoteller og opplevelser fra en meny, og ikke om noe som helst matrelatert.

Figurene skaper altså et inntrykk av at innholdet vil være matrelatert, og selv om de bidrar til et positivt førsteinntrykk så blir opplevelsen skuffende når en får servert resultatet av søket. Kanskje kunne det fungert om det var kombinert med tekst ala “Cook your own travels with ingredients from our huge menu of hotels and activities.”? … Nja…

Hvorfor skal DU bry deg om karakterer og illustrasjoner?

Det er vanskelig å finne virksomheter – bortsett fra designbyråer – med nettsider som har en gjennomført bruk av karakterer og illustrasjoner. Og når ting stort sett eksisterer kun i bransjen som lager tingen pleier det å blinke litt i varsellampee mine: Jeg tenker: “Dette er pent og stilig, men det har vel egentlig ingen forretningsverdi?”

Jeg tror det har det. Og jeg tror tegnere og grafikere vil få veldig mye mer å gjøre i fremtiden:

Har du sett hvordan touchscreens dukker opp over alt?

Hvordan ikoner og grafikk blir mer og mer en del av måten vi navigerer på?

Min påstand er at vi blir nødt til også å legge mer ressurser i å skape et visuelt univers for virksomheten/merkevarene våre. Og jeg tror gode “karakterer” vil være en del av den jobben. Bare husk på at det visuelle må henge sammen med innholdet.

Hva tror du?