Responsive Web Design – jag pratar med pionjär Johan Edlund

 
Staffanstorp.se på olika enheter - Flickr

Webbplatsen staffanstorp.se anpassar sig till olika skärmstorlekar.

Johan Edlund — tidig skiss för staffanstorp.se

När jag visar webbplatser som använder sig av Responsive Web Design häpnar många och utbrister: — Det här är ju lösningen för alla mobila webbplatser! Eftersom jag inte sett några djupare användarstudier har jag själv varit försiktigt skeptisk till fenomenet med webbplatser som transformerar sitt utseende beroende på skärmens eller webbläsarens storlek. Är det här vad användarna vill ha och är det vad de behöver? Det är som vanligt med nya superkrafter:

With great power comes great responsibility

För att få en ökad förståelse för hur Responsive Web Design implementeras ringde jag upp Johan Edlund som ligger bakom hur webbplatsen staffanstorp.se beter sig i olika skärmstorlekar. Vi pratar framför allt om projektupplägg och olika utmaningar, men kommer också in på hur ett oväntat offentliggörande av Joakim Jardenberg ledde till en oplanerad testomgång.

» Och ja, jag inleder med att visa hur staffanstorp.se fungerar. Verktyget jag använder för att se sajten i olika storlekar heter responsivepx. Och ja, jag vet att jag säger fel skärmstorlek i videon. 1024 x 768 pixlar är det jag menar egentligen förstås.

Intervju med Johan Edlund om staffanstorp.se

Responsive Web Design — Intervju med Johan Edlund from axbom on Vimeo.

Samtalet med Johan börjar vid 04:20 i filmen om du vill skippa intron om Responsive Web Design.


Lär dig mer om Responsive Web Design

Om du vill få mer argument och tips kring hur du ska tänka när det gäller Responsive Web Design rekommenderar jag dessa två alldeles lysande presentationer:

Pragmatic Responsive Design


Why Mobile First isn’t enough

…och tillhörande video.

Videon är lite skakig rent tekniskt, men framförandet är sevärt. Nästa vecka fortsätter jag min intervjuserie med Kevin M Powell via Skype. Intervjun kommer publiceras i min engelska blogg som lanseras samtidigt. Damn straight! ;)


PG

Om Per Axbom

Webbstrateg och upplevelsedesigner som arbetat i 15 år med att skapa digitala lösningar med hög affärsnytta, tydligt användningsfokus och relevant teknikval för uppgiften. Jag visualiserar problembilden, leder workshops och inspirerar till innovation. → Följ @axbom på Twitter.

9 kommentarer
  1. [...] @axbom : Responsive Web Design – jag pratar med pionjär Johan Edlund [...]

  2. @collentine
    2011-11-01 23:48

    Finner det lite ironiskt att du pratar om anpassning till olika skärmformat när jag inte ens kan se första videon i posten eftersom den ”inte är tillgänglig för mobiler” :)

  3. 2011-11-08 19:06

    @collentine: mmm, lite ironiskt får jag hålla med om. Jag trodde faktiskt att just den skulle funka i mobilen… betalar för premium-konto på Vimeo och det är en av fördelarna har jag för mig. Måste kolla upp vad som är orsaken.

  4. [...]   Swedish? You may also like my interview with Johan Edlund over on axbom.se. [...]

  5. [...] mobilt, enbart mobilt av Erik Larsson Några tankar om Responsiv Design av Thord Daniel Hedengren Responsive Web Design, med Johan Edlund av Per [...]

  6. Lina
    2012-03-19 01:51

    Tusen tack för en superbra atikel och intervju – väldigt inspirerande och lärorikt!

  7. 2012-07-16 01:31

    Angående att den här sidan inte anpassar sig mobilt pga videon kan den här artikeln från alistapart va intressant: http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/

    …verkar som din vimeo -video har en inline stilsättning med en bredd på 560, men använder du !important i din css -fil kan du ”overrida” inline stilsättningen.
    Bra artikel för övrigt!

  8. [...] Staffanstorp Responsive design [...]

  9. Pingback
    2013-05-07 21:58

    [...] är en webbplats som brukar lyftas fram som ett positivt exempel på responsiv webbdesign. Den tycker jag är ett talande exempel för när [...]

Jag är redo för din kommentar


till toppen