design smartere responsive design - offentlig
TRANSCRIPT
![Page 1: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/1.jpg)
![Page 2: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/2.jpg)
ØRJAN CLAUSENDaglig leder og rådgiver i Northern Beat
BakgrunnInformasjonsvitenskapWebdesignKommunikasjonsarbeidMarkedsføring
![Page 3: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/3.jpg)
• Northern Beat er et visjonært initiativ med fokus på strategi, idè, konsept og design
• Northern Beat er et datterselskap av Nova Consulting Group som i tillegg består av:– Novanet AS
• Seniorutviklere innen SharePoint og .net– Epinova AS
• Ekspertmiljø for EPiServer utvikling
![Page 4: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/4.jpg)
DESIGN FOR MOBILE FLATER Responsive Web Design eller skreddersøm? Mobile first eller tilpasning i etterkant? Hvordan skaper vi den beste løsningen?
![Page 5: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/5.jpg)
![Page 6: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/6.jpg)
HVORDAN SKAPE DEN BESTE LØSNINGEN?• I dag ser vi på– Prioriteringer– Valg av løsning– Ressursbruk– Besøkende
![Page 7: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/7.jpg)
HVORFOR?MEN FØR HVORDAN
![Page 8: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/8.jpg)
HVORFOR SKAL DU GÅ MOBIL?
![Page 9: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/9.jpg)
…FORDI:• Alle andre gjør det• Fordi det er der
alle våre kunder er
• Vi får klager fordi vi ikke er der
• Vi har unikt innhold som vi kan tilby
• Våre tjenester passer perfekt for mobil
• Trafikken på nettstedet vårt er over 30% mobil
• Vi har penger igjen på budsjettet
![Page 10: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/10.jpg)
TENK GJENNOM DETTE FØR DERE RINGER
...og sørg for at ambisjoner og forventninger er forankret i organisasjonen
![Page 11: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/11.jpg)
OK - vi er klare!HVORDAN GÅR VI FREM?
![Page 12: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/12.jpg)
MOBIL vs. DESKTOP
Påstand:–Ikke så annerledes å lage mobil løsning
![Page 13: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/13.jpg)
PROSESSEN
Målsetting med
løsningen og bruker-analyse
Funksjonelle og innholds-
krav
Interaksjons-design og
informasjons-arkitektur
Navigasjon og innholds-presentasjon
Grafisk design
![Page 14: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/14.jpg)
MÅLSETTING OG BRUKERANALYSE• Hva skal lages?• Hvorfor skal det lages?• Hvem er brukerne?• Hva forventer brukerne å finne?
![Page 15: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/15.jpg)
FUNKSJONELLE OG INNHOLDSKRAV• Hvordan skal mobile nettstedet fungere?– Hvilke funksjoner trengs for å løse behovet
som eierne av nettstedet har og hva brukerne krever
• Hva finnes av innhold?– Forbedre, endre eller fjerne?– Hvordan presenteres innholdet?
![Page 16: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/16.jpg)
INTERAKSJONSDESIGN• Hvordan skal innholdet struktureres?– Prioritering av innhold– Trådskisser/wireframes– Relatert informasjon
![Page 17: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/17.jpg)
INFORMASJONSARKITEKTUR• Hvordan skal innhold plasseres i henhold
til annet innhold?– Hva er viktig innhold?– Hva er relatert innhold?– Hva hører naturlig sammen?
![Page 18: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/18.jpg)
NAVIGASJON & INNHOLDSPRESENTASJON
• Hvordan skal man navigere på nettstedet?– Antall nivå– Hovedmenyer og sekundærmenyer
• Hvordan skal innholdet presenteres?– Tekst– Bilder– Video– Infografikk– Lyd
![Page 19: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/19.jpg)
GRAFISK DESIGN• Hvordan skal de se ut?– Look & feel– Design guidelines/design manual– Universell utforming og tilgjengelighet
• Hvordan vekte innhold for å oppnå mest brukervennlighet?– Fargebruk– Call to action
![Page 20: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/20.jpg)
PROSESSENGANSKE LIK
MEN HVORDAN GÅR MAN EGENTLIG FREM?
![Page 21: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/21.jpg)
PRIORITERINGER• Andre hensyn– Mindre skjerm– Dårligere linje– Annen kontekst– Andre forventninger hos besøkende– Begrensninger i teknologi– Ekstra tilgjengelig funksjonalitet
![Page 22: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/22.jpg)
MINDRE SKJERM• Vi må prioritere• Vi må komprimere• Vi må fokusere• Vi må tilpasse• Vi må tenke skalering
![Page 23: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/23.jpg)
DÅRLIGERE LINJE• Store bilder• Video• Mye innhold = lang side• Lang side = lang lastetid• Man forventer lengre lastetid på mobil
![Page 24: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/24.jpg)
VILLIG TIL Å VENTE3%
16%
30%
16%
15%
20%
< 1 sekund1-5 sekunder6-10 sekunder11-15 sekunder16-20 sekunder20 + sekunder
![Page 25: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/25.jpg)
FORVENTET LASTETID
12%
25%
21%
31%
11%
RaskereNesten likLikLitt tregereMye tregere
![Page 27: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/27.jpg)
![Page 28: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/28.jpg)
http://mobile.smashingmagazine.com
![Page 29: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/29.jpg)
ANNEN KONTEKTS• Når brukes mobil fremfor desktop?– På veien– Butikken– Sofaen– Møter– Sengen
![Page 30: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/30.jpg)
VET VI HVA DE VIL HA?Du står i butikken. • Vil du da ha middagsoppskriften som du så
på i går da du planla middagen– …eller vil du bare ha ingrediensene?
Du sitter på trikken.• Vil du lese artikkelen om Berit du så på
yr.no?– …eller vil du bare vite hva været blir i morgen
akkurat hvor du er?
![Page 31: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/31.jpg)
31
![Page 32: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/32.jpg)
DET ER SÅRE ENKELT!
• Gi brukerne det de vil ha - når de vil ha det
• Utfordringen er å finne ut hvilken kontekst de besøkende befinner seg når de besøker nettstedet
![Page 33: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/33.jpg)
33
ER DET MULIG?
![Page 34: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/34.jpg)
HVA SURFES DET FRA?– Nesten 100% surfer fra desktop– 44% surfer fra mobil– 16% surfer fra tablet
iProspect undersøkelse 2012
![Page 35: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/35.jpg)
FORVENTNINGENE ENDRES• Ny og bedre teknologi– Bedre kamera– Bedre og større skjermer– Raskere enheter og linje
• Prisendringer for bruk– Fastpris abonnement
• Applikasjoner ”skjemmer” oss bort og setter standard for hva man skal forvente
• Multikanalstrategier slår til
![Page 36: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/36.jpg)
iProspect undersøkelse 2012
![Page 37: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/37.jpg)
3% synes at nettsidene ikke fungerer for desktop
10% synes at nettsidene ikke fungerer for tablets
24% synes at nettsidene er tilbpasset mobil visning
iProspect undersøkelse 2012
![Page 38: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/38.jpg)
BEGRENSNINGER I TEKNOLOGI• Verden går videre, men det er problemer
med:– Tredjepartsløsninger
• Flash• Java Applets
– BankID på mobil• Foreløpig kun Telenor, Talkmore og Djuice, og
utfordring med en rekke telefonmodeller– Video
• Ikke støtte for alle teknologier på alle enheter– +++
![Page 39: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/39.jpg)
EKSTRA TILGJENGELIG FUNKSJONALITET• GPS• Kamera• Kontakter• Bilder• Near Field Communication (NFC)– Google Wallet
• Radio Frequency Identification (RFID)– PayEx
![Page 40: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/40.jpg)
VALG AV LØSNINGFordeler og ulemper med de forskjellige løsnigene
![Page 41: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/41.jpg)
JEG DELER MOBILTILPASNING INN I:• Ikke tilpass…• Apps• Responsive Web Design• Skreddersydde maler
1. Samme sidestruktur• I samme system• Tredjepartsløsninger
2. Ulik sidestruktur• I samme system• Tredjepartsløsninger
![Page 42: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/42.jpg)
APPLIKASJONER• Lastes ned via App Store, Google Play og
lignende• Vanligvis brukerdefinerte oppgaver• Fordeler
– Tilgang til telefonens funksjoner i utstrakt grad– Gir lettere mulighet for inntekter– Man kan sende meldinger til brukerne
• Ulemper– Ikke for alle– Krever utvikling for flere plattformer
![Page 43: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/43.jpg)
BRUKERDEFINERTE OPPGAVER
43
![Page 44: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/44.jpg)
RESPONSIVE WEB DESIGN• Webdesignet responderer på størrelsen til skjermen
som brukes• Innholdet og HTML er lik, men utseende endrer seg• Man bruker hovedsakelig
CSS, men også JavaScript til f.eks. Bildeskalering
• Ulemper– Lastetid– Ikke spisset innhold
• Fordeler– Ett sidetre
![Page 45: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/45.jpg)
TEKNISK SAGT• Fluid Grids
#nav { float: left; width: 25%; }
#box { float: left; margin-left: 5%;}
![Page 46: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/46.jpg)
TEKNISK SAGT• Flexible Images & Media
#box img { max-width: 100%;}
![Page 47: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/47.jpg)
TEKNISK SAGT
• Media queries@media screen and (max-width: 1160px) {
#nav { display: none; } }
@media screen and (max-width: 1540px) {
#box { background-color; red;}
}
![Page 49: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/49.jpg)
![Page 50: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/50.jpg)
SKREDDERSYDDE MALER• Samme sidestruktur
– I samme system– Tredjepartsløsninger
• Fordeler– Redaktørene slipper å forholde seg til flere nettsteder
(vanlig og mobil)• Ulemper
– Alt innhold må tilpasses– Noen system gir utfordring med lenker og skaper dobbelt
innhold hos Google som gir negativ virkning– Hvis man deler lenken til et mobilt nettsted er det ikke
sikkert det vises riktig på desktop
![Page 51: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/51.jpg)
TEKNISK SAGT – SAMME SYSTEM• Når en besøkende kommer inn på et
nettsted så forsøker en å finne ut hvilken enhet det er
• Om det er en mobil som systemet kjenner til så vises innholdet basert på egne maler– Enten ved å sende brukeren til ny side eller
ved å hente ny sidemal• Om det ikke er en mobil så vises vanlig
nettside
![Page 52: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/52.jpg)
TEKNISK SAGT – TREDJEPARTSLØSNING• Når en besøkende kommer inn på et
nettsted så forsøker en å finne ut hvilken enhet det er
• Om det er en mobil som systemet kjenner til så sendes brukeren til en tredjepartsløsning– Innholdet hentes fra publiseringsløsningen
via RSS, XML, Webservice eller lignende• Om det ikke er en mobil så vises vanlig
nettside
![Page 53: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/53.jpg)
53www.itavisen.no m.itavisen.no
![Page 54: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/54.jpg)
54www.regjeringen.no/mobil/
www.regjeringen.no
![Page 55: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/55.jpg)
www.rica.no
www.rica.no
![Page 56: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/56.jpg)
SKREDDERSYDDE MALER• Ulik sidestruktur
– I samme system– Tredjepartsløsninger
• Fordeler– Mer brukervennlig innhold (om man har prioritert riktig)
• Ulemper– Redaktør må forholde seg til forskjellige nettsted– Alt innhold må tilpasses– Noen system gir utfordring med lenker og skaper dobbelt
innhold hos Google som gir negativ virkning– Hvis man deler lenken til et mobilt nettsted er det ikke
sikkert det vises riktig på desktop
![Page 57: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/57.jpg)
TEKNISK SAGT – SAMME SYSTEM• Når en besøkende kommer inn på et
nettsted så forsøker en å finne ut hvilken enhet det er
• Om det er en mobil som systemet kjenner til så henvises brukeren til mobilt nettsted
• Om det ikke er en mobil så vises vanlig nettside
![Page 58: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/58.jpg)
TEKNISK SAGT – TREDJEPARTSLØSNING• Når en besøkende kommer inn på et
nettsted så forsøker en å finne ut hvilken enhet det er
• Om det er en mobil som systemet kjenner til så sendes brukeren til en tredjepartsløsning
• Om det ikke er en mobil så vises vanlig nettside
![Page 59: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/59.jpg)
www.ruter.no
www.ruter.no/no/mobil/
![Page 60: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/60.jpg)
www.episerver.no
www.episerver.no/episerver
![Page 61: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/61.jpg)
RESSURSBRUKHva er kostnadsdrivere?
![Page 62: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/62.jpg)
Teknologi
StrategiInteraksjons-design
Frontend utvikling
Backend utvikling
Innholds-arbeid
Lisenser
Responsive Web Design – tilpasning X X X X
Responsive Web Design – nytt nettsted X X X
Skreddersydde – egen sidestruktur i samme system X X X X X
Skreddersydde – egen sidestruktur i annet system X X X X X X
Skreddersydde – samme sidestruktur i samme system X X X X X
Skreddersydde – samme sidestruktur i annet system
X X X X X X
![Page 63: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/63.jpg)
BESØKENDEHvordan tilnærme oss?
![Page 64: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/64.jpg)
VI ER TILBAKE TIL UTGANGSPUNKTET• Hva vil du tilby?• Hva forventer de besøkende å finne? – I hvilken kontekst?
• Anta, test og les statistikk for å kunne gjøre noe valg
![Page 65: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/65.jpg)
SNAKK MED BRUKERNE• Hør hva de vil ha og hva de forventer• Se hva brukerne får hos konkurrentene
65
![Page 66: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/66.jpg)
SJEKK BESØKET PÅ SIDENE• Hvor mange besøker nettstedet fra en
mobilenhet hver måned?• Hvor mange av dem er iPads?• Hva er de mest besøkte sidene?
![Page 67: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/67.jpg)
HVA SIER STATISTIKKEN?• Ofte ser vi long-neck-long-tale
![Page 68: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/68.jpg)
ANALYSER BRUKERATFERD• Finnes det et mønster?
![Page 69: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/69.jpg)
LAG BRUKERSCENARIER
![Page 70: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/70.jpg)
LAG MOBILE PROTOTYPER
![Page 71: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/71.jpg)
BRUKERTEST PROTOTYPER• Lag noe som
brukerne kan prøve selv
• Juster og test igjen
• Ta i mot alle tips du kan få
71
![Page 72: Design smartere responsive design - offentlig](https://reader036.vdocuments.pub/reader036/viewer/2022062902/58f01b451a28abaf7b8b45b7/html5/thumbnails/72.jpg)
ØRJAN CLAUSENDaglig leder og rådgiver i Northern Beat
BakgrunnInformasjonsvitenskapWebdesignKommunikasjonsarbeidMarkedsføring