SlideShare a Scribd company logo
Mobile Technology
Masterful Design
Marketing
Innovation




Mike Kaple & Erica
Kendall
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
Andrew Heaton
PhoneGap 101
PhoneGap 101
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
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
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
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
Using Xcode
Native iOS Mobile App Development
and Deployment Strategies
Augmented Reality
Morning Keynote by Trak Lord of Metaio
Augmented Reality
Morning Keynote by Trak Lord of Metaio
Situational Opportunity
Using Human Behavior To Influence The
Design
And Features Of Mobile Apps
Situational Opportunity
Using Human Behavior To Influence The
Design
And Features Of Mobile Apps




     Who’s that guy in the movie with
     the dog?
A Mobile You!
Keynote by Leon Gersing
Responsive Web Design
From Mobile To Desktop, And Beyond
Quick & Code-Free
Mobile App Prototyping Techniques

More Related Content

PPTX
My favorite technologies
PPTX
# S1.12 - Coding 101: Robotics for Beginners
PPTX
Artificial intelligence in voice recognition
PPT
The design of everyday things
PDF
Prototype and User Test
PDF
The psychopathology of everyday things!
PDF
Apples’ iPhone, iPod touch and iPad Application Programming - CLASS 1
PPTX
Using Defensive Pessimism to Build Great Software at YML
My favorite technologies
# S1.12 - Coding 101: Robotics for Beginners
Artificial intelligence in voice recognition
The design of everyday things
Prototype and User Test
The psychopathology of everyday things!
Apples’ iPhone, iPod touch and iPad Application Programming - CLASS 1
Using Defensive Pessimism to Build Great Software at YML

What's hot (18)

PPTX
Neil Perlin - We're Going Mobile! Great! Are We Ready?
PPTX
5 technologies that have changed our lives
PDF
Creating an entirely new design
PDF
Mobile ux practices
PDF
Mer from User's Perspective
PDF
Mixed reality the second generation is all about ux
PDF
Rich Holdsworth @Didlr Presentation
PPT
Game Design 2 - Lecture 2 - Menu Flow
PPTX
Smart phone apps for agriculture
PDF
Smart phone apps for agriculture
KEY
Game Design 2: Menu Flow (2011)
PDF
Mayana lost in translation
KEY
Web Wise You Media
PPTX
Let The Machine Helps
PDF
Open /// Creative Toolkit
PPTX
Developing an Engineering Mindset by Junaid Javed
PDF
Designing applications for voice interface platforms
PPT
Nine rocketships firstcall
Neil Perlin - We're Going Mobile! Great! Are We Ready?
5 technologies that have changed our lives
Creating an entirely new design
Mobile ux practices
Mer from User's Perspective
Mixed reality the second generation is all about ux
Rich Holdsworth @Didlr Presentation
Game Design 2 - Lecture 2 - Menu Flow
Smart phone apps for agriculture
Smart phone apps for agriculture
Game Design 2: Menu Flow (2011)
Mayana lost in translation
Web Wise You Media
Let The Machine Helps
Open /// Creative Toolkit
Developing an Engineering Mindset by Junaid Javed
Designing applications for voice interface platforms
Nine rocketships firstcall
Ad

Viewers also liked (20)

ODT
Resolucio practica5 pqpi2
PPTX
как выучить иностранный язык
PPTX
Pronomi diretti con accordo
PDF
Stappenplan+ben+rietdijk+sport
PPT
Biruk.rwandan genocide.p6
PPT
Three sad dogs
XLSX
สรุปปลายปีงบ54
PPT
Arrays by 2/3D
PDF
Location logic working_with_content
PDF
Prijslijst 2013
PPTX
Serenity walk
PPT
Multiplication posters
PPT
Present simple tense
PPTX
Обучение лексике. Подготовительные тренировочные упражнения на базе работы с ...
DOCX
มาตรฐานตัวชี้วัด 1 20
PDF
Inca Comic Book
PPT
Lucy and the lost mouse
PPTX
Facebook Timeline Help Guide
PPTX
Christian mirandaarmenianp6
PDF
Android Manual for Smaart-Friend-Finder
Resolucio practica5 pqpi2
как выучить иностранный язык
Pronomi diretti con accordo
Stappenplan+ben+rietdijk+sport
Biruk.rwandan genocide.p6
Three sad dogs
สรุปปลายปีงบ54
Arrays by 2/3D
Location logic working_with_content
Prijslijst 2013
Serenity walk
Multiplication posters
Present simple tense
Обучение лексике. Подготовительные тренировочные упражнения на базе работы с ...
มาตรฐานตัวชี้วัด 1 20
Inca Comic Book
Lucy and the lost mouse
Facebook Timeline Help Guide
Christian mirandaarmenianp6
Android Manual for Smaart-Friend-Finder
Ad

Similar to M3 conf (20)

