RESPONSIVEDESIGN 2.0FACEBOOK.COM/1508DKLINKEDIN.COM/COMPANY/1508-ASMORGENBOOSTER
PETER SOLOW – HEAD OF INTERFACE DEVELOPMENTFACEBOOK.COM/1508DK LINKEDIN.COM/COMPANY/1508-AS
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
PROFORM TRAILRUNNER 4.0 TREADMILL8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
NOW WITH BUILT-IN WEB BROWSER8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
GOOGLE GLASSESGOOGLE GLASSES8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
ALDRIG FØR HAR SÅ MANGE SURFET INTERNETTETMED SÅ MANGE FORSKELLIGE ENHEDER OG SÅMANGE FORSKELLIGE BROWSER STØRRELSER8. MAJ...
3 MÅNEDER PÅ 1508.DK3 måneder på 1508.dk8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0Ca. 1400 browserstørrelser
3 MÅNEDER PÅ 1508.DK3 måneder på 1508.dk8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.039 FORSKELLIGE MOBIL DEVICES
ANGIV EMNEMOBIL VS STATIONÆR BROWSINGI 2014 overstiger brugen af internet via mobile enheder brugen via stationære enheder...
ANGIV EMNE90% AF BRUGERNE SHUFFLER MELLEM ENHEDERDet er ikke længere et spørgsmål om. at brugere besøger et site i den ene...
ALDRIG FØR HAR VI SAMLET SÅ MEGET DATA OMVORES BRUGERE, MEN VI VED STADIG INTET OM DEM,FØR DET ER FOR SENT8. MAJ 2013MORGE...
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0ALT DET VI IKKE VED – HVEM DE ER
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0ALT DET VI IKKE VED – HVAD DE LAVER
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0ALT DET VI IKKE VED – HVORDAN DE SER OSTAK TIL BRAD FROST
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0CONTEXT SPECIFIC BROWSINGMANGE AF DE FORUDINDTAGEDE IDEER VI HARHAFT OM BRUGEN AF ...
CASE: FINANSMINISTERIET8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0CASE: FINANSMINISTERIET
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0CASE: FINANSMINISTERIET
RESPONSIVE DESIGNER IKKE LÆNGERE ENMULIGHED, MAN KANFRAVÆLGE8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
ANGIV EMNERESPONSIVE DESIGN FOR LET ØVEDE25. Maj 2010 – A List Apart8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.01. A flexible,...
ANGIV EMNERESPONSIVE WEBDESIGN ER EN DELMÆNGDE AF ADAPTIVEWEBDESIGN“Adaptive web design is about creating interfaces that ...
ANGIV EMNETOOLS OF THE TRADE8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0HTML 5CSS 3JAVASCRIPT
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
RESPONSIVEWEBDESIGN ER MEGETMERE END TEKNIK OGDESIGNET ÅR EFTER VERSION 1.08. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
“RWD COMES UNDER CRITICISM FOR NOTBEING COMMERCIALLY VIABLE. IT’S BECAUSEIT’S TRYING TO BE SHOE-HORNED INTO ANEXISTING, FI...
PROCESSEN – V. 08. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
PROCESSEN – V. 1.08. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0PROCESSEN – V. 2.0STRATEGIINDSIGT KONCEPTDIGITALDESIGNHTMLMOCKUPSKETCHWIREFRAMEINT...
MOBILE FIRST (CONTENT FIRST)RESPONSIVE WEBDESIGNFRA SITE TIL SERVICE (SITE)8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
RESPONSIVEWEBDESIGN GÅR IKKEUD PÅ AT LAVESMARTEREBEHOLDERE, MENSMARTERE INDHOLDTIL BEHOLDERNEINDHOLD I FOKUS8. MAJ 2013MOR...
PEOPLES CAPACITY FORBULLSHIT IS RAPIDLYDIMINISHING8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0BRAD FROST - For a Future-Friend...
INDHOLDS STRATEGI8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0Kristina Halvorson, Content Strategy for the Web“Generally speaki...
INDHOLD OG PRIOTERING ER NØGLEN TIL ET BEDRE RESPONSIVE LIV“ESSENTIALLY WHAT IS THE MESSAGETHAT NEEDS TO BE COMMUNICATEDIF...
MOBILE FIRST WIREFRAMES8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.012345123412435
CONTENT AND FORMARE LOVERS,THEIR LOVE-CHILD ISDESIGN8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
MOBILE FIRST DESIGN?8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
IM JUST GOING TO COME OUT AND SAY WHAT SOMEOF US HAVE BEEN THINKING ABOUT RESPONSIVEDESIGN.IT BREEDS BORING.8. MAJ 2013MOR...
THE REASON APPLE MAKES SUCH GREAT PRODUCTSIS THAT THEY KNOW EXACTLY WHAT TO LEAVE OUTVS. WHAT TO ADD-IN. THE USER EXPERIEN...
MOBILE FIRSTGODT RESPONSIVEWEBDESIGN KRÆVERIKKE MOBILE FIRST-TILGANGEN, MEN ENINDGÅENDEFORSTÅELSE AFMEDIET8. MAJ 2013MORGE...
RESPONSIVEWEBDESIGN HARÆNDRET VORESTILGANG TIL NETTET PÅTVÆRS AF SAMTLIGEFAGDICIPLINER8. MAJ 2013MORGENBOOSTER: RESPONSIVE...
JEG HAR EN FANTASTISK IDE TIL EN APPDET ER IKKE LÆNGERE ET SPØRGSMÅL OM,HVORVIDT VI SKAL UDVIKLE ”NATIVE ELLERRESPONSIVE”,...
EXERGI8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
APP, MOBILE OG DESKTOP8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
MOBIL TEKNOLOGI BEHOVSPYRAMIDE8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0APIRESPONSIVE WEBAPP
DESPITE RESPONSIVE DESIGN ALREADY HAVINGBEEN AROUND MORE THAN TWO YEARS, IT’S STILL INMANY WAYS A FLEDGLING METHODOLOGY.DE...
DE MEST ALMINDELIGE PROBLEMER MED RESPONSIVE WEBDESIGN1. EXPLAINING RWD TO CLIENTS2. THE LACK OF A STATIC DESIGN PHASE3. N...
RESPOSNIVE DESIGN ISNOT A PANACEARATHER A GREAT STEPIN THE RIGHTDIRECTION8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0BRAD FROST
TAK@PSOLOW1508.DKNæste Morgenbooster: Digitale Services: Vi vil ikke informeres, vi vil handle onsdag d. 12. juni
Upcoming SlideShare
Loading in...5
×

