1. RESPONSIVE
DESIGN 2.0
FACEBOOK.COM/1508DK
LINKEDIN.COM/COMPANY/1508-AS
MORGENBOOSTER

2. PETER SOLOW – HEAD OF INTERFACE DEVELOPMENT
FACEBOOK.COM/1508DK LINKEDIN.COM/COMPANY/1508-AS

3. 8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0

4. PROFORM TRAILRUNNER 4.0 TREADMILL
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0

5. NOW WITH BUILT-IN WEB BROWSER
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0

6. 8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0

7. 8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0

8. 8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0

9. GOOGLE GLASSES
GOOGLE GLASSES
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0

10. ALDRIG FØR HAR SÅ MANGE SURFET INTERNETTET
MED SÅ MANGE FORSKELLIGE ENHEDER OG SÅ
MANGE FORSKELLIGE BROWSER STØRRELSER
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
Disruption will only accelerate. The quantity and diversity of connected devices—
many of which we haven’t imagined yet—will explode, as will the quantity and
diversity of the people around the world who use them.
FUTURE FRIENDLY
http://futurefriend.ly/

11. 3 MÅNEDER PÅ 1508.DK
3 måneder på 1508.dk
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
Ca. 1400 browserstørrelser

12. 3 MÅNEDER PÅ 1508.DK
3 måneder på 1508.dk
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
39 FORSKELLIGE MOBIL DEVICES

13. ANGIV EMNE
MOBIL VS STATIONÆR BROWSING
I 2014 overstiger brugen af internet via mobile enheder brugen via stationære enheder.
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
http://tag.microsoft.com/community/blog/t/the_growth_of_mobile_marketing_and_tagging.aspx

14. ANGIV EMNE
90% AF BRUGERNE SHUFFLER MELLEM ENHEDER
Det er ikke længere et spørgsmål om. at brugere besøger et site i den ene eller den anden tilstand.
Brugere besøger sitet i mange tilstande.
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
http://ssl.gstatic.com/think/docs/multi-screen-world-infographic_infographics.pdf

15. ALDRIG FØR HAR VI SAMLET SÅ MEGET DATA OM
VORES BRUGERE, MEN VI VED STADIG INTET OM DEM,
FØR DET ER FOR SENT
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0

16. 8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
ALT DET VI IKKE VED – HVEM DE ER

17. 8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
ALT DET VI IKKE VED – HVAD DE LAVER

18. 8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
ALT DET VI IKKE VED – HVORDAN DE SER OS
TAK TIL BRAD FROST

19. 8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
CONTEXT SPECIFIC BROWSING
MANGE AF DE FORUDINDTAGEDE IDEER VI HAR
HAFT OM BRUGEN AF MOBILE ENHEDER, HAR
VIST SIG IKKE AT HOLDE STIK
38 million Americans 'shop online on the toilet
82% of smartphone users check and send email with their device.
Google – “The Mobile Movement” (April 2011)

20. CASE: FINANSMINISTERIET
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0

21. 8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
CASE: FINANSMINISTERIET

22. 8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
CASE: FINANSMINISTERIET

23. RESPONSIVE DESIGN
ER IKKE LÆNGERE EN
MULIGHED, MAN KAN
FRAVÆLGE
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0

24. ANGIV EMNE
RESPONSIVE DESIGN FOR LET ØVEDE
25. Maj 2010 – A List Apart
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
1. A flexible, grid based layout
2. Flexible images and media, and
3. Media Queries
Ethan Marcotte, Responsive Web Design

25. ANGIV EMNE
RESPONSIVE WEBDESIGN ER EN DELMÆNGDE AF ADAPTIVE
WEBDESIGN
“Adaptive web design is about creating interfaces that adapt to
the user’s capabilities (in terms of both form and function).
To me, Adaptive web design is just another term for progressive
enhancement…”
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
ADAPTIVE WEB DESIGN
RESPONSIVE
Aaron Gustafson, Adaptive Web Design

26. ANGIV EMNE
TOOLS OF THE TRADE
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
HTML 5
CSS 3
JAVASCRIPT

27. 8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0

28. RESPONSIVE
WEBDESIGN ER MEGET
MERE END TEKNIK OG
DESIGN
ET ÅR EFTER VERSION 1.0
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0

29. “RWD COMES UNDER CRITICISM FOR NOT
BEING COMMERCIALLY VIABLE. IT’S BECAUSE
IT’S TRYING TO BE SHOE-HORNED INTO AN
EXISTING, FIXED-CANVAS, INFLEXIBLE PROCESS.”
DEN PERFEKTE PROCES
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
Mark Boulton, on responsive workflow

30. PROCESSEN – V. 0
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0

31. PROCESSEN – V. 1.0
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0

32. 8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
PROCESSEN – V. 2.0
STRATEGIINDSIGT KONCEPT
DIGITAL
DESIGN
HTML
MOCKUP
SKETCH
WIREFRAME
INTERFACE
DESIGN
PROTOTYPETEST
BASERETPÅ Pon Kattera Senior Interaction Designer
LIVE
PROTOTYPE

