RESPONSIVE
DESIGN 2.0 – MOBILE
REVOLUTION
PETER SOLOW – HEAD OF INTERFACE DEVELOPMENT
FACEBOOK.COM/1508DK LINKEDIN.COM/COM...
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
PROFORM TRAILRUNNER 4.0 TREADMILL
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
NOW WITH BUILT-IN WEB BROWSER
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
DET SKETE I DE DAGE…
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
ONE GIANT LEAP
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
THE INTERNET OF THINGS
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
GOOGLE’S GLASS
GOOGLE GLASSES
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
IWATCH
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
ALDRIG FØR HAR SÅ MANGE SURFET INTERNETTET
MED SÅ MANGE FORSKELLIGE ENHEDER OG SÅ
MANGE FORSKELLIGE BROWSER STØRRELSER
21 ...
MOBIL VS STATIONÆR BROWSING
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
I 2014 OVERSTIGER BRUGEN AF INTERNET VIA
M...
UDBREDELSE AF SMARTPHONES
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
I nogle tilfælde erstatter ny teknologi tidl...
3 MÅNEDER PÅ 1508.DK
3 måneder på 1508.dk
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
39 FORSKELLIGE MOBIL DEVICES
SIZE MATTERS
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
ZOOM LEVEL X 3
FONT-SIZE X 3
ORIENTATION X 2
SIZE = 30
3 MÅNEDER PÅ 1508.DK
3 måneder på 1508.dk
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
Ca. 1400 browserstørrelser
90% AF BRUGERNE SHUFFLER MELLEM ENHEDER
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
DET ER IKKE LÆNGERE ET SPØRGSM...
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
21 AUGUST 201...
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
ALT DET VI IKKE VED – HVEM DE ER
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
ALT DET VI IKKE VED – HVAD DE LAVER
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
ALT DET VI IKKE VED – HVORDAN DE SER OS
TAK TIL BRAD FROST
DETTE ER IKKE BARE INTERNETTET
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
CONTEXT SPECIFIC BROWSING
MANGE AF DE FORUDINDTAGEDE IDEER VI HAR
HAFT...
YOU SNOOZE YOU LOOSE
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
CASE: FINANSMINISTERIET
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
CASE: FINANSMINISTERIET
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
CASE: FINANSMINISTERIET
RESPONSIVE DESIGN
ER IKKE LÆNGERE EN
MULIGHED, MAN KAN
FRAVÆLGE
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
ANGIV EMNE
RESPONSIVE DESIGN FOR LET ØVEDE
25. Maj 2010 – A List Apart
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0...
ANGIV EMNE
TOOLS OF THE TRADE
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
HTML 5
CSS 3
JAVASCRIPT
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
SE VIDEOEN PÅ: https://vimeo.com/65717488
ANGIV EMNE
RESPONSIVE WEBDESIGN ER EN DELMÆNGDE AF ADAPTIVE
WEBDESIGN
“Adaptive web design is about creating interfaces th...
BUILD TO LAST
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
I LIKE AN ESCALATOR BECAUSE AN ESCALATOR
CAN NEVER BREAK...
ADAPTIVE WEB DESIGN
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
FEATURE DETECTION
DEVICE APIS
PERFORMANCE
CONDITIO...
RESPONSIVE
WEBDESIGN ER MEGET
MERE END TEKNIK OG
DESIGN
ET ÅR EFTER VERSION 1.0
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE D...
MOBILE FIRST (CONTENT FIRST)
RESPONSIVE WEBDESIGN
FRA SITE TIL SERVICE (SITE)
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DES...
RESPONSIVE
WEBDESIGN GÅR IKKE
UD PÅ AT LAVE
SMARTERE
BEHOLDERE, MEN
SMARTERE INDHOLD
TIL BEHOLDERNE
INDHOLD I FOKUS
21 AUG...
PEOPLE'S CAPACITY FOR
BULLSHIT IS RAPIDLY
DIMINISHING
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
BRAD FROST - For...
INDHOLDS STRATEGI
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
Kristina Halvorson, Content Strategy for the Web
“Ge...
INDHOLD OG PRIOTERING ER NØGLEN TIL ET BEDRE RESPONSIVE LIV
“ESSENTIALLY WHAT IS THE MESSAGE
THAT NEEDS TO BE COMMUNICATED...
MOBILE FIRST WIREFRAMES
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
1
2
3
4
5
1
2
3
4
1
2
4
3
5
RESPONSIVE FLOW
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
CONTENT AND FORM
ARE LOVERS,
THEIR LOVE-CHILD IS
DESIGN
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
MOBILE FIRST DESIGN?
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
I'M JUST GOING TO COME OUT AND SAY WHAT SOME
OF US HAVE BEEN THINKING ABOUT RESPONSIVE
DESIGN.
IT BREEDS BORING.
21 AUGUST...
MOBILE FIRST DESIGN
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
- MY WEBSITES RUN FASTER DEVELOPING MOBILE FIRST. ...
THE REASON APPLE MAKES SUCH GREAT PRODUCTS
IS THAT THEY KNOW EXACTLY WHAT TO LEAVE OUT
VS. WHAT TO ADD-IN. THE USER EXPERI...
EN RESPONSIV
PROCESS
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
“RWD COMES UNDER CRITICISM FOR NOT
BEING COMMERCIALLY VIABLE. IT’S BECAUSE
IT’S TRYING TO BE SHOE-HORNED INTO AN
EXISTING,...
PROCESSEN – V. 0
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
PROCESSEN – V. 1.0
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
PROCESSEN – V. 1.0
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
PROCESSEN – V. 1.0
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
PROCESSEN – V. 2.0
STRATEGIINDSIGT KONCEPT
DIGITAL
DESIGN
HTML
MOCKUP
...
LEAN UX
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
"IS THE PRACTICE OF BRINGING THE TRUE NATURE OF
OUR WORK TO LI...
LEAN UX
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
HAR SINE RØDDER I AGILE METODER OG LEAN
STARTUP HVOR MAN ARBEJ...
LEAN UX
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
LEAN UX
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
LEAN UX
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
RESPONSIVE
WEBDESIGN HAR
ÆNDRET VORES
TILGANG TIL NETTET PÅ
TVÆRS AF SAMTLIGE
FAGDICIPLINER
21 AUGUST 2013MORGENBOOSTER - ...
JEG HAR EN FANTASTISK IDE TIL EN APP
DET ER IKKE LÆNGERE ET SPØRGSMÅL OM,
HVORVIDT VI SKAL UDVIKLE ”NATIVE ELLER
RESPONSIV...
EXERGI
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
APP, MOBILE OG DESKTOP
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
DESPITE RESPONSIVE DESIGN ALREADY HAVING
BEEN AROUND MORE THAN TWO YEARS, IT’S STILL IN
MANY WAYS A FLEDGLING METHODOLOGY....
DE MEST ALMINDELIGE PROBLEMER MED RESPONSIVE WEBDESIGN
1. EXPLAINING RWD TO CLIENTS
2. THE LACK OF A STATIC DESIGN PHASE
3...
RESPONSIVE DESIGN IS
NOT A PANACEA
RATHER A GREAT STEP
IN THE RIGHT
DIRECTION
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DES...
TAK
@PSOLOW
1508.DK
NÆSTE MORGENBOOSTER:
18. SEPTEMBER
DIGITAL STRATEGI TOOLKIT
Upcoming SlideShare
Loading in …5
×

