SlideShare a Scribd company logo
1 of 84
Download to read offline
Cristiano Rastelli - Consumer Team
Adaptive, Responsive, Mobile.
A liquid web.
Index
• Premises
• Responsive. Adaptive. Mobile.
• Liquid web. Numbers.
• Tools & Techs.
• VisualDNA.
WEB
We are talking about
+ +
* but not only
*
Responsive
Adaptive
Mobile*
* first
www.alistapart.com/articles/responsive-web-design/
www.abookapart.com/products/responsive-web-design
www.lukew.com/ff/entry.asp?933
www.abookapart.com/products/mobile-first
twitter.com/lukew/status/262920585938612224/photo/1/large
RESPONSIVE
Vs.
ADAPTIVE
RESPONSIVE
Vs.
ADAPTIVE
RWD
MDWD
MFWD
RESS
PRD
ADAPTIVE
RESPONSIVE
ADAPTIVE
RESPONSIVE
FRAMEWORK
boilerplate
PATTERN
libraries
MOBILE
FIRST
The RWD effect
bradfrostweb.com/blog/web/mobile-first-responsive-web-design/
futurefriend.ly
techcrunch.com/2012/10/27/tablet-first-mobile-second/
www.welcomebrand.co.uk/thoughts/the-responsive-web-will-be-99-9-typography/
The RWD limits
markboulton.co.uk/journal/gridset-and-the-red-pill
Responsive design is time-consuming. Not
just writing the code, but all the way back to
content requirements, typography, layout,
managing client needs and expectations, Q.A and
bug testing.
Making websites this way adds time. In
some cases, too much. Or rather, we’re spending
time on the wrong things.
Mark Boulton
If you’re making websites,
chances are you’ve given some
thought to what constitutes a
responsive-friendly design
process — and you’ve probably
found that adding a mockup
for every breakpoint isn’t a
sustainable approach.
www.alistapart.com/articles/responsive-comping-obtaining-signoff-with-mockups/
Using a predefined grid seems
to make as much sense as using a
predefined colour scheme.
www.alistapart.com/articles/the-infinite-grid/
Luke Wroblewski
twitter.com/lukew/status/268406393944559616
one design fits all sizes
www.zeldman.com/2011/12/29/state-of-the-web-of-apps-devices-and-breakpoints/
Zeldman
Responsive design is not dead; it has only begun.
It is not a panacea but was never intended to be.
It is simply the beginnings of an approach.
Why Liquid?
web
Adaptive, Responsive, Mobile. A liquid web.
Adaptive, Responsive, Mobile. A liquid web.
Adaptive, Responsive, Mobile. A liquid web.
Adaptive, Responsive, Mobile. A liquid web.
Adaptive, Responsive, Mobile. A liquid web.
user
Ryan Singer
twitter.com/rjs/status/323880906559459331
PC vs. Smartphone Shipments
Source: Canalys 2011
Global Mobile vs. Desktop Internet Users
Source: Morgan Stanley 2011
overtaking this year?
Source: http://www.lukew.com/ff/entry.asp?1597
Where are people using mobile devices?
Source: Compete's Quarterly Smartphone Report
84%
80%
76%
69%
64%
62%
47%
at home
during miscellaneous downtime
throughout the day
waiting in lines of waiting for
appointments
while shopping
at work
while watching TV
during commute in to work
twitter.com/gluca/status/312849923466985472
Gianluca Diegoli
I realized that it's the mobile experience that
determines what then I use in my desktop. For
example, Pinterest for iOS is lousy, and then…
hbr.org/2013/01/how-people-really-use-mobile
googlemobileads.blogspot.co.uk/2011/04/smartphone-user-study-shows-mobile.html
google.com/think/research-studies/creating-moments-that-matter.html
www.google.com/think/research-studies/the-new-multi-screen-world-study.html
www.google.com/think/research-studies/the-new-multi-screen-world-study.html
www.google.com/think/research-studies/the-new-multi-screen-world-study.html
www.google.com/think/research-studies/the-new-multi-screen-world-study.html
Money. Not only user-experience!
CONTEXT
A shift in the
of web usage
we
www.slideshare.net/yiibu/pragmatic-responsive-design/
Test with real devices!
Adaptive, Responsive, Mobile. A liquid web.
Adaptive, Responsive, Mobile. A liquid web.
others
trentwalton.com/2013/04/10/reorganization/
Organization
trentwalton.com/2013/04/10/reorganization/
Organization
viljamis.com/blog/2012/responsive-workflow/
Workflow
viljamis.com/blog/2012/responsive-workflow/
Workflow
daverupert.com/2013/04/responsive-deliverables/
Deliverables
styletil.es
Deliverables
styletil.es
Deliverables
Tools & Techs
Patterns
mobiledesignpatterngallery.com
Patterns
mediaqueri.es
Patterns
mobilepatterns.com
Patterns
bradfrost.github.com/this-is-responsive/patterns.html
Designing Tools
html.adobe.com/edge/reflow/
Designing Tools
easel.io
Designing Tools
uxpin.com
Designing Tools
gridsetapp.com
Prototyping Tools
solidifyapp.com
Prototyping Tools
proto.io
Prototyping Tools
popapp.in
Prototyping Tools
plunkapp.com
Testing Tools
studiopress.com/responsive/
Testing Tools
LiveView
For Mac, iPhone & iPad
zambetti.com/projects/liveview/
NO!
VisualDNA
• Context is changing.
We must embrace it.
• Measure/track users
in specific devices.
• Different approach to
quiz & data analysis.
mobile.visualdna.com
Cristiano Rastelli - Consumer Team
THANK YOU
http://www.zeldman.com/2011/12/29/state-of-the-web-of-apps-devices-and-breakpoints/
http://www.slideshare.net/yiibu/pragmatic-responsive-design/
http://www.netmagazine.com/opinions/responsive-web-design-boring
http://viljamis.com/blog/2012/adaptive-vs-responsive-whats-the-difference.php
http://markboulton.co.uk/journal/gridset-and-the-red-pill
http://www.netmagazine.com/opinions/responsive-web-design-boring
http://www.slideshare.net/pkattera/design-process-for-responsive-web-design
http://37signals.com/svn/posts/3285-the-typography-and-layout-behind-the-new-signal-vs-noise-redesign
http://www.cloudfour.com/where-are-the-mobile-first-responsive-web-designs/
http://trentwalton.com/2013/04/10/reorganization/
http://viljamis.com/blog/2012/responsive-workflow/
http://www.google.com/think/research-studies/the-new-multi-screen-world-study.html
Must-Read
Nice-to-Read
Some references:
http://www.lukew.com/ff/entry.asp?1394
http://www.lukew.com/ff/entry.asp?1562
http://www.lukew.com/ff/entry.asp?1436
http://www.alistapart.com/articles/responsive-web-design/
http://www.alistapart.com/articles/responsive-comping-obtaining-signoff-with-mockups/
http://www.alistapart.com/articles/the-infinite-grid/
http://www.alistapart.com/articles/uncle-sam-wants-you-to-optimize-your-content-for-mobile/
http://www.smashingmagazine.com/responsive-web-design-guidelines-tutorials/
http://mobile.smashingmagazine.com/2012/10/24/beyond-common-media-query-breakpoints/
http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/
http://www.slideshare.net/livefront/responsive-design-7877412
http://www.slideshare.net/KMcGrane/adapting-ourselves-to-adaptive-content-12133365
http://www.slideshare.net/bradfrostweb/for-a-futurefriendly-web
http://www.slideshare.net/pkattera/design-process-for-responsive-web-design
http://www.slideshare.net/pekkos/mobile-experiences
http://www.slideshare.net/bradfrostweb/beyond-media-queries-anatomy-of-an-adaptive-web-design
https://speakerdeck.com/scottjehl/responsive-responsible
https://speakerdeck.com/erunyon/rebuilding-a-university-homepage-to-be-responsive-twice-in-less-than-
a-year
https://speakerdeck.com/m83/responsive-webdesing-and-the-little-dirty-secret-behind-fluid-grids
http://markboulton.co.uk/journal/adaptive_content_management
http://uxdesign.smashingmagazine.com/2012/11/08/ux-design-qa-with-christian-holst/
http://bradfrostweb.com/blog/mobile/planting-the-seed-for-a-responsive-future/
http://www.quora.com/Responsive-Design-vs-Adaptive-Design
http://www.html5rocks.com/en/mobile/responsivedesign/
http://www.sazzy.co.uk/2012/02/why-i-cant-design-in-the-browser/
Nice-to-Read (cont.)
http://bradfrostweb.com/blog/mobile/planting-the-seed-for-a-responsive-future/
http://techcrunch.com/2012/10/27/tablet-first-mobile-second/
http://www.jordanm.co.uk/post/32866575759/the-airfix-responsive-workflow
http://blog.cloudfour.com/css-media-query-for-mobile-is-fools-gold/
http://www.guardian.co.uk/help/developer-blog/2012/oct/18/responsive-design-guardian-introduction
http://digital.cabinetoffice.gov.uk/govuk-launch-colophon/
Nice-to-Read (cont.)
http://responsive.is/
http://bradfrost.github.com/this-is-responsive/
http://mediaqueri.es/
http://futurefriend.ly/
http://www.mobiledesignpatterngallery.com
http://www.mobilepatterns.com
Resources
http://html.adobe.com/edge/reflow/
http://html.adobe.com/edge/inspect/
http://zambetti.com/projects/liveview/
http://popapp.in
http://www.solidifyapp.com
http://proto.io
https://gridsetapp.com
Tools

