The document discusses various techniques for designing mobile applications, including: - Drawing app ideas and wireframes on paper before implementing them digitally. - Considering human interface guidelines, the user experience, and what users can realistically do within a short time frame using one thumb. - Defining the app purpose and intended users through traditional UX methods like site maps and identifying key nouns and verbs. - Designing for mobile users rather than just mobile devices, such as allowing landscape orientation. - Understanding the user's situational context in terms of where they are, who they're with, what they're doing, and when, and ensuring the app provides a useful result for that context.

1. Mobile Technology
Masterful Design
Marketing
Innovation
Mike Kaple & Erica
Kendall

2. Big Design, Small Screen
• Get some gray sharpies and
• App Idea
tracing paper.
• DRAW
• Error state: what happens when
• HIGs - Human Interface Guidelines
something goes wrong?
(Apple)
• Can user do “x” with two minutes
• User Experience Guidelines (Apple)
and one thumb?
• Who is this app for?
• Draw it 3 times before going to the
• The device doesn’t know what to do
computer.
until you tell it.
• Design for the mobile user, not the
mobile device.
• Turn the app sideways; literally.
• Turn the app sideways; not literally.
• What do we know about the user?
• They are SOMEWHERE with
SOMEONE engaged in SOMETHING
at some TIME, and they expect a
result.
• Define app w/ traditional UX
methods.
• Site Map/User Flow
• Nouns and Verbs
• Do it once, then do it again and

3. Andrew Heaton

4. PhoneGap 101

5. PhoneGap 101

6. Developers are from Vulcan,
Designers are from Wonderland
Meyers Briggs Type Indicator
Dichotomies:
Extraversion
(E)
(I)
Introversion
Sensing
(S)
(N)
Intuition
Thinking
(T)
(F)
Feeling
Judging
(J)
(P)
Perception
Spock (Developer): ISTJ
Alice (Designer):
ENFP

7. Spock to Alice: Alice to Spock:
• Brainstorming session • Design conversation in a
• Users goals structured way
• Qualitative and emotive details • Frame within context of the
• Show how specific parts relate project requirements
to overall whole • Back up research or data
• Show different examples • Snow how larger pieces breaks
• Show a prototype down into details
• Talk about it in person • Show examples of similar
patterns on the target platform
• If pictures or talking isn't
working, try words

8. In general: 7 Suggestions:
• Explain yourself 1.Respect
• Ask questions 2.Dance to the same beat
• Listen after you ask the 3.Communicate
questions 4.Think global
• Look at it form the other 5.Show me yours...
person’s perspective 6.Sh*t happens
• Don't take it personally 7.Lather rinse and repeat
• Assume best intentions

9. Do’s and Don’ts of
Cross-Platform Mobile Design
Do share
Do stay true
Don't share to share
Don't overdue branding
Do rest (API)
Don’t neglect presentation
Don't back down
Popular cross platform tools:
• Titanium
• Mono
• PhoneGap
• Xamarin

10. Using Xcode
Native iOS Mobile App Development
and Deployment Strategies

11. Augmented Reality
Morning Keynote by Trak Lord of Metaio

12. Augmented Reality
Morning Keynote by Trak Lord of Metaio

13. Situational Opportunity
Using Human Behavior To Influence The
Design
And Features Of Mobile Apps

14. Situational Opportunity
Using Human Behavior To Influence The
Design
And Features Of Mobile Apps
Who’s that guy in the movie with
the dog?

15. A Mobile You!
Keynote by Leon Gersing

16. Responsive Web Design
From Mobile To Desktop, And Beyond

17. Quick & Code-Free
Mobile App Prototyping Techniques