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.
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
mobiledesktoptablet FIRST
1. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first 1
mobiledesktoptablet
FIRST
getting the most from all form factors
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
2. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first 2
breaking the
ICE
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
3. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
about me
3
4. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
about RBA
4
5. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
about you
5
7. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first 7
setting the
STAGE
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
8. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
“mobile first” is a good idea
8
https://www.flickr.com/photos/ful1to/3783198574/sizes/l
9. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
right direction
9
https://www.flickr.com/photos/philliecasablanca/2182162819/sizes/o/
10. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
we were all retrofitting
10
https://www.flickr.com/photos/jeffsand/3871415191/sizes/l
11. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
data said we needed to change
11
https://www.flickr.com/photos/zeldman/9599508711/sizes/l
12. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
we took the leap
12
https://www.flickr.com/photos/cloud10/436425696/sizes/l
13. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
so, how’s that workin’ out?
13
14. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
very well
14
16. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
all form factors can REVEAL
16
http://upload.wikimedia.org/wikipedia/commons/1/15/Magnifying_Glass_Photo.jpg
17. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
all form factors can STRENGTHEN
17
https://www.flickr.com/photos/ggvic/3255129747/sizes/l
18. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
all form factors can INSPIRE
18
http://upload.wikimedia.org/wikipedia/commons/f/fc/Inspire_Sunburst_Italian_Alps.jpg
19. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
the merits of
“MOBILE FIRST”
19
20. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
forces us to prioritize
20
https://www.flickr.com/photos/robandstephanielevy/4616960925/sizes/l
21. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
transforms pain into pleasure
21
https://www.flickr.com/photos/zunami/2283133585/sizes/l
22. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
sets expectations up front
22
http://www.phlmetropolis.com/2012/03/my-internet-dating-experiment.php
23. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
when “mobile first”!
DOESN’T
MAKE SENSE
23
24. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
when you need the big picture
24
http://magbookkeeping.com/blog/
25. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
when data indicates otherwise
25
https://www.flickr.com/photos/nicmcphee/2217375343/sizes/l
26. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
when you’re not ready
26
27. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first 27
mobledesktoptablet first
EXAMPLES
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
28. 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/
29. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first 29
the “mobledesktoptablet first”
PHILOSOPHY
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
30. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
it’s all about adaptation
30
http://upload.wikimedia.org/wikipedia/commons/2/28/Adapt_or_die_Poznan.jpg
31. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
point 1:
prioritize the most constrained
form factor
31
32. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
point 1:
prioritize the most IMPORTANT
form factor
32
33. 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
34. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
…to the business?
34
35. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
…to think it through
35
https://www.flickr.com/photos/mustangjoe/5966894496/sizes/l
36. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
point 2:
transform painful choices
into pleasurable decisions
36
37. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
point 2:
transform painful COMMUNICATION
into pleasurable DIALOGUE
37
38. 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/
39. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
set clear expectations
39
http://www.greatmanagers.com/wp-content/uploads/2013/04/iStock_000017434800Large-300x264.jpg
42. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
point 3:
consider the mobile form factor
up front
42
43. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
point 3:
consider ALL APPLICABLE form factorS
up front
43
44. 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
47. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first 47
mobiledesktoptablet
FIRST
getting the most from all form factors
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first