16. ALDRIG FØR HAR SÅ MANGE SURFET INTERNETTET
MED SÅ MANGE FORSKELLIGE ENHEDER OG SÅ
MANGE FORSKELLIGE BROWSERSTØRRELSER
9. OKTOBER 2013MORGENBOOSTER
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/
17. MOBIL VS STATIONÆR-BROWSING
9. OKTOBER 2013MORGENBOOSTER
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
18. MOBILE ENHEDER SOM PRIMÆR INTERNET ACCESS POINT
9. OKTOBER 2013MORGENBOOSTER
D: 42%
UK: 42%USA: 67%
F: 40%
Q4: HOW DO YOU TYPICALLY GO ONLINE TO SURF THE WEB?
HTTP://ONDEVICERESEARCH.COM/BLOG/POST-PC-ERA-IN-THE-US-#STHASH.OASIRZ7D.DPBS
19. 3 MÅNEDER PÅ 1508.DK
3 måneder på 1508.dk
9. OKTOBER 2013MORGENBOOSTER
39 FORSKELLIGE MOBIL-DEVICES
21. 3 MÅNEDER PÅ 1508.DK
3 måneder på 1508.dk
9. OKTOBER 2013MORGENBOOSTER
Ca. 1400 browserstørrelser
22. 90% AF BRUGERNE SHUFFLER MELLEM ENHEDER
9. OKTOBER 2013MORGENBOOSTER
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
29. HVOR, HVORNÅR OG HVORFOR
9. OKTOBER 2013MORGENBOOSTER
80% bruger mobil
under diverse nedetider...
76% bruger mobil, mens de venter i kø
eller på en aftale...
32. 9. OKTOBER 2013MORGENBOOSTER
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)
I’m definitely moving, I’m definitely in a car. I’m
going to look at your website. This doesn’t
mean my intent is to find an address, or quickly
use a news site...
38. ANGIV EMNE
RESPONSIVE DESIGN FOR LET ØVEDE
25. Maj 2010 – A List Apart
9. OKTOBER 2013MORGENBOOSTER
1. A flexible, grid based layout
2. Flexible images and media, and
3. Media Queries
Ethan Marcotte, Responsive Web Design
39. ANGIV EMNE
TOOLS OF THE TRADE
9. OKTOBER 2013MORGENBOOSTER
HTML 5
CSS 3
JAVASCRIPT
41. 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…”
9. OKTOBER 2013MORGENBOOSTER
ADAPTIVE WEB DESIGN
RESPONSIVE
Aaron Gustafson, Adaptive Web Design
42. BUILD TO LAST
9. OKTOBER 2013MORGENBOOSTER
I LIKE AN ESCALATOR BECAUSE AN ESCALATOR
CAN NEVER BREAK, IT CAN ONLY BECOM STAIRS.
-MITCH HEDBERG
43. ADAPTIVE WEB DESIGN
9. OKTOBER 2013MORGENBOOSTER
FEATURE DETECTION
DEVICE APIS
PERFORMANCE
CONDITIONAL LOADING
CONTENT STRATEGY
HTML5
TOUCH
ERGONOMICS
RWD
45. MOBILE FIRST = CONTENT FIRST
FROM SITE TO SERVICE (SITE)
9. OKTOBER 2013MORGENBOOSTER
46. RESPONSIVE
WEBDESIGN GÅR IKKE
UD PÅ AT LAVE
SMARTERE
BEHOLDERE, MEN
SMARTERE INDHOLD
TIL BEHOLDERNE
INDHOLD I FOKUS
9. OKTOBER 2013MORGENBOOSTER
47. INDHOLDSSTRATEGI
9. OKTOBER 2013MORGENBOOSTER
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”
48. INDHOLD OG PRIOTERING ER NØGLEN TIL ET BEDRE RESPONSIVE LIV
9. OKTOBER 2013MORGENBOOSTER
THE DEVICE LANDSCAPE IS CONSTANTLY CHANGING.
CAPABILITIES ARE CONSTANTLY CHANGING. PROPERLY
STRUCTURED CONTENT IS PORTABLE TO FUTURE
PLATFORMS.
-STEPHENHAY
49. PEOPLE'S CAPACITY FOR
BULLSHIT IS RAPIDLY
DIMINISHING
9. OKTOBER 2013MORGENBOOSTER
BRAD FROST - For a Future-Friendly Web (Mobilism 2012)
50. HAR DU NOGLE SINDE ØNSKET ET MERE KOMPLEKST LIV?
MORGENBOOSTER 9. OKTOBER 2013
51. HVORNÅR SÅ DU SIDST ET INTERFACE DER BARE VAR FOR ENKELT?
MORGENBOOSTER 9. OKTOBER 2013
52. MORGENBOOSTER
VI ØNSKER ALLE ENKELTHED
MEN VI BLIVER FRISTET AF
KOMPLEKSITET
9. OKTOBER 2013
THANKS TO GILES COLBORNE
62. I'M JUST GOING TO COME OUT AND SAY WHAT SOME
OF US HAVE BEEN THINKING ABOUT RESPONSIVE
DESIGN.
IT BREEDS BORING.
9. OKTOBER 2013MORGENBOOSTER
Jonathan Longnecker
http://www.netmagazine.com/opinions/responsive-web-design-boring
63. “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
9. OKTOBER 2013MORGENBOOSTER
Mark Boulton, on responsive workflow
64. DESIGN I BROWSEREN IKKE PÅ LÆRRED
9. OKTOBER 2013MORGENBOOSTER
• Photoshop filen ≠ Browser renderingen
• Flade filer er ikke interaktive
• Generelt mindre tværfaglighed
• Dyrt og endegyldigt
• Svært at forventningsafstemme
73. 9. OKTOBER 2013MORGENBOOSTER
PROCESSEN – V. 2.0
STRATEGIINDSIGT KONCEPT
DIGITAL
DESIGN
HTML
MOCKUP
SKETCH
WIREFRAME
INTERFACE
DESIGN
PROTOTYPETEST
BASERETPÅ Pon Kattera Senior Interaction Designer
LIVE
PROTOTYPE
80. 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
9. OKTOBER 2013MORGENBOOSTER
83. 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
9. OKTOBER 2013MORGENBOOSTER
James Young –
http://www.netmagazine.com/features/top-responsive-web-design-problems-and-how-avoid-them
84. DE MEST ALMINDELIGE PROBLEMER MED RESPONSIVE WEB DESIGN
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
9. OKTOBER 2013MORGENBOOSTER
85. RESPOSNIVE DESIGN IS
NOT A PANACEA
RATHER A GREAT STEP
IN THE RIGHT
DIRECTION
9. OKTOBER 2013MORGENBOOSTER
BRAD FROST