SlideShare une entreprise Scribd logo
1  sur  16
Desktop first
@ajarle
26’
30’24’
20’
22’
18’
19’
52%økt produktivitet
Source: University of Utah, 200
Nettside
Inntjening
Forbrukere
Webapplikasjon
Produktivitet
Forretningsbrukere
900 kr
1500 sider
15 sekunder
100% indeksert
Nettside > WebApp
kontohjelp.no
Mobile 1,3%
Desktop 98,5%
Tablet 0,2%
1920+ 39%
1680+ 60%
1440+ 81%
1280+ 92%
Under 1280 8% (2%)
1920x1080
<- Utenfor viewport
NAVIGATION
NAVIGATION
CONTENT
FOOTER
FOOTERCONTENT CONTEXT
ACTIONS1280x960
@ajarle
@ajarle
Tenk helhetlig
Ikke glem brukerne
«Designing to the extremes»
webkonvensjoner
mobile first vs desktop first
@ajarle
Desktop first
@ajarle

Contenu connexe

En vedette

Case Innholdsstrategi intranett - Norges forskningsråd
Case Innholdsstrategi intranett - Norges forskningsrådCase Innholdsstrategi intranett - Norges forskningsråd
Case Innholdsstrategi intranett - Norges forskningsrådTormod Guldvog
 
Designgjeld yggdrasil 2015
Designgjeld yggdrasil 2015Designgjeld yggdrasil 2015
Designgjeld yggdrasil 2015Daniel Sundbäck
 
20150407 yggdrasil Merkevarebygging i digitale kanaler
20150407 yggdrasil Merkevarebygging i digitale kanaler20150407 yggdrasil Merkevarebygging i digitale kanaler
20150407 yggdrasil Merkevarebygging i digitale kanalerMarianne Otterdahl Møller
 
Kjernemodellen Yggdrasil 2015
Kjernemodellen Yggdrasil 2015Kjernemodellen Yggdrasil 2015
Kjernemodellen Yggdrasil 2015Are Halland
 
UX og Merkevare - to sider av samme sak? Yggdrasil 2015
UX og Merkevare - to sider av samme sak? Yggdrasil 2015UX og Merkevare - to sider av samme sak? Yggdrasil 2015
UX og Merkevare - to sider av samme sak? Yggdrasil 2015Tora Elisabeth Mellbye
 
How to design with science and not destroy the magic
How to design with science and not destroy the magicHow to design with science and not destroy the magic
How to design with science and not destroy the magicJoe Leech
 
Yggdrasil 2015: Hvordan få til god designkritikk - Ram Yoga
Yggdrasil 2015: Hvordan få til god designkritikk - Ram YogaYggdrasil 2015: Hvordan få til god designkritikk - Ram Yoga
Yggdrasil 2015: Hvordan få til god designkritikk - Ram YogaRam Yoga
 

En vedette (8)

Case Innholdsstrategi intranett - Norges forskningsråd
Case Innholdsstrategi intranett - Norges forskningsrådCase Innholdsstrategi intranett - Norges forskningsråd
Case Innholdsstrategi intranett - Norges forskningsråd
 
Designgjeld yggdrasil 2015
Designgjeld yggdrasil 2015Designgjeld yggdrasil 2015
Designgjeld yggdrasil 2015
 
Opplevd hastighet #ygg15
Opplevd hastighet #ygg15Opplevd hastighet #ygg15
Opplevd hastighet #ygg15
 
20150407 yggdrasil Merkevarebygging i digitale kanaler
20150407 yggdrasil Merkevarebygging i digitale kanaler20150407 yggdrasil Merkevarebygging i digitale kanaler
20150407 yggdrasil Merkevarebygging i digitale kanaler
 
Kjernemodellen Yggdrasil 2015
Kjernemodellen Yggdrasil 2015Kjernemodellen Yggdrasil 2015
Kjernemodellen Yggdrasil 2015
 
UX og Merkevare - to sider av samme sak? Yggdrasil 2015
UX og Merkevare - to sider av samme sak? Yggdrasil 2015UX og Merkevare - to sider av samme sak? Yggdrasil 2015
UX og Merkevare - to sider av samme sak? Yggdrasil 2015
 
How to design with science and not destroy the magic
How to design with science and not destroy the magicHow to design with science and not destroy the magic
How to design with science and not destroy the magic
 
Yggdrasil 2015: Hvordan få til god designkritikk - Ram Yoga
Yggdrasil 2015: Hvordan få til god designkritikk - Ram YogaYggdrasil 2015: Hvordan få til god designkritikk - Ram Yoga
Yggdrasil 2015: Hvordan få til god designkritikk - Ram Yoga
 

Desktop first

Notes de l'éditeur

  1. Da vi skulle lage kontohjelp tok vi utgangspunkt i de dataene vi hadde og de målene vi hadde satt oss. Og hadde vi forholdt oss til webkonvensjoner så hadde kanskje desktop visningen sett slik ut med et søk på toppen, et filter på venstresiden og søkeresultatene i fokus. På mobil hadde vi skjult filteret til en undermeny.