33. MOBILE FIRST (CONTENT FIRST)
RESPONSIVE WEBDESIGN
FRA SITE TIL SERVICE (SITE)
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0

34. RESPONSIVE
WEBDESIGN GÅR IKKE
UD PÅ AT LAVE
SMARTERE
BEHOLDERE, MEN
SMARTERE INDHOLD
TIL BEHOLDERNE
INDHOLD I FOKUS
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0

35. PEOPLE'S CAPACITY FOR
BULLSHIT IS RAPIDLY
DIMINISHING
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
BRAD FROST - For a Future-Friendly Web (Mobilism 2012)

36. INDHOLDS STRATEGI
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
Kristina Halvorson, Content Strategy for the Web
“Generally speaking, your web content is useless
unless it does one or both of the following:
- Supports a key business objective
- Supports a user (or customer) in completing a task”

37. INDHOLD OG PRIOTERING ER NØGLEN TIL ET BEDRE RESPONSIVE LIV
“ESSENTIALLY WHAT IS THE MESSAGE
THAT NEEDS TO BE COMMUNICATED
IF I WAS ONLY ABLE TO PROVIDE
THE USER WITH UNSTYLED HTML?”
— BRYAN RIEGER
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0

38. MOBILE FIRST WIREFRAMES
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
1
2
3
4
5
1
2
3
4
1
2
4
3
5

39. CONTENT AND FORM
ARE LOVERS,
THEIR LOVE-CHILD IS
DESIGN
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0

40. MOBILE FIRST DESIGN?
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0

41. I'M JUST GOING TO COME OUT AND SAY WHAT SOME
OF US HAVE BEEN THINKING ABOUT RESPONSIVE
DESIGN.
IT BREEDS BORING.
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
Jonathan Longnecker
http://www.netmagazine.com/opinions/responsive-web-design-boring

42. THE REASON APPLE MAKES SUCH GREAT PRODUCTS
IS THAT THEY KNOW EXACTLY WHAT TO LEAVE OUT
VS. WHAT TO ADD-IN. THE USER EXPERIENCE ON THE
ORIGINAL IPOD: INCREDIBLY SIMPLE. THE SAME IS
TRUE OF THE BEST RESPONSIVE DESIGNS.
DESIGN PRINCIPPER
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
THE EDL BLOG
http://blog.edlconsulting.com/ecommerce/responsive-design-inglorius-hack-or-panacea/

43. MOBILE FIRST
GODT RESPONSIVE
WEBDESIGN KRÆVER
IKKE MOBILE FIRST-
TILGANGEN, MEN EN
INDGÅENDE
FORSTÅELSE AF
MEDIET
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0

44. RESPONSIVE
WEBDESIGN HAR
ÆNDRET VORES
TILGANG TIL NETTET PÅ
TVÆRS AF SAMTLIGE
FAGDICIPLINER
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0

45. JEG HAR EN FANTASTISK IDE TIL EN APP
DET ER IKKE LÆNGERE ET SPØRGSMÅL OM,
HVORVIDT VI SKAL UDVIKLE ”NATIVE ELLER
RESPONSIVE”, MEN HVORDAN VI LAVER LØSNINGER,
DER UNDERSTØTTER BÅDE MOBILE WEBSITES OG
NATIVE APPS NU OG I FREMTIDEN
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0

46. EXERGI
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0

47. APP, MOBILE OG DESKTOP
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0

48. MOBIL TEKNOLOGI BEHOVSPYRAMIDE
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
API
RESPONSIVE WEB
APP

49. DESPITE RESPONSIVE DESIGN ALREADY HAVING
BEEN AROUND MORE THAN TWO YEARS, IT’S STILL IN
MANY WAYS A FLEDGLING METHODOLOGY.
DESIGNERS ARE FACED WITH AN EVER-CHANGING
LANDSCAPE OF DEVICES, CODE FRAMEWORKS AND
SCRIPTS – AND, OF COURSE, THE NEED TO WORK IN A
NEW WAY WITH CLIENTS TO MANAGE THE PROCESS
OF CREATING RESPONSIVE WEBSITES.
RESPONSIVE WEBDESIGN – UDFORDRINGER OG LØSNINGER
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
James Young –
http://www.netmagazine.com/features/top-responsive-web-design-problems-and-how-avoid-them

50. DE MEST ALMINDELIGE PROBLEMER MED RESPONSIVE WEBDESIGN
1. EXPLAINING RWD TO CLIENTS
2. THE LACK OF A STATIC DESIGN PHASE
3. NAVIGATION
4. IMAGES
5. TABLES
6. CONVERTING OLD FIXED-WIDTH SITES
7. WHAT TO SERVE USERS OF OLD VERSIONS OF IE
8. TESTING TIME AND COST
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0

51. RESPOSNIVE DESIGN IS
NOT A PANACEA
RATHER A GREAT STEP
IN THE RIGHT
DIRECTION
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
BRAD FROST

52. TAK
@PSOLOW
1508.DK
Næste Morgenbooster: 'Digitale Services: Vi vil ikke informeres, vi vil handle' onsdag d. 12. juni