responsiv webbdesign
DESCRIPTION
Exempel på responsiva webbplatser från Rabash, om mobile first och vår arbetsprocess.TRANSCRIPT
RESPONSIV DESIGN
rabash.se031-54 80 90
Sverige förUNHCR
Sverige för UNHCR
UtmaningenFör att bedriva ett effektivt insamlingsarbete
behöver Sverige för UNHCR en webbplats som
engagerar besökaren i UNHCR:s frågor och får dem att
göra en aktiv handling.
LösningenRabash hjälpte Sverige för UNHCR genom hela processen
med förstudie, strategi och effektkartläggning, via grafisk
identitet och informationsarkitektur till utveckling och
produktion av webbplatsen.
ResultatetEn responsiv webbplats med en ren och modern känsla
som använder kartor, infografik och användarvänliga
gåvoformulär för att engagera och medvetandegöra
besökarna.
sverigeforunhcr.se
Mobile First
Mobile First
2010 till 2013 ökade andelen svenskar som surfar med mobilen från 16% till 65%.- Svenskarna och internet 2013, .SE-stiftelsen
2010
20%
40%
60%
80%
100%
2011 2012 2013
Mobile First77% av sökningarna på mobiler sker i närheten av en vanlig dator, hemma eller på jobbet.- Mobile Search Moments Study, 2013
77%Hemma eller på jobbet
23%Utomhus
Mobilanpassning innebär:
• Anpassning till olika skärmstorlekar
• Optimerad och snabb design
• Enklare navigation
• Prioritering bland innehållet
Arbetsprocess
Research Design & struktur Utveckling Leverans & uppföljning
• Effektkartläggning • Informationsarkitektur
• Responsiva prototyper
• Skisser
• Utveckling med regelbundnaöverlämningar och testning
• Testning
• Korrigeringar
• Lansering
• Vidareutveckling
RABASH
Nanna Jamshidi– [email protected] + 46 31 548090
Petter Joelson – Interaktionsdesigner & [email protected]
Elin Vennerbring – Art [email protected]
Hannah Andersson – [email protected]
Alexander Paunovic – Utvecklare &
SCRUM [email protected]
Evelina K Bergström
TACK!
rabash.se031-54 80 90