Adding a little magic to your website – Webdagene 2009 1

Et foredrag med Paul Annet er et visuelt bombardement av kule, ”magiske” designeffekter. Og det føles liksom helt naturlig med en gorilla på scenen.

Paul Annett fra Clearleft innleder med en historie om den gangen han hadde bestilt en pakke med diverse magikerutstyr til sin butikk, og den ved en feiltagelse ble levert til damene holdt til i andre etasje. Disse damene markedsførte seg selv som ”models – here 4 u… etc” – de tilbød med andre ord tjenester av den heller erotiske sorten.

Have you seen my package?

Paul gikk opp trappen for å hente pakken, og foran den lettkledde damen som åpnet døren fikk han stotret frem; ”have you seen my package?” Svaret var at hun hadde en ”friend” på rommet nå, men om han kom tilbake om en halvtime kunne hun hjelpe ham. Paul gikk ned igjen og fikk aldri pakken sin.

Dette var første gang magien krysset det virkelige liv, sier han.

A little bit of this, a little bit of that…

Den andre gangen var da han viste dette korttrikset. Det har nå fått millioner av treff på YouTube, og folk engasjerer seg i å finne ut hvordan han jukser, for så å fortelle til vennene sine hva de har funnet ut.

- Folk synes de har sett noe unikt, oppdaget en hemmelighet – og de vil fortelle det til andre. Det er her webdesign og magi møtes, sier han.

silverback

Steve the Gorilla

Han trekker frem nettstedet til sitt eget firma Clearleft, som tilbyr programmet Silverback (som er en type gorilla). Forsiden på Silverback har en gorilla som står foran hengende, grønne jungelgrener. Når du endrer størrelsen på nettleseren, flytter grenene seg i forhold til hverandre og gir en 3-dimensjonal effekt. Dette synes mange var kult, og tipset sine venner om det – noe som ga en enorm pågang på nettsidene.

Han roper på gorillaen Steve, som sammen med seks utvalgte publikummere, tre tau og metervis med grønne bånd, gjenskaper 3D-effekten fra Silverback-siten.

3906342327_59661e4c8d_b

Magiske eksempler

Så trekker han frem en rekke flere eksempler på design som har spesielle ”magiske” effekter som folk oppdager og forteller videre til andre. Sjekk dem ut og bli inspirert:

Fed-Ex pilen mellom E-en og X-en i FedEx-logoen.

Toblerone – bjørnen foran fjellet (har du oppdaget den før?)

En Aerosmith-logo som ser lik ut selv om den vises opp-ned.

“Trick”-anagramet som blir til “Treat” hvis du snur det opp-ned

Silhuetten til Mikke Mus som du ser hvis du flyr over Disney world i Florida

Stopp looking at my bottom”-meldingen på juicekartonger

Apples ”Mighty mouse” – det røde lyset under musen viser tegner silhuetten av en mus på bordet.

Moo sticker 1, Moo sticker 2

Tinyurl.com/horsemoves – endring av vinduets størrelse gjør at hesten beveger seg. (”Noen som ser noen praktisk nytte? Nei, men det ser kult ut”, sier Paul)

Modernista.com, som legger sin meny ”over” andre nettsteder som wikipeida m.fl.

Tinyurl.com/zenocean – der lykten til en dykker lyser opp når du skroller fordi han nærmer seg havbunnen

Webleedesign.com – med maling rennende nedover siden ettersom du scroller

Producten.hema.nl – hysterisk produktpresentasjon

Tonnevis med dopapir ikke imponerende

Så forklarer han “the kano model of customer satisfaction”, der y-aksen er kundetilfredshet og x-aksen er utførelse.

I den trekker han tre piler. Den første er Performance needs og går stødig på skrå oppover mot høyre. Som eksempel tar han hotellinnsjekking, der vi blir misfornøyde hvis det går veldig sakte og imponert hvis det går svært raskt.

Den andre pilen symboliserer Basic needs som flater ut ganske raskt. Som eksempel tar han toalettpapir på hotellbadet; hvis det er for lite blir vi svært misfornøyde, men hvis det er utrolig mye dopapir blir vi ikke imponert – vi bare forventer at det er nok.

Den tredje pilen er Exitement needs, som stiger eksponentielt. Gratis wifi på hotellet er et eksempel – det lille ekstra som gjør at vi blir veldig fornøyd og ønsker å komme tilbake.

Men det er en dimensjon til, forklarer han – og det er tid. Det som var ”Exiting” i dag er ”Basic” i morgen. Du må derfor kontinuerlig jobbe med innovasjon for å bli bedre.

Til slutt siterer han Don Norman: ”It is not enough that we build products that function, that are understandable and usable, we also need to build products that bring joy and excitement, pleasure and fun, and, yes, beauty to people’s lives”

Så er det slutt på magien for i dag, og Paul Annett takker for seg.

And just like that – he was gone.

Én kommentar

  1. Pingback: → Design for emosjoner – FOWD | IAllenkelhet

Skriv en kommentar

  • *
  • *

XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Mest lest

Ett år og fortsatt grønnskollinger

For et drøyt år siden skrudde vi opp volumet på vår egen visuelle kommunikasjon. Siden vi var våre egne oppdragsgivere kunne vi teste ut noen hypoteser på hvordan en visuell identitet kan gjøres mer effektiv på nett. Her er noe av det vi fant ut.

  1. Tid for ømhet
  2. Prototyping i Xcode
  3. 3 myter om mobil
  4. Slik jobber du strategisk med innhold

Sist kommentert

Slik jobber du strategisk med innhold

Netlife Research får ofte spørsmål relatert til innholdsstrategi: Hvem kan gjøre det? Hvordan lage en innholdsstrategi? Hvordan jobbe strategisk med innhold? Hvordan komme i gang? For å svare på disse spørsmålene inviterte vi Kristina Halvorson til å holde en Masterclass i innholdsstrategi. Følgende er en tekstlig oppsummering, samt et utvalg av mine visuelle notater.

  1. Prototyping i Xcode 1
  2. Slik jobber vi i Netlife 2
  3. Kundene skyr trøblete nettbutikker - se statistikken som viser hvorfor 13
  4. 3 myter om mobil 5