More Related Content

What's hot

Beyond the hamburger menu - Reasons:London, 20 Feb 2015
Beyond the hamburger menu - Reasons:London, 20 Feb 2015Beyond the hamburger menu - Reasons:London, 20 Feb 2015
Beyond the hamburger menu - Reasons:London, 20 Feb 2015Anna Dahlström
 
TEDx Thessaloniki - The web is dead? (with notes)
TEDx Thessaloniki - The web is dead? (with notes)TEDx Thessaloniki - The web is dead? (with notes)
TEDx Thessaloniki - The web is dead? (with notes)Christian Heilmann
 
Future of Messaging with Mozilla values
Future of Messaging with Mozilla valuesFuture of Messaging with Mozilla values
Future of Messaging with Mozilla valuesdavidascher
 
UI於現階段與未來的應用趨勢
UI於現階段與未來的應用趨勢UI於現階段與未來的應用趨勢
UI於現階段與未來的應用趨勢Justin Lee
 
Responsive Design and Development "Gotchas"
Responsive Design and Development "Gotchas"Responsive Design and Development "Gotchas"
Responsive Design and Development "Gotchas"Andrew Malek
 
Mobilising Digital - Sydney 26/03/14
Mobilising Digital - Sydney 26/03/14Mobilising Digital - Sydney 26/03/14
Mobilising Digital - Sydney 26/03/14Precedent
 
