Blogg

Responsiv webbdesign -skalbar hemsida för olika storlek på skärm

Du har säkert hört begreppet responsiv webbdesign vid något tillfälle. Ordet innebär att en hemsida är skalbar för olika skärmstorlek. Syftet är att upplevelsen ska bli lika bra oavsett om du besöker sidan via dator, mobil eller surfplatta. Du har säkert besökt sidor via mobilen som ser ut som en hel webbsida men pytteliten. Detta beror på att sidan inte är responsiv.

Måste det vara samma innehåll?

Oftast när man skapar en hemsida i exempelvis Worpress så anpassas hela innehållet automatiskt till mobilskärmar. Detta kan du själv förhandsgranska och justera.

Rekommendationen är att dölja vissa delar av hemsidan som t ex innehåller mycket text eller som på annat sätt inte är mobilvänligt. Först och främst bör du fokusera på det som är relevant för besökare på sidan. Utfyllnad och bilder som inte är direkt kopplade till budskapet kan med fördel döljas i mobilen.

Dessutom behöver du för mobilversionen gå igenom

• alla textstorlekar
• avstånd mellan stycken för att säkerställa att det inte blir för kompakt
• hur knapparna ser ut med avseende på storlek, text, placering

Vad har detta med kundupplevelsen att göra?

För att skapa en positiv upplevelse av ditt företag behöver du fokusera på helheten. Vi vet ju oftast inte om våra besökare kommer via mobil eller dator. Därför är det viktigt att säkerställa att hemsidan fungerar bra och att budskapet framgår lika tydligt oavsett. Kundupplevelse handlar ju om helheten, det intryck ditt företag ger. Men också att du visar att du förstår dina kunders behov. Detta måste framgå lika tydligt oavsett hur eller vad besökare ser av ditt företag.

Responsiv webbdesign är inte så svårt att åstadkomma om du arbetar med WordPress eller liknande verktyg. Men det handlar mycket om att göra jobbet och kontrollera hur det ser ut för de olika skärmarna. Ett bra sätt att få koll på upplevelsen och om allt är tydligt och enkelt att förstå är att göra upplevelsetest. Det kan du läsa mer om under mina tjänster, men även under ett av mina tidigare uppdrag, här.

Design thinking -ett sätt att angripa komplexa problem

Design thinking är ett begrepp som du kanske har hört eller läst någonstans. Men du kanske inte är helt insatt i vad det innebär eller vilken nytta din verksamhet kan ha av att tillämpa det.

Vad är det som gör att en ny produkt eller tjänst används? Är det att den består av den senaste tekniken? Eller att den har en snygg förpackning?

I min tidigare post om innovation skrev jag om definitionen för innovation. Lite förenklat: “något förändrat eller helt nytt som används“. Alltså saknas en aspekt ovan, inte bara snygg och ny teknik, produkten eller tjänsten behöver även vara användbar och önskvärd. Dvs att den fyller ett eller flera behov.

Vad är design thinking?

Enligt Tim Brown handlar det om att: kombinera människors behov med vad som är tekniskt möjligt och ekonomisk lönsamt. I videon ger han även exempel på lösningar till låg kostnad, men som ger stor nytta.

Design thinking är en modell eller metod för att lösa komplexa problem på ett användarcentrerat sätt. Utgångspunkten är användarna, kunderna (målgruppen). Det handlar för målgruppen om deltagande och medskapande snarare än att vara passiv konsument.

Processen kan vid första anblick se linjär ut. Men det handlar om ett itterativt förhållningssätt. Syftet är inte att bara gå igenom alla steg och sedan vara färdig. Man skapar, testar, gör om testar och så vidare.

Lär känna målgruppen – Empathise

Lär känna och förstå användarna/målgruppen och de utmaningar som behöver lösas. Det handlar mycket om empati för att sätta sig in i utmaningar i olika situationer för olika personer. För den här fasen kan du använda metoder som observation, intervju, etnografiska studier.

Definiera huvudproblemet – Define

Dokumentation och analys av den data som man tidigare samlat in. Utifrån detta definierar och prioriterar man vilken utmaning som ska lösas. Metoder som kan användas är t ex: personas, user stories, user journey maps.

Idégenerering för att hitta lösningar – Ideate

Generera idéer för hur utmaningen kan lösas. Det handlar här om att inget är rätt eller fel. Bra metoder är ni kan använda är brainstoming eller mindmapping. Senare smalnar ni ner antalet idéer.

Skapa prototyper – Prototype

För att ni ska kunna test om idéerna löser utmaningen behöver ni visualisera dem. Det gör ni genom att skapa enklar prototyper. Dessa kan göras på papper, digitalt, i lego eller som scenarior osv. Det handlar om att hitta bästa möjliga lösning för den utmaning ni har.

Testa idéerna – Test

Testa lösningen för att se om den fungerar och om den är en bra lösning. Eftersom design thinking är en itterativ process så behöver man ofta gå tillbaka för att göra om delar eller hela lösningen.

Nytta för din verksamhet

Några exempel på nytta som design thinking kan tillföra din verksamhet är:

• användbara produkter och tjänster anpassade till målgruppen
• hemsidor och applikationer som används
• kunder som återkommer
• ökad konvertering tack vare fokus på användarna (kunderna)
• utveckling av verksamheten
• mer träffsäkra lösningar på problem

Sammanfattning design thinking

En designmetodik med lösningsfokus. Det handlar mycket om att involvera användarna och att de blir medskapare istället för “bara” konsumenter. Det finns en fördel att tillämpa design thinking för komplexa problem som inte har en tydlig lösning. Fokus i processen är användarna/målgruppen. Det är inte ovanligt att man i testfasen får nya insikter om användarnas beteende och behöver justera och kanske hitta nya lösningar.

I nästa del av begreppsskolan kommer jag att gå in mer på begreppet prototyper och hur man kan använda dessa.