LDD Southern Summit 2013 - Adido - The theatre of the future-friendly website
Upcoming SlideShare
Loading in...5
×
 

LDD Southern Summit 2013 - Adido - The theatre of the future-friendly website

on

  • 499 views

Let's Do Digital Southern Summit 2013 - Chris Cherrett, Senior User Experience Developer.

Let's Do Digital Southern Summit 2013 - Chris Cherrett, Senior User Experience Developer.

Statistics

Views

Total Views
499
Views on SlideShare
232
Embed Views
267

Actions

Likes
0
Downloads
1
Comments
0

3 Embeds 267

http://www.dodigitalbetter.com 218
http://dodigitalbetter.co.uk 33
http://localhost 16

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • Thisused to be the web.
  • Great to see everyone here today with their iPads, iPhones.It’s not a bad thing (I’m not angry with you)
  • TheiPad wasn’t around a couple of years agoEaraof Ubiquity
  • Nobody is a mind readyNobody knows that’s around the corner
  • (8x – This is been propped up by desktop’s internet adoption itself)
  • The highlighted area is the only reason anyone would go to this page
  • Don’t use a lack of real-estate to slash-back functionality
  • Users want to do the samething on their mobile as theirdesktop
  • Quantitative Screen SizeConnectivity (3G/4G)Device Capabilities(camera)Processing PowerInput MethodsQualitativeUser GoalsUser Environment (*today”)User AttentionUser Capabilities
  • Old Context = Sitting at PCNew Context – Anywhere*Context is Fuzzy*Quantitative Screen SizeConnectivity (3G/4G)Device Capabilities (camera)Processing PowerInput MethodsQualitativeUser GoalsUser Environment (*today”)User AttentionUser Capabilities

LDD Southern Summit 2013 - Adido - The theatre of the future-friendly website LDD Southern Summit 2013 - Adido - The theatre of the future-friendly website Presentation Transcript

  • The Theatre of the Future-Friendly Website Chris Cherrett Senior UX Developer Adido @chrischerrett #letsdodigital
  • “The future of web and mobile design is that there is no distinction between the two.” - Tarun Mitra, 2013 source: https://medium.com/i-m-h-o/587b66677bf3
  • This is not the web.
  • This is not the web.
  • This is the web. source: http://bradfrostweb.com/wp-content/uploads/2012/11/devices.jpg
  • This will be the web. (we’re already seeing this…) source: Brad Frost – “For a Future-Friendly Web“
  • Apple’s iWatch (?)
  • source: http://www.wallibs.com/newimg/
  • There is no such thing as future-proof
  • But we can be future-friendly
  • “The things that we create today will exist beyond what we originally intended them for” - Brad Frost, 2011 source: http://vimeo.com/29961436
  • You have to reach your target user, wherever they are, whatever device they use.
  • Today's smartphones are sculpting the landscape of the web • Mobile web users are estimated to have reached one billion • Mobile internet adoption has outpaced desktop internet adoption by 8x • Smartphone sales surpassed worldwide PC sales in 2011
  • source: Brad Frost – “For a Future-Friendly Web“
  • source: Brad Frost – “For a Future-Friendly Web“
  • source: Brad Frost – “For a Future-Friendly Web“
  • source: Brad Frost – “For a Future-Friendly Web“
  • source: Brad Frost – “For a Future-Friendly Web“
  • Give people want they want.
  • Make stuff that is worthwhile.
  • People’s capacity for non-relevant content is rapidly diminishing. source: Brad Frost – “For a Future-Friendly Web“
  • non-relevant non-relevant non-relevant non-relevant nonrelevant non-relevant nonrelevant non-relevant non-relevant non-relevant non-relevant
  • Responsive Web Design allows us to build websites that are optimised for screens of all sizes; small mobile devices, tablets and large desktop monitors. RWD will drive the decline of standalone mobile optimised sites and native apps. In fact, it is already the trend and the right path to follow.
  • “Design is how it works” - Steve Jobs
  • Large-screen and Small-screen user interactions are polar opposites (or are they?) Factors such as Click versus Touch, Screen-size, Pixel-resolution, optimized markup and many more have become crucial.
  • Today
  • Craft an optimal experience — easy reading and navigation with a minimum of resizing, panning, and scrolling — across a wide range of devices from mobile phones to large monitors • Fluid • Media queries • Rules based on device characteristics • Proportion-based grids • Percentages — rather than absolutes • Flexible images • Progressive enhancement • Context • Quantitative & Qualitative
  • “Keep it light, please!” “Geek me up!” (I want to know it all)
  • http:// live.adi.do Network: adido Password: digitalbetter
  • Fixed Fluid vs. • • • • A wrapper with a fixed width Percentage or fixed width columns Same width seen by all visitors A 960-pixel width has become the “standard”. Most website users are assumed to browse in 1024×768-pixels or higher. • • Percentage widths Adjusts to screen resolution
  • <link rel=“stylesheet” media=“only screen and (maxdevice-width: 480px)” ref=“/css/iphone.css” /> source: @wilto (Mat Marquis)
  • <link rel=“stylesheet” media=“only screen and (maxdevice-width: 480px)” ref=“/css/iphone.css” /> source: @wilto (Mat Marquis)
  • 59% 44% Watching TV Commuting 80% Downtime 66% Shopping 71% Waiting in line source: http://blog.compete.com/2010/03/12/smartphone-owners-a-ready-and-willing-audience
  • isruption 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. Our existing standards, workflows, and infrastructure won't hold up. Today's onslaught of devices is already pushing them to the breaking point. They can't withstand what's ahead. Proprietary solutions will dominate at first. Innovation necessarily precedes standardisation.
  • Technologists will scramble to these solutions before realizing (yet again) that a standardised platform is needed to maintain sanity. The standards process will be painfully slow. We will struggle with (and eventually agree upon) appropriate standards. But there’s hope…
  • While we can't know exactly what the future will bring, we can: 1. Acknowledge and embrace unpredictability 2. Think and behave in a future-friendly way 3. Help others do the same The future is ours to make - friendly
  • source: www.futurefriend.ly
  • Thank You
  • Resources Brad Frost – http://bradfrostweb.com Future Friendly - http://futurefriend.ly Medium - http://medium.com Compete - http://compete.com “If I have seen further it is by standing on the shoulders of giants.” - Isaac Newton