Brad Frost om Responsive Web Design

The fact is that many of these modern mobile browsers actually do a pretty good job at rendering “full” websites. So that brings us back to Alex’s point: why the fuss with responsive web design? Why bother? Here’s the point Whenever I talk or present on this subject, I usually lead off with these three images:

The point of creating adaptive sites is to create functional (and hopefully optimal) user experiences for a growing number of web-enabled devices and contexts. It’s not because it’s “the right thing to do”. It’s not because it’s fun. It’s not because it’s trendy. It’s not so you can impress your boss by resizing a browser window.

Jag tycker Brads bildexempel är väldigt talande för vilken riktning webben är på väg mot. En webb där upplevelsen är mer betydelsefull, än tekniken.

***

Responsive Web Design är ett sätt att anpassa upplevelsen till många enheter snabbt. Ett sätt att bygga webbplatser som skapar bättre upplevelser. Men det räcker inte att bara ha en webbplats som skalar snyggt i olika storlekar. Det finns fler faktorer som väger in, när man bygger för webben.

Om det tar 20 sekunder att ladda en webbplats, har det ingen betydelse att den är 100% Responsive Web Design, byggd med fullständigt Mobile First tänk och massor av populära trender. Jag har redan slutat vänta, och söker vidare på något annat ställe.

Att det är snabbt är alltså viktigare än för mig. Snabbt går ofta hand i hand med snyggt, eftersom god design ofta leder till att relevant information presenteras för mig snabbt.

***

Jason Fried och David Heinemeier Hansson sammanfattar tanken jag försöker förklara bra i deras bok Rework.

Focus on what doesn’t change – The technology and software business seems to obsess with what is in flux and changing. Always new stuff. New languages and frameworks. Focus on what doesn’t change and think about the things that matter today and will matter 10 years from now. “Speed is a really important thing for our products. 10 years from now people will still want speed. We could make a Facebook app or we could just make things faster – so we make things faster.” Reinvest in the things that don’t change. Competitors will chase the next big thing. –10 things we’ve learned at 37signals

Min poäng är alltså följande; trots att webben ständigt förändras, finns det faktorer som är konstanta.

• Användare använder webbplatser för att utföra något, underlätta för dina användare genom att fokusera på att upplevelsen är bra.
• Se till att webbplatsen är snabb, så att man inte behöver vänta på att få saker gjort.

Som designers är det vårt jobb att förenkla, förklara och förbättra upplevelser, så att de anpassas efter rådande förutsättningar. Bra webbplatser skapar bättre affärsmöjligheter, och nöjdare kunder. Att göra en besökare till en kund, är syftet i en e-butik. Att låta besökarna ta del av innehåll, är tanken på en blogg. Se till att göra det förbannat enkelt.

Fokusera på att skapa bättre upplevelser, så blir framtidens webb bättre.

Följ Viktor på Twitter

Mobile First är en intressant trend inom webbens utveckling. Snabbt förklarat innebär det att man utgår från att webbplatsen användas på en mobil.

Jag tror att det är en bra tanke att ha med i bakhuvudet, när du funderar på vad som är viktigt för din webbplats, under de kommande året.

Under de senaste veckorna har jag läst Luke Wroblewskis bok Mobile First på ämnet. En intressant bok, med bra reflektioner och guider kring ämnet. Om du gillar mina snabba reflektioner i detta inlägget, rekommenderar jag att du köper boken. Bonus: Video: Mobile First – Luke Wroblewski

Varför Mobile First?

Luke Wroblewski:

Here´s the elevator pitch. designing for mobile first not only prepares you for the explosive growth, and new opportunitites on the mobile internet, it forces you to focus and enables you to innovate in ways you previously couldn’t.

Den sista biten av hans “hiss-pitch” tycker jag är riktigt intressant. Mobile First handlar för mig om fokus.

Fokusera på det som är viktigt

En mindre skärmyta, som man dessutom måste trycka med sina fingrar på. Detta leder direkt till att man måste prioritera vad som ska synas. Det går inte att få in hur mycket som helst på en liten skärm, utan att det blir plottrigt. Det leder till ett fokus. Ett fokus, där design blir allt mer viktigt, för att framhäva innehållet.

Webbplatser handlar om innehåll. Om design är hur saker fungerar, så är det som vi vill ta del av på en webbplats, innehåll. Antingen vill vi skapa innehåll, eller så vill vi ta del av det.

Om det är texter, ljud eller video har betydelse för hur designen ska se ut. Om du har en stor skärm eller en liten skärm, har betydelse. Om du har en snabb uppkoppling eller inte, har betydelse.

Om du vill att dina kunder ska ringa dig, se till att numret syns tydligt. Om du vill att folk läsa dina texter, se till att det är bekvämt att läsa. Om du vill att folk ska lyssna på din musik, se till att de kan lyssna överallt.

När innehåll är viktigt, blir webbplatser bättre. Fokusera på det som är viktigt.

Några tänkvärda ord

Brian Fling:

Create a product, don’t reimagine one for small screens. Great mobile products are created, never ported. – Brian Fling

Att använda en produkt med mus, touchpad eller pekfingret är totalt skilda upplevelser. Skapa upplevelser som bygger på de förutsättningar som finns, och använd dessa till din fördel. Då blir webben roligare och bättre.

Responsive Web Design + Mobile First

Mobile First används med fördel tillsammans med Responsive Web Design. Jag skrev för ett tag sen om Responsive Web Design + Mobile First. Men kort sagt: Bygg en webbplats för små skärmar, skala sedan upp den till större skärmar.

Och du, glöm inte.

När innehåll är viktigt, blir webbplatser bättre. Fokusera på det som är viktigt.