Emerging practices 2019 week 6 design analysis
Emerging practices 2019 week 6 design analysisEmerging practices 2019 week 6 design analysis
Emerging practices 2019 week 6 design analysisR. Sosa
 
When the Developer Must Design
When the Developer Must DesignWhen the Developer Must Design
When the Developer Must DesignAndrew Malek
 
The moveable brand
The moveable brandThe moveable brand
The moveable brandDan Weingrod
 
Beyond the mobile web by yiibu
Beyond the mobile web by yiibuBeyond the mobile web by yiibu
Beyond the mobile web by yiibuyiibu
 
Technology Kills Photography
Technology Kills PhotographyTechnology Kills Photography
Technology Kills Photographypterracina
 
Why You Should Make Mobile Your Career | Clark College
Why You Should Make Mobile Your Career | Clark CollegeWhy You Should Make Mobile Your Career | Clark College
Why You Should Make Mobile Your Career | Clark CollegeJason Grigsby
 
SparkUp 2010 Mobile UX 101
SparkUp 2010 Mobile UX 101SparkUp 2010 Mobile UX 101
SparkUp 2010 Mobile UX 101Antony Ribot
 
WebGL, WebVR and the Metaverse
WebGL, WebVR and the MetaverseWebGL, WebVR and the Metaverse
WebGL, WebVR and the MetaverseTony Parisi
 