Morgenbooster / Responsive Design 2.0 / 8. + 22. maj 2013

879

Published on

Published in: Business, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
879
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
32
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Morgenbooster / Responsive Design 2.0 / 8. + 22. maj 2013

  1. 1. RESPONSIVEDESIGN 2.0FACEBOOK.COM/1508DKLINKEDIN.COM/COMPANY/1508-ASMORGENBOOSTER
  2. 2. PETER SOLOW – HEAD OF INTERFACE DEVELOPMENTFACEBOOK.COM/1508DK LINKEDIN.COM/COMPANY/1508-AS
  3. 3. 8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
  4. 4. PROFORM TRAILRUNNER 4.0 TREADMILL8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
  5. 5. NOW WITH BUILT-IN WEB BROWSER8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
  6. 6. 8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
  7. 7. 8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
  8. 8. 8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
  9. 9. GOOGLE GLASSESGOOGLE GLASSES8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
  10. 10. ALDRIG FØR HAR SÅ MANGE SURFET INTERNETTETMED SÅ MANGE FORSKELLIGE ENHEDER OG SÅMANGE FORSKELLIGE BROWSER STØRRELSER8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0Disruption will only accelerate. The quantity and diversity of connected devices—many of which we haven’t imagined yet—will explode, as will the quantity anddiversity of the people around the world who use them.FUTURE FRIENDLYhttp://futurefriend.ly/
  11. 11. 3 MÅNEDER PÅ 1508.DK3 måneder på 1508.dk8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0Ca. 1400 browserstørrelser
  12. 12. 3 MÅNEDER PÅ 1508.DK3 måneder på 1508.dk8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.039 FORSKELLIGE MOBIL DEVICES
  13. 13. ANGIV EMNEMOBIL VS STATIONÆR BROWSINGI 2014 overstiger brugen af internet via mobile enheder brugen via stationære enheder.8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0http://tag.microsoft.com/community/blog/t/the_growth_of_mobile_marketing_and_tagging.aspx
  14. 14. ANGIV EMNE90% AF BRUGERNE SHUFFLER MELLEM ENHEDERDet 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.0http://ssl.gstatic.com/think/docs/multi-screen-world-infographic_infographics.pdf
  15. 15. ALDRIG FØR HAR VI SAMLET SÅ MEGET DATA OMVORES BRUGERE, MEN VI VED STADIG INTET OM DEM,FØR DET ER FOR SENT8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
  16. 16. 8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0ALT DET VI IKKE VED – HVEM DE ER
  17. 17. 8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0ALT DET VI IKKE VED – HVAD DE LAVER
  18. 18. 8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0ALT DET VI IKKE VED – HVORDAN DE SER OSTAK TIL BRAD FROST
  19. 19. 8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0CONTEXT SPECIFIC BROWSINGMANGE AF DE FORUDINDTAGEDE IDEER VI HARHAFT OM BRUGEN AF MOBILE ENHEDER, HARVIST SIG IKKE AT HOLDE STIK38 million Americans shop online on the toilet82% of smartphone users check and send email with their device.Google – “The Mobile Movement” (April 2011)
  20. 20. CASE: FINANSMINISTERIET8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
  21. 21. 8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0CASE: FINANSMINISTERIET
  22. 22. 8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0CASE: FINANSMINISTERIET
  23. 23. RESPONSIVE DESIGNER IKKE LÆNGERE ENMULIGHED, MAN KANFRAVÆLGE8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
  24. 24. ANGIV EMNERESPONSIVE DESIGN FOR LET ØVEDE25. Maj 2010 – A List Apart8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.01. A flexible, grid based layout2. Flexible images and media, and3. Media QueriesEthan Marcotte, Responsive Web Design
  25. 25. ANGIV EMNERESPONSIVE WEBDESIGN ER EN DELMÆNGDE AF ADAPTIVEWEBDESIGN“Adaptive web design is about creating interfaces that adapt tothe user’s capabilities (in terms of both form and function).To me, Adaptive web design is just another term for progressiveenhancement…”8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0ADAPTIVE WEB DESIGNRESPONSIVEAaron Gustafson, Adaptive Web Design
  26. 26. ANGIV EMNETOOLS OF THE TRADE8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0HTML 5CSS 3JAVASCRIPT
  27. 27. 8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
  28. 28. RESPONSIVEWEBDESIGN ER MEGETMERE END TEKNIK OGDESIGNET ÅR EFTER VERSION 1.08. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
  29. 29. “RWD COMES UNDER CRITICISM FOR NOTBEING COMMERCIALLY VIABLE. IT’S BECAUSEIT’S TRYING TO BE SHOE-HORNED INTO ANEXISTING, FIXED-CANVAS, INFLEXIBLE PROCESS.”DEN PERFEKTE PROCES8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0Mark Boulton, on responsive workflow
  30. 30. PROCESSEN – V. 08. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
  31. 31. PROCESSEN – V. 1.08. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
  32. 32. 8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0PROCESSEN – V. 2.0STRATEGIINDSIGT KONCEPTDIGITALDESIGNHTMLMOCKUPSKETCHWIREFRAMEINTERFACEDESIGNPROTOTYPETESTBASERETPÅ Pon Kattera Senior Interaction DesignerLIVEPROTOTYPE
  33. 33. MOBILE FIRST (CONTENT FIRST)RESPONSIVE WEBDESIGNFRA SITE TIL SERVICE (SITE)8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
  34. 34. RESPONSIVEWEBDESIGN GÅR IKKEUD PÅ AT LAVESMARTEREBEHOLDERE, MENSMARTERE INDHOLDTIL BEHOLDERNEINDHOLD I FOKUS8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
  35. 35. PEOPLES CAPACITY FORBULLSHIT IS RAPIDLYDIMINISHING8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0BRAD FROST - For a Future-Friendly Web (Mobilism 2012)
  36. 36. INDHOLDS STRATEGI8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0Kristina Halvorson, Content Strategy for the Web“Generally speaking, your web content is uselessunless it does one or both of the following:- Supports a key business objective- Supports a user (or customer) in completing a task”
  37. 37. INDHOLD OG PRIOTERING ER NØGLEN TIL ET BEDRE RESPONSIVE LIV“ESSENTIALLY WHAT IS THE MESSAGETHAT NEEDS TO BE COMMUNICATEDIF I WAS ONLY ABLE TO PROVIDETHE USER WITH UNSTYLED HTML?”— BRYAN RIEGER8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
  38. 38. MOBILE FIRST WIREFRAMES8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.012345123412435
  39. 39. CONTENT AND FORMARE LOVERS,THEIR LOVE-CHILD ISDESIGN8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
  40. 40. MOBILE FIRST DESIGN?8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
  41. 41. IM JUST GOING TO COME OUT AND SAY WHAT SOMEOF US HAVE BEEN THINKING ABOUT RESPONSIVEDESIGN.IT BREEDS BORING.8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0Jonathan Longneckerhttp://www.netmagazine.com/opinions/responsive-web-design-boring
  42. 42. THE REASON APPLE MAKES SUCH GREAT PRODUCTSIS THAT THEY KNOW EXACTLY WHAT TO LEAVE OUTVS. WHAT TO ADD-IN. THE USER EXPERIENCE ON THEORIGINAL IPOD: INCREDIBLY SIMPLE. THE SAME ISTRUE OF THE BEST RESPONSIVE DESIGNS.DESIGN PRINCIPPER8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0THE EDL BLOGhttp://blog.edlconsulting.com/ecommerce/responsive-design-inglorius-hack-or-panacea/
  43. 43. MOBILE FIRSTGODT RESPONSIVEWEBDESIGN KRÆVERIKKE MOBILE FIRST-TILGANGEN, MEN ENINDGÅENDEFORSTÅELSE AFMEDIET8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
  44. 44. RESPONSIVEWEBDESIGN HARÆNDRET VORESTILGANG TIL NETTET PÅTVÆRS AF SAMTLIGEFAGDICIPLINER8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
  45. 45. JEG HAR EN FANTASTISK IDE TIL EN APPDET ER IKKE LÆNGERE ET SPØRGSMÅL OM,HVORVIDT VI SKAL UDVIKLE ”NATIVE ELLERRESPONSIVE”, MEN HVORDAN VI LAVER LØSNINGER,DER UNDERSTØTTER BÅDE MOBILE WEBSITES OGNATIVE APPS NU OG I FREMTIDEN8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
  46. 46. EXERGI8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
  47. 47. APP, MOBILE OG DESKTOP8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
  48. 48. MOBIL TEKNOLOGI BEHOVSPYRAMIDE8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0APIRESPONSIVE WEBAPP
  49. 49. DESPITE RESPONSIVE DESIGN ALREADY HAVINGBEEN AROUND MORE THAN TWO YEARS, IT’S STILL INMANY WAYS A FLEDGLING METHODOLOGY.DESIGNERS ARE FACED WITH AN EVER-CHANGINGLANDSCAPE OF DEVICES, CODE FRAMEWORKS ANDSCRIPTS – AND, OF COURSE, THE NEED TO WORK IN ANEW WAY WITH CLIENTS TO MANAGE THE PROCESSOF CREATING RESPONSIVE WEBSITES.RESPONSIVE WEBDESIGN – UDFORDRINGER OG LØSNINGER8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0James Young –http://www.netmagazine.com/features/top-responsive-web-design-problems-and-how-avoid-them
  50. 50. DE MEST ALMINDELIGE PROBLEMER MED RESPONSIVE WEBDESIGN1. EXPLAINING RWD TO CLIENTS2. THE LACK OF A STATIC DESIGN PHASE3. NAVIGATION4. IMAGES5. TABLES6. CONVERTING OLD FIXED-WIDTH SITES7. WHAT TO SERVE USERS OF OLD VERSIONS OF IE8. TESTING TIME AND COST8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0
  51. 51. RESPOSNIVE DESIGN ISNOT A PANACEARATHER A GREAT STEPIN THE RIGHTDIRECTION8. MAJ 2013MORGENBOOSTER: RESPONSIVE 2.0BRAD FROST
  52. 52. TAK@PSOLOW1508.DKNæste Morgenbooster: Digitale Services: Vi vil ikke informeres, vi vil handle onsdag d. 12. juni
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×