Morgenbooster / Responsive Design 2.0 - Mobile Revolution / 21. august

840 views
666 views

Published on

http://1508.dk/viden

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

No Downloads
Views
Total views
840
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
24
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Morgenbooster / Responsive Design 2.0 - Mobile Revolution / 21. august

  1. 1. RESPONSIVE DESIGN 2.0 – MOBILE REVOLUTION PETER SOLOW – HEAD OF INTERFACE DEVELOPMENT FACEBOOK.COM/1508DK LINKEDIN.COM/COMPANY/1508-AS
  2. 2. 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
  3. 3. PROFORM TRAILRUNNER 4.0 TREADMILL 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
  4. 4. NOW WITH BUILT-IN WEB BROWSER 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
  5. 5. DET SKETE I DE DAGE… 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
  6. 6. 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
  7. 7. 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
  8. 8. 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
  9. 9. ONE GIANT LEAP 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
  10. 10. 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
  11. 11. THE INTERNET OF THINGS 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
  12. 12. 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
  13. 13. GOOGLE’S GLASS GOOGLE GLASSES 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
  14. 14. IWATCH 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
  15. 15. ALDRIG FØR HAR SÅ MANGE SURFET INTERNETTET MED SÅ MANGE FORSKELLIGE ENHEDER OG SÅ MANGE FORSKELLIGE BROWSER STØRRELSER 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 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/
  16. 16. MOBIL VS STATIONÆR BROWSING 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0 I 2014 OVERSTIGER BRUGEN AF INTERNET VIA MOBILE ENHEDER BRUGEN VIA STATIONÆRE ENHEDER. http://tag.microsoft.com/community/blog/t/the_growth_of_mobile_marketing_and_tagging.aspx
  17. 17. UDBREDELSE AF SMARTPHONES 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0 I nogle tilfælde erstatter ny teknologi tidligere teknologier. Fx bliver fastnettelefonen erstattet af mobiltelefoner, som igen erstattes af smartphones. Andelen af husstande med et fastnetabonnement er faldet fra 78 pct. i 2007 til 51 pct. i 2012. Samtidig er andelen med smartphones steget fra 33 til 50 pct. siden sidste år.
  18. 18. 3 MÅNEDER PÅ 1508.DK 3 måneder på 1508.dk 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0 39 FORSKELLIGE MOBIL DEVICES
  19. 19. SIZE MATTERS 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
  20. 20. 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0 ZOOM LEVEL X 3 FONT-SIZE X 3 ORIENTATION X 2 SIZE = 30
  21. 21. 3 MÅNEDER PÅ 1508.DK 3 måneder på 1508.dk 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0 Ca. 1400 browserstørrelser
  22. 22. 90% AF BRUGERNE SHUFFLER MELLEM ENHEDER 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0 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. http://ssl.gstatic.com/think/docs/multi-screen-world-infographic_infographics.pdf
  23. 23. 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 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
  24. 24. 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0 ALT DET VI IKKE VED – HVEM DE ER
  25. 25. 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0 ALT DET VI IKKE VED – HVAD DE LAVER
  26. 26. 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0 ALT DET VI IKKE VED – HVORDAN DE SER OS TAK TIL BRAD FROST
  27. 27. DETTE ER IKKE BARE INTERNETTET 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
  28. 28. 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 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)
  29. 29. YOU SNOOZE YOU LOOSE 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
  30. 30. CASE: FINANSMINISTERIET 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
  31. 31. 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0 CASE: FINANSMINISTERIET
  32. 32. 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0 CASE: FINANSMINISTERIET
  33. 33. RESPONSIVE DESIGN ER IKKE LÆNGERE EN MULIGHED, MAN KAN FRAVÆLGE 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
  34. 34. ANGIV EMNE RESPONSIVE DESIGN FOR LET ØVEDE 25. Maj 2010 – A List Apart 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0 1. A flexible, grid based layout 2. Flexible images and media, and 3. Media Queries Ethan Marcotte, Responsive Web Design
  35. 35. ANGIV EMNE TOOLS OF THE TRADE 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0 HTML 5 CSS 3 JAVASCRIPT
  36. 36. 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0 SE VIDEOEN PÅ: https://vimeo.com/65717488
  37. 37. 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…” 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0 ADAPTIVE WEB DESIGN RESPONSIVE Aaron Gustafson, Adaptive Web Design
  38. 38. BUILD TO LAST 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0 I LIKE AN ESCALATOR BECAUSE AN ESCALATOR CAN NEVER BREAK, IT CAN ONLY BECOM STAIRS. -MITCH HEDBERG
  39. 39. ADAPTIVE WEB DESIGN 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0 FEATURE DETECTION DEVICE APIS PERFORMANCE CONDITIONAL LOADING CONTENT STRATEGY HTML5 TOUCH ERGONOMICS RWD
  40. 40. RESPONSIVE WEBDESIGN ER MEGET MERE END TEKNIK OG DESIGN ET ÅR EFTER VERSION 1.0 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
  41. 41. MOBILE FIRST (CONTENT FIRST) RESPONSIVE WEBDESIGN FRA SITE TIL SERVICE (SITE) 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
  42. 42. RESPONSIVE WEBDESIGN GÅR IKKE UD PÅ AT LAVE SMARTERE BEHOLDERE, MEN SMARTERE INDHOLD TIL BEHOLDERNE INDHOLD I FOKUS 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
  43. 43. PEOPLE'S CAPACITY FOR BULLSHIT IS RAPIDLY DIMINISHING 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0 BRAD FROST - For a Future-Friendly Web (Mobilism 2012)
  44. 44. INDHOLDS STRATEGI 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 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”
  45. 45. 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 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
  46. 46. MOBILE FIRST WIREFRAMES 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0 1 2 3 4 5 1 2 3 4 1 2 4 3 5
  47. 47. RESPONSIVE FLOW 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
  48. 48. CONTENT AND FORM ARE LOVERS, THEIR LOVE-CHILD IS DESIGN 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
  49. 49. MOBILE FIRST DESIGN? 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
  50. 50. I'M JUST GOING TO COME OUT AND SAY WHAT SOME OF US HAVE BEEN THINKING ABOUT RESPONSIVE DESIGN. IT BREEDS BORING. 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0 Jonathan Longnecker http://www.netmagazine.com/opinions/responsive-web-design-boring
  51. 51. MOBILE FIRST DESIGN 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0 - MY WEBSITES RUN FASTER DEVELOPING MOBILE FIRST. I HAVE RECODED WEBSITES RESPONSIVELY AND MOBILE FIRST AND HAVE OFTEN TIMES REDUCED MY LOAD TIME BY 30-40% - MY CLIENTS UNDERSTAND CONTENT PRIORITY AND VISUAL HIERARCHY EASIER AND BETTER. THEY CAN ALL RELATE TO THE FRUSTRATION OF NOT GETTING THE CONTENT THEY WANT ON THEIR MOBILE BROWSERS AND I CAN EASILY USE THIS FRUSTRATION TO CONVINCE THEM TO RECONSIDER THE DESKTOP EXPERIENCE - MY WIREFRAMING HAS GONE FASTER WITH POINT #2. SINCE THE CLIENTS NOW KNOW WHICH INFORMATION IS MORE IMPORTANT TO THEM AND THEIR USERS, I CAN TAKE THAT AND TURN IT INTO LARGER SCREEN WIREFRAME WITH THEM THAT THEY UNDERSTAND Helen Tran http://designshack.net/articles/css/mobilefirst/
  52. 52. 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 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0 THE EDL BLOG http://blog.edlconsulting.com/ecommerce/responsive-design-inglorius-hack-or-panacea/
  53. 53. EN RESPONSIV PROCESS 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
  54. 54. “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 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0 Mark Boulton, on responsive workflow
  55. 55. PROCESSEN – V. 0 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
  56. 56. 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
  57. 57. PROCESSEN – V. 1.0 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
  58. 58. PROCESSEN – V. 1.0 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
  59. 59. PROCESSEN – V. 1.0 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
  60. 60. 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 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
  61. 61. LEAN UX 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0 "IS THE PRACTICE OF BRINGING THE TRUE NATURE OF OUR WORK TO LIGHT FAST, WITH LESS EMPHASIS ON DELIVRTABLES AND GREATER FOCUS ON THE ACTUAL EXPERIENCE BEING DESIGNED."
  62. 62. LEAN UX 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0 HAR SINE RØDDER I AGILE METODER OG LEAN STARTUP HVOR MAN ARBEJDER MED RAPID PROTOTYPING. HYPOTESER OPSTILLES OG TESTES.
  63. 63. LEAN UX 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
  64. 64. LEAN UX 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
  65. 65. LEAN UX 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
  66. 66. RESPONSIVE WEBDESIGN HAR ÆNDRET VORES TILGANG TIL NETTET PÅ TVÆRS AF SAMTLIGE FAGDICIPLINER 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
  67. 67. 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 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
  68. 68. EXERGI 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
  69. 69. APP, MOBILE OG DESKTOP 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
  70. 70. 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 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0 James Young – http://www.netmagazine.com/features/top-responsive-web-design-problems-and-how-avoid-them
  71. 71. 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 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
  72. 72. RESPONSIVE DESIGN IS NOT A PANACEA RATHER A GREAT STEP IN THE RIGHT DIRECTION 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0 BRAD FROST
  73. 73. TAK @PSOLOW 1508.DK NÆSTE MORGENBOOSTER: 18. SEPTEMBER DIGITAL STRATEGI TOOLKIT

×