Professional Documents
Culture Documents
Northeastern University 1
Mobile Application Design and Development Summer 2011
Welcome!
• Goals of this course:
– Help you learn about mobile app
development and best practices
– Help you learn about mobile interaction
design and rapid prototyping strategies
– Provide you with the tools, knowledge, and
excuse to create a novel mobile app that
helps solve a serious problem that strengthens
your programming portfolio
Northeastern University 2
Mobile Application Design and Development Summer 2011
Who am I?
• BSE in CSE from Penn
• Ph.D. from MIT (computer vision)
• “Home of the Future” and architects
• Health and House_n
• Northeastern! (Sep 2011)
– New Ph.D. Personal Health Informatics)
– Interests: mobile health, games for health,
mobile and home sensing and pattern
recognition, UI design, AI
Northeastern University 3
Mobile Application Design and Development Summer 2011
Mobile Applications
• What are they?
– Any application that runs on a “mobile
device”
Northeastern University 5
Mobile Application Design and Development Summer 2011
Development Environments
• Most platforms have an SDK that you can
download and build against
• Every platform has an emulator that you
can use to test your apps
• Most emulators are configurable to match
a variety of mobile devices
– Various screen sizes, memory limitations,
tablets, etc.
– In practice, emulators quite limited
Northeastern University 6
Mobile Application Design and Development Summer 2011
Northeastern University 7
Mobile Application Design and Development Summer 2011
Northeastern University 8
Mobile Application Design and Development Summer 2011
Northeastern University 9
Mobile Application Design and Development Summer 2011
Northeastern University 10
Mobile Application Design and Development Summer 2011
Northeastern University 11
Mobile Application Design and Development Summer 2011
Northeastern University 13
Mobile Application Design and Development Summer 2011
Project
• Sudoku
• Boggle
Project contest
• Everyone in the class will try/critique apps
from other teams
Northeastern University 15
Mobile Application Design and Development Summer 2011
Northeastern University 16
Mobile Application Design and Development Summer 2011
Northeastern University 17
Mobile Application Design and Development Summer 2011
Opportunity
Leverage:
Human Sensors & Consumer electronics
Computer Machine Mobile technologies
Interaction Learning
Focus:
Body
Behavioral
Science
Home
Workplace
Community
} Personal
Inspiration
• Suppose a person visits the doctor and the
doctor recommends more physical
activity
• Scenario 1:
– Doctor gives a lecture with suggestions
– Hands out some reading material
• Scenario 2:
– Person hires a (good) personal trainer
Northeastern University 21
Mobile Application Design and Development Summer 2011
Inspiration
•Timing
Personofwants to increase
information brisk
delivery is walking
powerful
& could dramatically improve intervention
• Scenario 1:
– Doctor provides a pedometer
– At end of a day, 1500 more steps to goal
• Scenario 2:
– Doctor provides “just-in-time” phone app
– When walking, notifies 1500 more steps to goal
Northeastern University 22
Mobile Application Design and Development Summer 2011
New opportunity
• Context-sensitive just-in-time content
delivery at points of decision, behavior, or
consequence [Fogg 99]
Strategy
• Simple messages
(points of decision/behavior/consequence)
Northeastern University 24
Mobile Application Design and Development Summer 2011
Northeastern University 25
Mobile Application Design and Development Summer 2011
Example 1: StepLively
• Based on operant conditioning
• Uses positive, just-in-time reinforcement
• Multi-level (day, week) goal setting
against own behavior that is continuously
and automatically measured using phone
motion sensor
• Provides pleasant audio reinforcers based
on current behavior
Northeastern University 26
Mobile Application Design and Development Summer 2011
Northeastern University 27
Mobile Application Design and Development Summer 2011
Simple startup
Northeastern University 28
Mobile Application Design and Development Summer 2011
Tutorial
Northeastern University 29
Mobile Application Design and Development Summer 2011
Tutorial
Northeastern University 30
Mobile Application Design and Development Summer 2011
Northeastern University 31
Mobile Application Design and Development Summer 2011
Northeastern University 33
Mobile Application Design and Development Summer 2011
Northeastern University 34
Mobile Application Design and Development Summer 2011
Northeastern University 35
Mobile Application Design and Development Summer 2011
Customize reinforcement
Northeastern University 36
Mobile Application Design and Development Summer 2011
Example 2: Wockets
• Goal
– 24/7 measurement of physical activity of
• Type
• Intensity
• Duration
• Location
– For months+
– Keep cost low so suitable for cohort studies
• Exploit consumer phone technologies
• All open source
Northeastern University 37
Mobile Application Design and Development Summer 2011
Vision: population-scale
Real-time feedback to
App Store Participant has flexibility encourage compliance
in how to wear/use
sensors
Ideas to
make
flexible &
personally
valuable
& engaging
Upper + lower
body motion
Northeastern University 39
Mobile Application Design and Development Summer 2011
Actigraph Wocket
Northeastern University 40
Mobile Application Design and Development
Production & sizing Summer 2011
Usability critical
WRIST AND ANKLE BAND DESIGN
POCKET BAG DESIGN
Northeastern University 41
Mobile Application Design and Development Summer 2011
Ac
Northeastern University 42
Mobile Application Design and Development Summer 2011
Northeastern University 43
Mobile Application Design and Development Summer 2011
Robustness
Northeastern University 44
Mobile Application Design and Development Summer 2011
Robustness
Northeastern University 45
Mobile Application Design and Development Summer 2011
Robustness
Northeastern University 46
Mobile Application Design and Development Summer 2011
Robustness
Northeastern University 47
Mobile Application Design and Development Summer 2011
Robustness
Northeastern University 48
Mobile Application Design and Development Summer 2011
Robustness
Northeastern University 49
Mobile Application Design and Development Summer 2011
Robustness
Northeastern University 50
Mobile Application Design and Development Summer 2011
Northeastern University 51
Mobile Application Design and Development Summer 2011
Northeastern University 52
Mobile Application Design and Development Summer 2011
Status
• Both projects went through iterative
design; about to be deployed in
validation studies