UX og ny hjemmeside til Superflex
Den internationalt anerkendte kunstnergruppe, Superflex, har fået ny hjemmeside med usability og performance i særklasse. Hjemmesiden er udtænkt som et informationssystem – et værktøj med et klart formål. Fokus er på Superflex' originale og tankevækkende arbejde.
Skrevet af Jonas Waaben
Om Superflex
Superflex er en internationalt anerkendt kunstergruppe fra København. Superflex har blandt andet udstillet på Tate Modern (London), MoMA (New York City) og på bunden af havet.
Jeg har beundret Superflex' arbejde længe. Selvom man måske ikke kender navnet Superflex, vil de fleste københavnere kende værker så som byområdet Superkilen, udsmykningen af Havneholmen metrostation, eller den ikoniske, orange plakat Foreigners, Please Don't Leave Us Alone With The Danes! (med grafisk design af Rasmus Koch).
Samarbejdet med Korpus om redesign af Superflex' hjemmeside var en konstruktiv proces med et resultat, vi er meget stolte af. Korpus' kompetencer spænder over analyse af vores behov, fortolkning af identitet, fokus på brugervenlighed samt brug af de nyeste webteknologier. Resultatet er en hjemmeside, der excellerer i tilgængelighed, hastighed og klar kommunikation på alle platforme.
Designprocessen
Da Korpus blev hyret til at redesigne Superflex.net, stod det klart fra begyndelsen, at det ikke var en helt almindelig designopgave. Når kundens brand er forbundet med en gennemført visuel stil, stiller det naturligvis særlige krav til deres hjemmeside.
For kunder med et stærkt designbrand, vil man typisk lade webdesignet inspirere af produkternes design (se for eksempel Apple eller Bang & Olufsen).
Der var to udfordringer for denne tilgang:
- For det første er værkerne ekstremt forskellige – lige fra opera til naturgasanlæg.
- For det andet analyserede vi os frem til den strategi, at hjemmesiden burde være funktionel frem for at forsøge, at levere en æstetisk oplevelse i sig selv.
Den logiske løsning var, at lade værkerne tale for sig selv.
Brugeren skulle altså ikke beundre 'vinduet', men udsigten, så at sige, modsat hvad mange andre kunstwebsites forsøger (med meget varierende held).
Derfor blev målet, at skabe en brugervenlig, lynhurtig hjemmeside med kunsten i centrum. Som et informationssystem, der først og fremmest skal være nyttigt.
Således blev usability det bærende designprincip lige fra begyndelsen, når vi co-designede informationsarkitektur og UI-elementer ved hjælp af skitser og scenarier.
Typografi, farver, layout – alt lever op til rigide krav for usability og accessibility.
Dette harmonerer nu faktisk med Superflex' værker og brand, der er præget af klarhed; Hvis noget er værd at sige, siger de det højt og tydeligt. Det samme bestræbte jeg mig på i det nye user interface.
For eksempel blev den orange farve valgt som de-facto brandfarve, baseret på blandt andet Foreigners-plakaten og sin høje kontrast til de øvrige farver. Og den kontante blå linkfarve blev valgt ud fra værket Like A Force Of Nature, og fordi blå netop signalerer 'klik på mig'.
På den måde endte det færdige webdesign alligevel med at blive ret markant, uden at være tynget af pynt, eller at påkalde sig upassende opmærksomhed i det hele taget.
I øvrigt kan det nævnes, at alt blev designet med en genuin mobile-first-tilgang; Al prototyping tog udgangspunkt i mobilformatet, hvor der jo er langt mindre skærmplads at gøre godt med end på desktop.
Dette valg afspejlede dels, at de fleste besøg kommer fra mobil, men mobile-first fordrer desuden, at man får taget de svære diskussioner om prioritering af indhold og features i begyndelsen. Dermed undgår man kiksede kompromisløsninger, hvor man – stadig – ofte mærker, at der er blevet hugget en hæl og klippet en tå, for at tilpasse interfaces til mobil. Man kan altså vende mobilskærmenes begrænsninger til en fordel i designprocessen.
Ud over strategi, informationsarkitektur og design, leverede Korpus al frontend-kode (HTML, CSS og JavaScript), som blev implementeret i et specialudviklet backend-system af Superflex.
Besøg hjemmesiden: