4. Æh!? Men hva med alle de
responsive nettsidene som er
helt like. Stacket innholdet
under hverandre og slenge
på hamburgeren? Har ikke vi
som designere blitt litt late?
5. Joa… Men
det er vel bra?
Web’en har bare
blitt mer moden.
MIKAEL FLØYSAND
6. Kanskje det. Men hva med
lastetid da? Laste inn store bilder
på mobil, er det så lurt?
Responsive bilder har jo vært
tilgjengelig lenge nå? Men få som
bruker det… Så en advokatside
som var 18 mb her om dagen…
7. Siste måned på netliferesearch.com
34 %
26 %
40 % Tablet
Mobil
Desktop
129 ulike devicer
147 skjermstørrelser
26. Veier inn Veier vidareKjerneinnhald
Kjerne:
Mål (oppnå minst et) Brukaroppgaver
Besvare
informasjonsbehov, der
det oppstår, når det
oppstår
27. Veier inn Veier vidareKjerneinnhald
Kjerne:
Mål (oppnå minst ett) Brukeroppgaver
Besvare
informasjonsbehov, der
det oppstår, når det
oppstår
28.
29.
30.
31. Veier inn Veier videreKjerneinnhald
Kjerne:
Mål (oppnå minst ett) Brukeroppgaver
32.
33. Sticky er dumt.Logo må være liten.
Envt. fjernes helt.
Alt som ikke er
kjerneinnhold bør
fjernes
Tittel på bilde kanskje?
Send melding bør
prioriteres høyere
51. Dette lærte jeg
• Det er veldlig liten plass på klokker.
• Netlifes metoder fungerer også på klokker.
• Navigasjon må nesten droppes helt.
• Sticky elementer må vurderes nøye.
• Mobilversjonen blir brukbar.
• Responsiv design handler om mye mer enn
media queries.
64. Dette lærte jeg
• Responsive bilder er viktig
• Vurder fonter og hvordan de skal lastes
• Test på dårlige nettforbindelser
• Hastighet er design/brukeropplevelse
• Det er viktig å teste
66. Fremtidsvennlige nettsider
• Prioritert og fokusert innhold
• Designet for de minste små skjermene
• Modulært designet og utviklet
• Lynrask brukeropplevelse
• Semantisk HTML
• Open source og API’er
67. Om du vil se enda
mer på Jaguaren
fredjens.github.io/jaguar
Følg meg gjerne på Twitter @fredjens