Mind the Gap: Designing the Space Between Devices
Mind the Gap: Designing the Space Between DevicesMind the Gap: Designing the Space Between Devices
Mind the Gap: Designing the Space Between DevicesJosh Clark
 
The trouble with context
The trouble with contextThe trouble with context
The trouble with contextyiibu
 

What's hot (18)

Brunei keynote Library Futures
Brunei keynote Library FuturesBrunei keynote Library Futures
Brunei keynote Library Futures
 
Beyond the hamburger menu - Reasons:London, 20 Feb 2015
Beyond the hamburger menu - Reasons:London, 20 Feb 2015Beyond the hamburger menu - Reasons:London, 20 Feb 2015
Beyond the hamburger menu - Reasons:London, 20 Feb 2015
 
TEDx Thessaloniki - The web is dead? (with notes)
TEDx Thessaloniki - The web is dead? (with notes)TEDx Thessaloniki - The web is dead? (with notes)
TEDx Thessaloniki - The web is dead? (with notes)
 
Future of Messaging with Mozilla values
Future of Messaging with Mozilla valuesFuture of Messaging with Mozilla values
Future of Messaging with Mozilla values
 
UI於現階段與未來的應用趨勢
UI於現階段與未來的應用趨勢UI於現階段與未來的應用趨勢
UI於現階段與未來的應用趨勢
 
Responsive Design and Development "Gotchas"
Responsive Design and Development "Gotchas"Responsive Design and Development "Gotchas"
Responsive Design and Development "Gotchas"
 
Mobilising Digital - Sydney 26/03/14
Mobilising Digital - Sydney 26/03/14Mobilising Digital - Sydney 26/03/14
Mobilising Digital - Sydney 26/03/14
 
Emerging practices 2019 week 6 design analysis
Emerging practices 2019 week 6 design analysisEmerging practices 2019 week 6 design analysis
Emerging practices 2019 week 6 design analysis
 
When the Developer Must Design
When the Developer Must DesignWhen the Developer Must Design
When the Developer Must Design
 
The moveable brand
The moveable brandThe moveable brand
The moveable brand
 
The Immobile Web
The Immobile WebThe Immobile Web
The Immobile Web
 
Beyond the mobile web by yiibu
Beyond the mobile web by yiibuBeyond the mobile web by yiibu
Beyond the mobile web by yiibu
 
Technology Kills Photography
Technology Kills PhotographyTechnology Kills Photography
Technology Kills Photography
 
Why You Should Make Mobile Your Career | Clark College
Why You Should Make Mobile Your Career | Clark CollegeWhy You Should Make Mobile Your Career | Clark College
Why You Should Make Mobile Your Career | Clark College
 
SparkUp 2010 Mobile UX 101
SparkUp 2010 Mobile UX 101SparkUp 2010 Mobile UX 101
SparkUp 2010 Mobile UX 101
 
WebGL, WebVR and the Metaverse
WebGL, WebVR and the MetaverseWebGL, WebVR and the Metaverse
WebGL, WebVR and the Metaverse
 
Mind the Gap: Designing the Space Between Devices
Mind the Gap: Designing the Space Between DevicesMind the Gap: Designing the Space Between Devices
Mind the Gap: Designing the Space Between Devices
 
The trouble with context
The trouble with contextThe trouble with context
The trouble with context
 

Viewers also liked

