The document discusses building content apps for mobile devices. It notes the rise of mobile phones and decline of traditional PCs. Responsive design is key to fitting content across different devices. Templates can save time when used properly. Content apps need to go beyond simply delivering digital versions of print content and should be designed based on user needs through testing prototypes.

1. @jonnykaldor - pugpig.com - kaldorgroup.com

2. @jonnykaldor - pugpig.com - kaldorgroup.com

3. From Pages to Pads
(or how to build beautiful content apps without killing you art director)
Jonny Kaldor
@jonnykaldor - pugpig.com - kaldorgroup.com

4. A little context...
@jonnykaldor - pugpig.com - kaldorgroup.com

5. Global shipments of connected devices (1000’s units)
@jonnykaldor - pugpig.com - kaldorgroup.com
Mobile
phones
Tablets
Traditional
PCs
0
2013 2014 2015
2,800,000
2,100,000
1,400,000
700,000
Source: Gartner, October 2014

6. commercial
model
So many things to think about...
@jonnykaldor - pugpig.com - kaldorgroup.com
audience
devices
content
features
app vs
mobile web
and why are we doing this?

7. Page design and building the right product
@jonnykaldor - pugpig.com - kaldorgroup.com

8. Mobile content represents a real design challenge...
@jonnykaldor - pugpig.com - kaldorgroup.com

9. How to fit this
@jonnykaldor - pugpig.com - kaldorgroup.com

10. Into this..
@jonnykaldor - pugpig.com - kaldorgroup.com

11. And this
@jonnykaldor - pugpig.com - kaldorgroup.com

12. And these
@jonnykaldor - pugpig.com - kaldorgroup.com

13. And all these
@jonnykaldor - pugpig.com - kaldorgroup.com

14. So what’s the answer?
@jonnykaldor - pugpig.com - kaldorgroup.com

15. How do I fit this
@jonnykaldor - pugpig.com - kaldorgroup.com

16. Into all these
@jonnykaldor - pugpig.com - kaldorgroup.com

17. Well it’s certainly
NOT this…
@jonnykaldor - pugpig.com - kaldorgroup.com

18. Responsive design
@jonnykaldor - pugpig.com - kaldorgroup.com

19. @jonnykaldor - pugpig.com - kaldorgroup.com

20. Responsive design is the practice of creating layouts
that automatically organise your content to fit a given
screen shape and size in the most appropriate way
@jonnykaldor - pugpig.com - kaldorgroup.com

21. And if you really want to save time then you have to
embrace templates...
(they are better than you think)
@jonnykaldor - pugpig.com - kaldorgroup.com

22. @jonnykaldor - pugpig.com - kaldorgroup.com

23. @jonnykaldor - pugpig.com - kaldorgroup.com

24. @jonnykaldor - pugpig.com - kaldorgroup.com

25. @jonnykaldor - pugpig.com - kaldorgroup.com

26. @jonnykaldor - pugpig.com - kaldorgroup.com

27. @jonnykaldor - pugpig.com - kaldorgroup.com

28. @jonnykaldor - pugpig.com - kaldorgroup.com

29. Thinking beyond digital replicas...
@jonnykaldor - pugpig.com - kaldorgroup.com

30. @jonnykaldor - pugpig.com - kaldorgroup.com

31. @jonnykaldor - pugpig.com - kaldorgroup.com

32. @jonnykaldor - pugpig.com - kaldorgroup.com

33. @jonnykaldor - pugpig.com - kaldorgroup.com

34. @jonnykaldor - pugpig.com - kaldorgroup.com

35. But how do you give them what they want?
@jonnykaldor - pugpig.com - kaldorgroup.com

36. you deliver they request
@jonnykaldor - pugpig.com - kaldorgroup.com
they need

37. DESIGN
You do not
know the
answer!
@jonnykaldor - pugpig.com - kaldorgroup.com
USER
TEST
PROTOTYPE
BUILD
AND
LAUNCH

38. So if I can leave you with only four things:
1. Phones are more important than we thought
2. Responsive design is the key
3. Think beyond simple content delivery
4. Launch quickly, test, then iterate
@jonnykaldor - pugpig.com - kaldorgroup.com

39. @jonnykaldor - pugpig.com - kaldorgroup.com