It’s an interesting challenge to build something interactive and usable on a device that fits in the palm of your hand. At THATCamp CHNM and THATCamp Philly 2012, we presented on the topic of mobile devices meets digital humanities. How can these rich projects port to smartphones? What technology is out there, and what would work best for your project.

1. DIGITAL HUMANITIES AND MOBILE DEVICES
DIGITAL HUMANITIES AND MOBILE DEVICES 1

2. We're a mobile society.
DIGITAL HUMANITIES AND MOBILE DEVICES 2

3. Don't believe me?
DIGITAL HUMANITIES AND MOBILE DEVICES 3

4. Don't believe me?
DIGITAL HUMANITIES AND MOBILE DEVICES 4

5. The Mobile Era
232,000,000
TWO-THIRDS OF THE U.S.
POPULATION HAVE CELL PHONES
DIGITAL HUMANITIES AND MOBILE DEVICES 5

6. The Mobile Era
105,000,000
OVER 45% OF ALL CELL PHONE
USERS HAVE A SMARTPHONE
DIGITAL HUMANITIES AND MOBILE DEVICES 6

7. Device Market Share
29%
DIGITAL HUMANITIES AND MOBILE DEVICES 7

8. Device Market Share
29% 44%
DIGITAL HUMANITIES AND MOBILE DEVICES 8

9. Device Market Share
29% 44% 17%
DIGITAL HUMANITIES AND MOBILE DEVICES 9

10. Device Market Share
29% 44% 17% 5%
DIGITAL HUMANITIES AND MOBILE DEVICES 10

11. Total Applications
585,000 500,000
25 BILLION DOWNLOADS 15 BILLION DOWNLOADS
DIGITAL HUMANITIES AND MOBILE DEVICES 11

12. Native Apps vs. Mobile Web
DIGITAL HUMANITIES AND MOBILE DEVICES 12

13. Native Applications
• BUILT FOR AN INDIVIDUAL PLATFORM (IOS, ANDROID)
• REQUIRES A SPECIFIC DEVELOPMENT ENVIRONMENT
• SOME STORES REQUIRE A FEE
• MORE FLUID, INTUITIVE APPLICATIONS
DIGITAL HUMANITIES AND MOBILE DEVICES 13

14. Mobile Web
• BUILT LIKE A TYPICAL WEBSITE/WEB APP
• UNIVERSAL ACROSS MANY TYPES OF DEVICES
• CANNOT BE DISTRIBUTED TO APP STORES
• ACCESSED IN A MOBILE BROWSER
• CAN BE ADDED TO HOMESCREEN FROM BROWSER
DIGITAL HUMANITIES AND MOBILE DEVICES 14

15. Hybrid Apps
• BUILT USING WEB STANDARD TECHNOLOGY
• CAN SUBMIT TO MANY STORES FROM ONE CODE BASE
• STILL NEED TO PAY INDIVIDUAL FEES
• MANY TECHNOLOGY OPTIONS AVAILABLE
DIGITAL HUMANITIES AND MOBILE DEVICES 15

16. Designing for Mobile Devices
DIGITAL HUMANITIES AND MOBILE DEVICES 16

17. Application Design Workflow
BRAINSTORM &
CONCEPTUALIZE
DIGITAL HUMANITIES AND MOBILE DEVICES 17

18. Application Design Workflow
BRAINSTORM & CREATE
CONCEPTUALIZE WIREFRAMES
DIGITAL HUMANITIES AND MOBILE DEVICES 18

19. Application Design Workflow
BRAINSTORM & CREATE VISUAL
CONCEPTUALIZE WIREFRAMES DESIGN
DIGITAL HUMANITIES AND MOBILE DEVICES 19

20. Application Design Workflow
BRAINSTORM & CREATE VISUAL BEGIN
CONCEPTUALIZE WIREFRAMES DESIGN DEVELOPMENT
DIGITAL HUMANITIES AND MOBILE DEVICES 20

21. Application Design Workflow
BRAINSTORM & CREATE VISUAL BEGIN
CONCEPTUALIZE WIREFRAMES DESIGN DEVELOPMENT
DIGITAL HUMANITIES AND MOBILE DEVICES 21

22. Mobile Considerations
SCREEN SIZE/RESOLUTION
320x480 768x1024 1680x1050
(640x960) (1536x2048) (or higher!)
DIGITAL HUMANITIES AND MOBILE DEVICES 22

23. Mobile Considerations
TOUCH SCREEN INTERFACE
DIGITAL HUMANITIES AND MOBILE DEVICES 23

24. Mobile Considerations
SLOW CONNECTIONS
DIGITAL HUMANITIES AND MOBILE DEVICES 24

25. mLearning
DIGITAL HUMANITIES AND MOBILE DEVICES 25

26. mLearning
DIGITAL HUMANITIES AND MOBILE DEVICES 26

27. mLearning
DIGITAL HUMANITIES AND MOBILE DEVICES 27

28. mLearning
• CONTINUOUS AND LIFE-LONG LEARNING
• BREAK BOUNDARIES
• EXPAND EDUCATIONAL OPPORTUNITIES
• SOCIAL COLLABORATION VS. SELF-LEARNING
DIGITAL HUMANITIES AND MOBILE DEVICES 28

29. Sample Applications
DIGITAL HUMANITIES AND MOBILE DEVICES 29

30. American Revolution Center
INTERACTIVE TIMELINE IPAD APPLICATION
DIGITAL HUMANITIES AND MOBILE DEVICES 30

31. American Revolution Center
INTERACTIVE TIMELINE IPAD APPLICATION
DIGITAL HUMANITIES AND MOBILE DEVICES 31

32. Visualizing Emancipation
UNIVERSITY OF RICHMOND WEB APP
DIGITAL HUMANITIES AND MOBILE DEVICES 32

33. Visualizing Emancipation
UNIVERSITY OF RICHMOND WEB APP
DIGITAL HUMANITIES AND MOBILE DEVICES 33

34. Creatures of Light
AMERICAN MUSEUM OF NATURAL HISTORY
DIGITAL HUMANITIES AND MOBILE DEVICES 34

35. Creatures of Light
AMERICAN MUSEUM OF NATURAL HISTORY
DIGITAL HUMANITIES AND MOBILE DEVICES 35

36. Creatures of Light
AMERICAN MUSEUM OF NATURAL HISTORY
DIGITAL HUMANITIES AND MOBILE DEVICES 36

37. History of Maps
HIGH RES MAPPING APPLICATION
DIGITAL HUMANITIES AND MOBILE DEVICES 37

38. History of Maps
HIGH RES MAPPING APPLICATION
DIGITAL HUMANITIES AND MOBILE DEVICES 38

39. So, what are your ideas?
DIGITAL HUMANITIES AND MOBILE DEVICES 39

40. Application Design Workflow
BRAINSTORM & CREATE VISUAL BEGIN
CONCEPTUALIZE WIREFRAMES DESIGN DEVELOPMENT
DIGITAL HUMANITIES AND MOBILE DEVICES 40

41. Brainstorming & Conceptualizing
CREATE BRAIN AND CONCEPT
PERSONAS GAMESTORMING SKETCHING
DIGITAL HUMANITIES AND MOBILE DEVICES 41