Responsiv webbdesign är en utopi

juli 18, 2012|Spaningar och analyser|7 comments

Den amerikanske webbdesignern Ethan Marcotte skrev följande i en artikel för två år sedan:

Fluid grids, flexible images, and media queries are the three technical ingredients for responsive web design, but it also requires a different way of thinking. Rather than quarantining our content into disparate, device-specific experiences, we can use media queries to progressively enhance our work within different viewing contexts.

Med denna artikel skapade Marcotte en trend som lett till att begreppet ”responsiv webbdesign” är på alla scarfbepryddad innerstadsdesignerns läppar. Som beställare av webbplatser känner du dig dum om du inte plitar dit begreppet responsiv webbdesign i din beställning. Vi behöver inte längre någon dålig mobilversion som bara tar bort alla viktiga funktioner. Framtiden är att vi kan presentera samma innehåll som magiskt anpassar sig till det gränssnitt användaren råkar använda för tillfället.

Detta låter väldigt tilltalande om det inte vore för något som kallas användare. Precis som användbarhetsgurun Jakob Nielsen skriver så räcker det inte med att bara anpassa designen för skärmstorleken. Innehållet måste också anpassas. När vi sitter på en stor skärm kan vi läsa längre texter och kolla på megastora perspektivbilder. Det kan vi inte göra om vi vill kolla upp något på mobilen. Då vill vi ha kortare texter och bilder som är inzoomade på detaljer. Dessutom vill vi slippa scrolla förbi irrelevant innehåll och kunna navigera smidigt via pekskärm.

Wapple Blog pekar på att användningen på dator och mobilt skiljer sig väldigt mycket åt då användarens förutsättningar är så olika. Med en smartphone har du till exempel en GPS, vilket gör att du kan använda tjänster som bygger på geografisk placering. Den funktionen finns inte på en vanlig dator. Om du designar så att allt ska passa alla medier, så utnyttjar du inte de olika mediernas styrkor som mobilens GPS, kamera och NFC eller datorns stora skärm, tangentbord och mus.

Staffanstorp kör responsiv design

Staffanstorp.se i olika enheter. Foto: axbom. Licens: CC BY-SA 2.0.Staffanstorp.se ä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 designen blivit viktigare än användbarheten. Om jag som förälder surfar in på deras sajt med en iPhone och vill läsa om matsedeln på mitt barns skola blir det lite knasigt. Toppmenyn gör det förvisso enkelt för mig att hitta till sektionen Skola, men sedan blir det knepigare. För att hitta det jag letar efter måste jag scrolla förbi en stor bild, en presentationstext på fem stycken samt en 63 kommentarer lång diskussion om hur dåligt skolverksamheten fungerar i kommunen. Och allt jag ville var att hitta menyalternativet Matsedel, som snyggt nog har renderats längst ner på sidan tack vare responsiv webbdesign…

Många skärmar och dåliga mobilwebbar

När jag ifrågasatte responsiv webbdesign på Twitter häromdagen fick jag starka reaktioner. Många försvarade responsiv webbdesign utifrån två infallsvinklar. Den ena handlade om att vi i framtiden skulle få så många olika skärmar att ta hänsyn till att det för designers blir ohållbart att göra olika gränssnitt. Det är nog också så många beställare tänker idag. ”Det blir för dyrt med en mobilversion, så vi kör en responsiv design istället.” Så tänkte man säkert också när webben kom. ”Det blir för dyrt att skriva webbtexter, så vi klipper in text från vår årsredovisning istället.” Om det är någonting som iPhone lärt oss så tycker jag det är att användbarheten blir mycket högre om den anpassas för just mediets förutsättningar.

Den andra infallsvinkeln var att dagens mobilsajter är kassa. Man klickar bara bort mobilverisonen så fort man ser den. Egentligen vill man komma åt något annat. Detta kan jag till viss del hålla med om. Men det tror jag inte beror på mobilsajterna i sig. Rådet om att prioritera bort innehåll och funktioner i mobilversionen tycker jag är helt korrekt. Däremot tror jag att många har prioriterat bort innehåll på fel grunder. Många som gör mobilsajter sätter sig inte in i användarnas behov. Ofta är mobilt inte prioriterat så man slänger ihop något hafsigt som i alla fall fungerar i smartphonen.

Responsiv design är de nya QR-koderna

Jag menar att responsiv webbdesign har blivit vad QR-koder är för marknadsföringsfolk. Det är någonting man bara slänger in utan att riktigt reflektera över hur det ska användas. Det är ju så hett att det måste vara bra för användarna. Precis som QR-koder har responsiv webbdesign sitt användningsområde, men om du vill bygga en webbnärvaro som ger effekt så skulle jag rekommendera att du lägger resurser på att skapa olika versioner för vanlig dator och pekskärm som verkligen motsvarar användarnas behov.

Share this Post:
  • Alla sajter fungerar inte med responsive. Kan vi enas om det blir allt så mycket lättare. Jag kör nu i sommar responsive på flera av mina webbprojekt. Men bara de där texten allena är vad som är viktigt. På min reseguide för Zanzibar kör jag fixed under twenty ten eftersom det passar mycket bättre för den typen av innehåll.

  • Det har, som med nästan all teknik, att göra med hur den används. Man kan göra värdelösa webbplatser med responsiv design och man kan göra förträffliga.

    Staffanstorp råkade vara tidigt ute, innan de vanligaste gotchas och best practices var så välkända som idag. En respektabel responsiv design placerar naturligtvis inte så pass viktig information så långt ner i mobilen.

    I många fall räcker gott och väl responsive design för att täcka användarnas behov, vare sig de surfar med mobil, surfplatta, laptop, stationär, (eller för all del TV), i soffan på jobbet eller på pendeln. Det man inte får glömma, som Staffanstorp gjorde, är att blanda in användaren. Om Staffanstorp hade utfört användbarhetstester med den målgrupp du nämner i ditt exempel skulle de ha upptäckt att designen inte fungerar.

    I de allra flesta fallen är det är det alltså inte responsiv design i sig det är fel på; det är enskilda implementationer.

    TL;DR: känner du dina användare och kan din teknik (kan det vara så att skribenten har begränsad insyn i vad man rent tekniskt kan göra i ett responsivt design-projekt?) har du verktygen för att skapa en bra upplevelse med responsiv design. Ibland är två eller flera separata system/lösningar att föredra men nästan alltid tjänar du tid och pengar på att välja responsivt, utan att dina användare behöver lida.

    • Citat Mikael Norling: I de allra flesta fallen är det är det alltså inte responsiv design i sig det är fel på; det är enskilda implementationer.

      Instämmer till fullo!

  • Johan Albertsson

    Intressant. Arbetar på en stor organisation där vid diskuterar responsivt dagligen, min ståndpunkt har alltid varit mobilwebb. Får se var vi landar.
    Johan

  • Pingback: Webbstrategin bakom Scouternas nya webb | Webbstrateg.nu()

  • Pingback: Viktiga vägval med responsiv webbdesign | Webbstrateg.nu()

  • axbom

    Bra artikel! Sedan jag först stötte på responsive har jag upptäckt brister i många implementationer, och ofta en övertro på dess magnifika förmåga och en vilseledd uppfattning om hur ”lätt” det är att fixa.