Paper - "Esperienza utente e fruizione dei contenuti nei quotidiani online i...
Paper - "Esperienza utente e fruizione dei contenuti nei  quotidiani online i...Paper - "Esperienza utente e fruizione dei contenuti nei  quotidiani online i...
Paper - "Esperienza utente e fruizione dei contenuti nei quotidiani online i...Cristiano Rastelli
 
Perché a fare i preventivi facciamo così schifo? @BetterSoftware 2102
Perché a fare i preventivi facciamo così schifo? @BetterSoftware 2102 Perché a fare i preventivi facciamo così schifo? @BetterSoftware 2102
Perché a fare i preventivi facciamo così schifo? @BetterSoftware 2102 Cristiano Rastelli
 
Perdere il controllo (con note)
Perdere il controllo (con note)Perdere il controllo (con note)
Perdere il controllo (con note)Cristiano Rastelli
 
Interaction Design Above the Level of a Single Man
Interaction Design Above the Level of a Single ManInteraction Design Above the Level of a Single Man
Interaction Design Above the Level of a Single ManCristiano Rastelli
 
What future we want for our Software Industry?
What future we want for our Software Industry?What future we want for our Software Industry?
What future we want for our Software Industry?Cristiano Rastelli
 
Style Guides, Pattern Libraries, Design Systems and other amenities.
 Style Guides, Pattern Libraries, Design Systems and other amenities. Style Guides, Pattern Libraries, Design Systems and other amenities.
Style Guides, Pattern Libraries, Design Systems and other amenities.Cristiano Rastelli
 
Design Pattern Libraries
Design Pattern LibrariesDesign Pattern Libraries
Design Pattern LibrariesBrian Peppler
 
Content-Driven Layouts with Flexbox (Chris Sauve, CSSDay 2015)
Content-Driven Layouts with Flexbox (Chris Sauve, CSSDay 2015)Content-Driven Layouts with Flexbox (Chris Sauve, CSSDay 2015)
Content-Driven Layouts with Flexbox (Chris Sauve, CSSDay 2015)Chris Sauve
 
How to build the perfect pattern library
How to build the perfect pattern libraryHow to build the perfect pattern library
How to build the perfect pattern libraryWolf Brüning
 

Viewers also liked (14)

The data we should not miss
 The data we should not miss The data we should not miss
The data we should not miss
 
Mobile last
Mobile lastMobile last
Mobile last
 
Exploring ideas
Exploring ideasExploring ideas
Exploring ideas
 
Paper - "Esperienza utente e fruizione dei contenuti nei quotidiani online i...
Paper - "Esperienza utente e fruizione dei contenuti nei  quotidiani online i...Paper - "Esperienza utente e fruizione dei contenuti nei  quotidiani online i...
Paper - "Esperienza utente e fruizione dei contenuti nei quotidiani online i...
 
Slides are easy
Slides are easySlides are easy
Slides are easy
 
Perché a fare i preventivi facciamo così schifo? @BetterSoftware 2102
Perché a fare i preventivi facciamo così schifo? @BetterSoftware 2102 Perché a fare i preventivi facciamo così schifo? @BetterSoftware 2102
Perché a fare i preventivi facciamo così schifo? @BetterSoftware 2102
 
Perdere il controllo (con note)
Perdere il controllo (con note)Perdere il controllo (con note)
Perdere il controllo (con note)
 
Interaction Design Above the Level of a Single Man
Interaction Design Above the Level of a Single ManInteraction Design Above the Level of a Single Man
Interaction Design Above the Level of a Single Man
 
What future we want for our Software Industry?
What future we want for our Software Industry?What future we want for our Software Industry?
What future we want for our Software Industry?
 
Style Guides, Pattern Libraries, Design Systems and other amenities.
 Style Guides, Pattern Libraries, Design Systems and other amenities. Style Guides, Pattern Libraries, Design Systems and other amenities.
Style Guides, Pattern Libraries, Design Systems and other amenities.
 
