mobiledesktoptablet first
DESCRIPTION
Mobile/Desktop/Tablet first: Getting the most from all form factors Most of us would agree that designing a smartphone experience first is a good way to prioritize features and functionality for a system that will span multiple form factors. Over the last 3 years, however, I’ve steadily come to realize that all form factors have important lessons to teach each other. While the “mobile first” movement represents an important evolution in our design thinking, there is a broader interplay between certain form factors that, when understood and mastered, can help take our designs to the next level.TRANSCRIPT
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first 1
mobiledesktoptablet
FIRSTgetting the most from all form factorsMatthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first 2
breaking the
ICEMatthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
about me3
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
about RBA4
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
about you5
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
warning6
https://www.flickr.com/photos/baldiri/5734993652/sizes/l
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first 7
setting the
STAGEMatthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
“mobile first” is a good idea8
https://www.flickr.com/photos/ful1to/3783198574/sizes/l
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
right direction9
https://www.flickr.com/photos/philliecasablanca/2182162819/sizes/o/
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
we were all retrofitting 10
https://www.flickr.com/photos/jeffsand/3871415191/sizes/l
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
data said we needed to change11
https://www.flickr.com/photos/zeldman/9599508711/sizes/l
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
we took the leap12
https://www.flickr.com/photos/cloud10/436425696/sizes/l
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
so, how’s that workin’ out? 13
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
very well14
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
however…15
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
all form factors can REVEAL16
http://upload.wikimedia.org/wikipedia/commons/1/15/Magnifying_Glass_Photo.jpg
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
all form factors can STRENGTHEN17
https://www.flickr.com/photos/ggvic/3255129747/sizes/l
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
all form factors can INSPIRE18
http://upload.wikimedia.org/wikipedia/commons/f/fc/Inspire_Sunburst_Italian_Alps.jpg
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
the merits of
“MOBILE FIRST”19
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
forces us to prioritize20
https://www.flickr.com/photos/robandstephanielevy/4616960925/sizes/l
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
transforms pain into pleasure21
https://www.flickr.com/photos/zunami/2283133585/sizes/l
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
sets expectations up front22
http://www.phlmetropolis.com/2012/03/my-internet-dating-experiment.php
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
when “mobile first” !
DOESN’T MAKE SENSE
23
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
when you need the big picture 24
http://magbookkeeping.com/blog/
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
when data indicates otherwise25
https://www.flickr.com/photos/nicmcphee/2217375343/sizes/l
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
when you’re not ready26
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first 27
mobledesktoptablet first
EXAMPLESMatthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
due to client permissions, these examples cannot be shared online !
sorry :(28
https://www.flickr.com/photos/imagesbywestfall/3606314694/sizes/o/
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first 29
the “mobledesktoptablet first”
PHILOSOPHYMatthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
it’s all about adaptation30
http://upload.wikimedia.org/wikipedia/commons/2/28/Adapt_or_die_Poznan.jpg
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
point 1: prioritize the most constrained form factor
31
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
point 1: prioritize the most IMPORTANT form factor
32
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
… to your users?33
http://resources2.news.com.au/images/2011/08/29/1226124/896802-110830-ipads-at-blair-athol.jpg
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
…to the business? 34
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
…to think it through35
https://www.flickr.com/photos/mustangjoe/5966894496/sizes/l
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
point 2: transform painful choices into pleasurable decisions
36
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
point 2: transform painful COMMUNICATION into pleasurable DIALOGUE
37
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first 38
http://upload.wikimedia.org/wikipedia/commons/5/58/Lionel_Barrymore_as_Mr._Potter.jpg
from this
to this
https://www.flickr.com/photos/slava/992547455/sizes/o/
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
set clear expectations39
http://www.greatmanagers.com/wp-content/uploads/2013/04/iStock_000017434800Large-300x264.jpg
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
expect partnership40
http://pixabay.com/p-96298/?no_redirect
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
trust41
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
point 3: consider the mobile form factor up front
42
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
point 3: consider ALL APPLICABLE form factorS up front
43
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
we all “get it”44
http://fc06.deviantart.net/fs71/f/2013/151/4/0/6_flat_screen_and_device_shape_vector_by_designsbee-d679jif.jpg
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
questions
ANYONE?45
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
thank
YOU!46
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first 47
mobiledesktoptablet
FIRSTgetting the most from all form factorsMatthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first