tisdag 14 februari 2012

Kritik: Gör om mig - CAP&Design:

Så bra borde världens största filmsajt vara


IMDB ger i dag ett rörigt intryck med små bilder och oerhört mycket text. Tråkigt och inte särskilt mycket filmkänsla, tycker David Fogelberg. Klicka för större!

IMDB, The Internet Movie Database, har fastnat i 90-talet och det var absolut dags för en omgörning, tyckte David Fogelberg, som arbetar på Sandberg Trygg. Han tog fram papper och penna och började skissa på ett förslag till omgörning för vår Gör om mig-sida.
– Det man vill känna är att sajten andas film. Det gör den inte i dag. Det är en databas som ser ut som en databas. Texterna är utslängda här och där och besökaren får ingen hjälp att hitta. Det ger nästan ett oseriöst intryck. Med design går det verkligen att förändra funktionerna.

För att få fram filmkänslan använder David Fogelberg stora bilder och överst på sidan har han lagt en list med nya intressanta filmer. Materialet är rörligt, bilderna byts då och då ut. Tanken med det är att både få fram en rörlig känsla som påminner om film, men också att göra sajten mer intressant så att besökare stannar kvar.
– Jag vill lyfta det material de har och åskådliggöra det med stora bilder. Jag ville också förbättra funktionerna och hjälpa användarna att hitta. Det blev en enklare länkning till trailer och filmsnuttar, som nu går att nå snabbare.

Överhuvudtaget genomsyrar filmtanken den nya formen. Utöver större bilder har David Fogelberg dragit upp rubrikerna.
– Det har kanske blivit lite Aftonbladet, men varför inte.
Bakgrunden har blivit svart i stället för vit och här och var tonar det lite i guld.
– Det framhäver bilderna bättre och samtidigt är det ju mörkt på bio, det svarta är också mer dramatiskt. Guldtoningen ville jag ha för att det här är en guldkälla med filmer.

Som typsnitt valde han Helvetica
– Det är enkelt, rakt och snyggt. Det här är en informationssida som är oerhört rik på information. Det ska vara lätt att ta till sig och det är Helvetica. Jag försökte inte uppfinna ett nytt hjul.
Ett dominerande moment på sidan är listen med nya filmer.


Skiss 1: Ett förslag var att sajten skulle
signalera »widescreen« med breda bildpuffar. En sajt helt i flash. Men det blev rörigt och det saknade ett naturligt blickfång.
Skiss 2: Ett annan tanke var en standardsida med en huvudkolumn och en höger-kolumn. Den valde David Fogelberg bort för att den var tråkig och förväntad.


Skiss 3: Här kom den sneda filmstrippen in. Den ger dynamik. Här är det tre kolumner: vänstermeny, mittenspalt för bild och text, en högerspalt för länkar och övrigt.
Skiss 4: Valet föll på denna skiss tillsammans med den sneda filmstrippen i skiss 3. En stor första bildpuff, tillsammans med en högerspalt för länkar och övrigt.


Varför har du valt att göra den sned?
– Det finns ju redan i dag en filmlist, men den är liten och du tänker inte på den. Jag tyckte att den skulle få mer utrymme för att bryta en stel sida, så jag lät den sticka ut mer genom att också lägga den snett. Jag vill att du ska se att du har kommit till en filmsajt.

David Fogelberg har använt sig av en fast sidbredd, så att texten hamnar där den ska. På den nuvarande sajten ändrar sig texten beroende på vilken webbläsare besökaren har, vilket kan leda till väldigt långa och svårlästa texter. Det finns även många andra små detaljer som inte fungerar. Till exempel bör markören stå och blinka i sökrutan när användare går in på sajten, eftersom sökfunktionen är den troligtvis mest använda tjänsten. Det gör den inte, men sådant är egentligen väldigt lätt att fixa, enligt David Fogelberg.