Design Pattern Libraries
Design Pattern LibrariesDesign Pattern Libraries
Design Pattern Libraries
 
Content-Driven Layouts with Flexbox (Chris Sauve, CSSDay 2015)
Content-Driven Layouts with Flexbox (Chris Sauve, CSSDay 2015)Content-Driven Layouts with Flexbox (Chris Sauve, CSSDay 2015)
Content-Driven Layouts with Flexbox (Chris Sauve, CSSDay 2015)
 
Let There Be Peace On CSS
Let There Be Peace On CSSLet There Be Peace On CSS
Let There Be Peace On CSS
 
How to build the perfect pattern library
How to build the perfect pattern libraryHow to build the perfect pattern library
How to build the perfect pattern library
 

Similar to Adaptive, Responsive, Mobile. A liquid web.

Att förstå mobilens natur
Att förstå mobilens naturAtt förstå mobilens natur
Att förstå mobilens nature9carsch
 
Pre-Conference Course: Wearables Workshop: UX Essentials - Phillip Likens
Pre-Conference Course: Wearables Workshop: UX Essentials - Phillip LikensPre-Conference Course: Wearables Workshop: UX Essentials - Phillip Likens
Pre-Conference Course: Wearables Workshop: UX Essentials - Phillip LikensUXPA International
 
Context-Aware and User-Centered Design: The Lost Battle Between Desktop and M...
Context-Aware and User-Centered Design: The Lost Battle Between Desktop and M...Context-Aware and User-Centered Design: The Lost Battle Between Desktop and M...
Context-Aware and User-Centered Design: The Lost Battle Between Desktop and M...UX Riga
 
Why "mobile first" isn't enough - Developing a better user experience
Why "mobile first" isn't enough - Developing a better user experienceWhy "mobile first" isn't enough - Developing a better user experience
Why "mobile first" isn't enough - Developing a better user experienceKevin Powell
 
New Rules of The Responsive Web
New Rules of The Responsive WebNew Rules of The Responsive Web
New Rules of The Responsive WebMatt Carver
 
2014 SharePoint Enterprise Mobile Strategy
2014 SharePoint Enterprise Mobile Strategy2014 SharePoint Enterprise Mobile Strategy
2014 SharePoint Enterprise Mobile StrategyJoel Oleson
 