PDF
Implementing Modernization by Trevor Perry
PDF
Between Paper & Code
PDF
Designing for User Experience (UX) with Atlassian Tools
PDF
APIA2018 - Zahra Tashakorinia - Design Hacks & Paper Prototyping
PDF
Prototype Apps in No Time
PDF
iOS 5 Tech Talk World Tour 2011 draft001
PDF
Comp4010 Lecture7 Designing AR Systems
KEY
Why Do Mobile Projects Fail?
PDF
Planning your Dream Mobile App
KEY
Jan Kroon's talk @mdevcon 2012
PPTX
體驗劇場_1050503_W11_原型設計_楊政達
PPT
Complexinterfaces
PDF
Perso.na
KEY
Games Design 2 - Lecture 12 - Usability, Metaphor and Layout
KEY
10 Design Commandments for Mobile App Developers
PDF
Why do mobile projects (still) fail - September 2014 edition
PPT
techtalk2.23.11.ppt.ppt
PPT
NSPorto - Su design es mi design
PPTX
Roadshow cb
PPTX
20210821151927_ISYS6619-UX for Digital Business Topik 09.pptx
Implementing Modernization by Trevor Perry
Between Paper & Code
Designing for User Experience (UX) with Atlassian Tools
APIA2018 - Zahra Tashakorinia - Design Hacks & Paper Prototyping
Prototype Apps in No Time
iOS 5 Tech Talk World Tour 2011 draft001
Comp4010 Lecture7 Designing AR Systems
Why Do Mobile Projects Fail?
Planning your Dream Mobile App
Jan Kroon's talk @mdevcon 2012
體驗劇場_1050503_W11_原型設計_楊政達
Complexinterfaces
Perso.na
Games Design 2 - Lecture 12 - Usability, Metaphor and Layout
10 Design Commandments for Mobile App Developers
Why do mobile projects (still) fail - September 2014 edition
techtalk2.23.11.ppt.ppt
NSPorto - Su design es mi design
Roadshow cb
20210821151927_ISYS6619-UX for Digital Business Topik 09.pptx

Recently uploaded (20)

PPT
pump pump is a mechanism that is used to transfer a liquid from one place to ...
PPTX
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
PPT
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
PPTX
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx
PDF
The Advantages of Working With a Design-Build Studio
PDF
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
PDF
Wio LTE JP Version v1.3b- 4G, Cat.1, Espruino Compatible\202001935, PCBA;Wio ...
DOCX
The story of the first moon landing.docx
PDF
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
PPTX
6- Architecture design complete (1).pptx
PPTX
Fundamental Principles of Visual Graphic Design.pptx
PDF
BRANDBOOK-Presidential Award Scheme-Kenya-2023
PPTX
12. Community Pharmacy and How to organize it
PPTX
artificialintelligencedata driven analytics23.pptx
PPTX
YV PROFILE PROJECTS PROFILE PRES. DESIGN
PDF
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
PPT
unit 1 ppt.ppthhhhhhhhhhhhhhhhhhhhhhhhhh
PPTX
areprosthodontics and orthodonticsa text.pptx
PDF
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
PDF
YOW2022-BNE-MinimalViableArchitecture.pdf
pump pump is a mechanism that is used to transfer a liquid from one place to ...
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx
The Advantages of Working With a Design-Build Studio
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
Wio LTE JP Version v1.3b- 4G, Cat.1, Espruino Compatible\202001935, PCBA;Wio ...
The story of the first moon landing.docx
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
6- Architecture design complete (1).pptx
Fundamental Principles of Visual Graphic Design.pptx
BRANDBOOK-Presidential Award Scheme-Kenya-2023
12. Community Pharmacy and How to organize it
artificialintelligencedata driven analytics23.pptx
YV PROFILE PROJECTS PROFILE PRES. DESIGN
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
unit 1 ppt.ppthhhhhhhhhhhhhhhhhhhhhhhhhh
areprosthodontics and orthodonticsa text.pptx
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
YOW2022-BNE-MinimalViableArchitecture.pdf

M3 conf

  • 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
  • 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

Editor's Notes

  • #2: \n
  • #3: \n
  • #4: \n
  • #5: \n
  • #6: \n
  • #7: \n
  • #8: \n
  • #9: \n
  • #10: All-day event of how to storyboard, code and deploy a mobile app. \n\n\n\n
  • #11: presenter: trak lord\nThis session will give an in-depth look into Metaio’s mobile developer ecosystem.\nFrom working business models to new forms of art, augmented reality has permeated nearly every aspect of mobile technology. Learn also how Metaio is working with key mobile players to refine and optimize its software for the next-generation of mobile devices and developers.\n
  • #12: presenter: andrew heaton\nauthor of: purposely irregular\n\n
  • #13: Drawing from personal experience and research from leading behavioral psychologists, this session aims to empower mobile developers to explore themselves and their craft. Helping them to establish confidence in their career, establish their voice in a highly competitive market, manage conflicts healthfully and communicate more effectively with others. No matter where you happen to be on your journey of continual improvement, reflecting on yourself and the effects of interpersonal relationships can provide valuable insight towards achieving your goals technically and emotionally. Invest in yourself to step outside the mould in mobile technology & do things that have never been done before. Learn to leverage the wisdom of those around you to cultivate powerful positive relationships without sacrificing the most important asset in your toolkit: yourself.\n
  • #14: \n
  • #15: \n