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.

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

6. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
warning
6
https://www.flickr.com/photos/baldiri/5734993652/sizes/l

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

15. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
however…
15

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

40. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
expect partnership
40
http://pixabay.com/p-96298/?no_redirect

41. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
trust
41

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

45. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
questions
ANYONE?
45

46. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first
thank
YOU!
46

47. Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first 47
mobiledesktoptablet
FIRST
getting the most from all form factors
Matthew Doty | @matthewjdoty | @RBAConsulting | #mobledesktoptablet_first