Startsidan för IMDB. Stor huvudbild från  »dagens« film tillsammans med de största nyheterna för tillfället. Klicka för större!


Information om vald film presenteras mycket mer grafiskt. Tydligare länkar för trailer och bilder. Klicka för större!


Ny funktion för medlemmar: att kunna tipsa och betygsätta varandras valda filmer. Mer communitykänsla. Klicka för större!

Det är inte bara strukturen och formen han har gett sig i kast med att förändra, det har även tillkommit funktioner.
– Det har blivit lite communitykänsla. En ny tjänst är att du kan tipsa dina vänner om bra filmer, en annan att du blir vägledd till filmer. Om du gillar en film så får du upp tips om fler liknande filmer. Även här handlar det om att behålla användaren på sajten.

Den senare funktionen påminner om den som exempelvis Amazon använder för att tipsa sina besökare om böcker.

Vad har du haft för inspiration och förebilder för omgörningen?
– Jag gillar film och tittar mycket på film, så därför föll valet för omgörning på IMDB. Jag har tittat på till exempel Getty Images, som använder stora bilder och vägleder användaren. Jag såg även på bland annat SF:s hemsida. När du kommer in där öppnas en ridå. Det är mycket biograf över den.

Hur gick du tillväga vid omgörningen?
– Jag började skissa på papper och tittade lite på olika webbsidor och såg på vad de har för färger, typsnitt och bildmanér. Jag gjorde lite olika förslag och skapade olika strukturer. Sedan valde jag ett par som skulle funka och skissade upp dem i datorn. Jag tycker att det är lättast att börja med papper och penna. I datorn blir allt så väldigt fyrkantigt.




David Fogelberg

Titel: Grafisk designer
Byrå: Sandberg Trygg
Verksamhet: Reklambyrå (B2B)
Kunder: Akzo Nobel, Elekta, Gambro, SCA Hygiene
Products med flera
Utbildning: Elektroingenjör på Chalmers,
Informationsproduktion (2-årig KY-utbildning,
Göteborg), samt drivit egen webbfirma
Utrustning: Mac med dubbla intelprocessorer
(2,66GHz), 3GB ram, dubbla skärmar, penna och papper
Webbadress:  www.sandbergtrygg.se

2008-03-26 06:02

Artikelkommentatorerna ansvarar själva för sina inlägg

Hett på capdesign.idg.se

- CAP&Design:

Layout för webben: Muse

(laddar kommentarer...)


- CAP&Design:

Fria ikoner till webb och appar

(laddar kommentarer...)

- CAP&Design:

Typografi med pensel

(laddar kommentarer...)


- Internetworld:

Han vill förstå din kreativa hjärna

Fredrik Ullén Foto: Sara Appelgren

(laddar kommentarer...)

- CAP&Design:

Dags att tävla i Kolla!

(laddar kommentarer...)


- CAP&Design:

Minimalistiskt

(laddar kommentarer...)


- CAP&Design:

Jens Assur - Form på linsen

(laddar kommentarer...)


- CAP&Design:

Ny spik i kistan för mobilt Flash

(laddar kommentarer...)


- MacWorld:

Terragen - skapa filmiska landskap

(laddar kommentarer...)

Senaste numret!



Nytt från bloggarna



Specialtidning!

Creative Suite-guiden

Om Photoshop | Mer»

Photoshop CS 6 nya gränssnitt
Smart versionshantering

Om typografi | Mer»

Typografi på webben
Så formger du i Word


Tips & Guider

Redesigna: Så gör du
Fem sätt att publicera i Ipad
Så översätter du fysiska objekt

Reportage & inspiration

Med kameran som verktyg
För dig som prenumererar
Tyck till om webb/tidning eller tipsa oss på redaktionen - få svar direkt!
    > Följ CAP&Design på Twitter

    Nyhetsbrev

    Heta nyheter till din mejlbox
    E-postadress


    Välj ett nyhetsbrev
    CAP Nyhetsbrev