MIE 2014 - Prepare your mobile user experience for fast conversion (Waarom Ta...
MIE 2014 - Prepare your mobile user experience for fast conversion (Waarom Ta...MIE 2014 - Prepare your mobile user experience for fast conversion (Waarom Ta...
MIE 2014 - Prepare your mobile user experience for fast conversion (Waarom Ta...MeasureWorks
 
"Adaptive Content, Context, and Controversy
"Adaptive Content, Context, and Controversy"Adaptive Content, Context, and Controversy
"Adaptive Content, Context, and ControversyBlend Interactive
 
Going Mobile First: a future-friendly approach to digital product design
Going Mobile First: a future-friendly approach to digital product designGoing Mobile First: a future-friendly approach to digital product design
Going Mobile First: a future-friendly approach to digital product designEzekiel Binion
 
Adaptive: Content, Context, and Controversy
Adaptive: Content, Context, and ControversyAdaptive: Content, Context, and Controversy
Adaptive: Content, Context, and ControversyKaren McGrane
 
The Revolution Will Not Be Televised: Managing Content and Experience in the ...
The Revolution Will Not Be Televised: Managing Content and Experience in the ...The Revolution Will Not Be Televised: Managing Content and Experience in the ...
The Revolution Will Not Be Televised: Managing Content and Experience in the ...Jonathan Stark
 
Mobile in 2015 - eduWeb 2014
Mobile in 2015 -  eduWeb 2014Mobile in 2015 -  eduWeb 2014
Mobile in 2015 - eduWeb 2014The Judge Group
 
Mobile User Experience – A key to successful strategies in the mobile market
Mobile User Experience – A key to successful strategies in the mobile marketMobile User Experience – A key to successful strategies in the mobile market
Mobile User Experience – A key to successful strategies in the mobile marketHenrik Hedegaard
 
The mobile ecosystem & technological strategies
The mobile ecosystem & technological strategiesThe mobile ecosystem & technological strategies
The mobile ecosystem & technological strategiesIvano Malavolta
 
Mobile User Experience
Mobile User ExperienceMobile User Experience
Mobile User ExperienceDonna Lichaw
 
If Responsive Web Design is the Answer, What Was the Question?
If Responsive Web Design is the Answer, What Was the Question?If Responsive Web Design is the Answer, What Was the Question?
If Responsive Web Design is the Answer, What Was the Question?Luca Passani
 
The Browser is Dead, Long Live the Web!
The Browser is Dead, Long Live the Web!The Browser is Dead, Long Live the Web!
The Browser is Dead, Long Live the Web!Jonathan Stark
 
The Browser is Dead, Long Live the Web! (Jonathan Stark)
 The Browser is Dead, Long Live the Web! (Jonathan Stark) The Browser is Dead, Long Live the Web! (Jonathan Stark)
The Browser is Dead, Long Live the Web! (Jonathan Stark)Future Insights
 

Similar to Adaptive, Responsive, Mobile. A liquid web. (20)

Att förstå mobilens natur
Att förstå mobilens naturAtt förstå mobilens natur
Att förstå mobilens natur
 
14 Web tech trends 2014
14 Web tech trends 201414 Web tech trends 2014
14 Web tech trends 2014
 
Pre-Conference Course: Wearables Workshop: UX Essentials - Phillip Likens
Pre-Conference Course: Wearables Workshop: UX Essentials - Phillip LikensPre-Conference Course: Wearables Workshop: UX Essentials - Phillip Likens
Pre-Conference Course: Wearables Workshop: UX Essentials - Phillip Likens
 
Context-Aware and User-Centered Design: The Lost Battle Between Desktop and M...
Context-Aware and User-Centered Design: The Lost Battle Between Desktop and M...Context-Aware and User-Centered Design: The Lost Battle Between Desktop and M...
Context-Aware and User-Centered Design: The Lost Battle Between Desktop and M...
 
Why "mobile first" isn't enough - Developing a better user experience
Why "mobile first" isn't enough - Developing a better user experienceWhy "mobile first" isn't enough - Developing a better user experience
Why "mobile first" isn't enough - Developing a better user experience
 
New Rules of The Responsive Web
New Rules of The Responsive WebNew Rules of The Responsive Web
New Rules of The Responsive Web
 
2014 SharePoint Enterprise Mobile Strategy
2014 SharePoint Enterprise Mobile Strategy2014 SharePoint Enterprise Mobile Strategy
2014 SharePoint Enterprise Mobile Strategy
 
MIE 2014 - Prepare your mobile user experience for fast conversion (Waarom Ta...
MIE 2014 - Prepare your mobile user experience for fast conversion (Waarom Ta...MIE 2014 - Prepare your mobile user experience for fast conversion (Waarom Ta...
MIE 2014 - Prepare your mobile user experience for fast conversion (Waarom Ta...
 
"Adaptive Content, Context, and Controversy
"Adaptive Content, Context, and Controversy"Adaptive Content, Context, and Controversy
"Adaptive Content, Context, and Controversy
 
Going Mobile First: a future-friendly approach to digital product design
Going Mobile First: a future-friendly approach to digital product designGoing Mobile First: a future-friendly approach to digital product design
Going Mobile First: a future-friendly approach to digital product design
 
Adaptive: Content, Context, and Controversy
Adaptive: Content, Context, and ControversyAdaptive: Content, Context, and Controversy
Adaptive: Content, Context, and Controversy
 
The Revolution Will Not Be Televised: Managing Content and Experience in the ...
The Revolution Will Not Be Televised: Managing Content and Experience in the ...The Revolution Will Not Be Televised: Managing Content and Experience in the ...
The Revolution Will Not Be Televised: Managing Content and Experience in the ...
 
Mobile in 2015 - eduWeb 2014
Mobile in 2015 -  eduWeb 2014Mobile in 2015 -  eduWeb 2014
Mobile in 2015 - eduWeb 2014
 
Mobile User Experience – A key to successful strategies in the mobile market
Mobile User Experience – A key to successful strategies in the mobile marketMobile User Experience – A key to successful strategies in the mobile market
Mobile User Experience – A key to successful strategies in the mobile market
 
The mobile ecosystem & technological strategies
The mobile ecosystem & technological strategiesThe mobile ecosystem & technological strategies
The mobile ecosystem & technological strategies
 
Mobile User Experience
Mobile User ExperienceMobile User Experience
Mobile User Experience
 
If Responsive Web Design is the Answer, What Was the Question?
If Responsive Web Design is the Answer, What Was the Question?If Responsive Web Design is the Answer, What Was the Question?
If Responsive Web Design is the Answer, What Was the Question?
 
The Browser is Dead, Long Live the Web!
The Browser is Dead, Long Live the Web!The Browser is Dead, Long Live the Web!
The Browser is Dead, Long Live the Web!
 
The Browser is Dead, Long Live the Web! (Jonathan Stark)
 The Browser is Dead, Long Live the Web! (Jonathan Stark) The Browser is Dead, Long Live the Web! (Jonathan Stark)
The Browser is Dead, Long Live the Web! (Jonathan Stark)
 
"Mobile" isn't mobile
"Mobile" isn't mobile"Mobile" isn't mobile
"Mobile" isn't mobile
 

More from Cristiano Rastelli

More from Cristiano Rastelli (15)

Perché a fare i preventivi facciamo così schifo?
Perché a fare i preventivi facciamo così schifo?Perché a fare i preventivi facciamo così schifo?
Perché a fare i preventivi facciamo così schifo?
 
HCI to UX to HCI - Parte B
HCI to UX to HCI - Parte BHCI to UX to HCI - Parte B
HCI to UX to HCI - Parte B
 
HCI to UX to HCI - Parte A
HCI to UX to HCI - Parte AHCI to UX to HCI - Parte A
HCI to UX to HCI - Parte A
 
HTML5 for Mobile
HTML5 for MobileHTML5 for Mobile
HTML5 for Mobile
 
The big bang theory
The big bang theoryThe big bang theory
The big bang theory
 
Html5 - Un anno dopo
Html5 - Un anno dopoHtml5 - Un anno dopo
Html5 - Un anno dopo
 
Senior 2.0 (reprise)
Senior 2.0 (reprise)Senior 2.0 (reprise)
Senior 2.0 (reprise)
 
La qualità non paga
La qualità non pagaLa qualità non paga
La qualità non paga
 
Il valore percepito
Il valore percepitoIl valore percepito
Il valore percepito
 
Esperienza utente e fruizione dei contenuti nei quotidiani online in Italia.
Esperienza utente e fruizione dei contenuti nei quotidiani online in Italia.Esperienza utente e fruizione dei contenuti nei quotidiani online in Italia.
Esperienza utente e fruizione dei contenuti nei quotidiani online in Italia.
 
Arte agile
Arte agileArte agile
Arte agile
 
Html5
Html5Html5
Html5
 
Perdere il controllo (IAD09)
Perdere il controllo (IAD09)Perdere il controllo (IAD09)
Perdere il controllo (IAD09)
 
Best practices per lo sviluppo Frontend
Best practices per lo sviluppo FrontendBest practices per lo sviluppo Frontend
Best practices per lo sviluppo Frontend
 
Senior 2.0 - Quale UX per un social network della terza età?
Senior 2.0 - Quale UX per un social network della terza età?Senior 2.0 - Quale UX per un social network della terza età?
Senior 2.0 - Quale UX per un social network della terza età?
 

Adaptive, Responsive, Mobile. A liquid web.