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. 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. 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. 3 MÅNEDER PÅ 1508.DK
3 måneder på 1508.dk
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
39 FORSKELLIGE MOBIL DEVICES
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. 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. 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
26. 21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
ALT DET VI IKKE VED – HVORDAN DE SER OS
TAK TIL BRAD FROST
27. DETTE ER IKKE BARE INTERNETTET
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
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. YOU SNOOZE YOU LOOSE
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
33. RESPONSIVE DESIGN
ER IKKE LÆNGERE EN
MULIGHED, MAN KAN
FRAVÆLGE
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
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. ANGIV EMNE
TOOLS OF THE TRADE
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
HTML 5
CSS 3
JAVASCRIPT
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. 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
41. MOBILE FIRST (CONTENT FIRST)
RESPONSIVE WEBDESIGN
FRA SITE TIL SERVICE (SITE)
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
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. 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. 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. 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
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. 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. 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/
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. PROCESSEN – V. 0
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
57. PROCESSEN – V. 1.0
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
58. PROCESSEN – V. 1.0
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
59. PROCESSEN – V. 1.0
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
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. 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. 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.
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
69. APP, MOBILE OG DESKTOP
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
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. 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. RESPONSIVE DESIGN IS
NOT A PANACEA
RATHER A GREAT STEP
IN THE RIGHT
DIRECTION
21 AUGUST 2013MORGENBOOSTER - RESPONSIVE DESIGN 2.0
BRAD FROST