Copyright ©2012 Moneytree KKCREATING A GREATMOBILE EXPERIENCE          Paul Chapman   iOS Meetup Tokyo, August 2012       ...
ABOUT ME                                     Copyright ©2012 Moneytree KK    20 years dreaming software    Mobile software...
TODAYS ROADMAP                                      Copyright ©2012 Moneytree KK1.    What Do You Want to Make?2.    Why i...
JARGON                   User vs. Guestwww.moneytree.jp                    Copyright ©2012 Moneytree KK
What Do You                   Want to Make?www.moneytree.jp                   Copyright ©2012 Moneytree KK
WHATS YOUR APP-JECTIVE?                               Copyright ©2012 Moneytree KK       CREATION   CONSUMPTION  COMMUNICA...
HOW YOU SEE YOUR APP                                                             Copyright ©2012 Moneytree KK             ...
IS THIS HOW OTHERS SEE YOUR APP?                                              Copyright ©2012 Moneytree KK                ...
Why is UX Difficult?www.moneytree.jp                        Copyright ©2012 Moneytree KK
WIKIPEDIA DEFINITION                                                 Copyright ©2012 Moneytree KKUser experience (UX) is t...
WHAT PEOPLE KNOW ABOUT UX                            Copyright ©2012 Moneytree KK     EASE OF USE       USABILITY      ENJ...
WHAT PEOPLE KNOW ABOUT UX                   Not Objective!www.moneytree.jp              Copyright ©2012 Moneytree KK
GREAT UX                         Copyright ©2012 Moneytree KKIS LIKE GREAT SEX     Everyone     Wants It    Not Everyone  ...
UX IS Not An Activity                            Copyright ©2012 Moneytree KKYou Cannot "Make"    Great UX                ...
UX IS Not An Activity                             Copyright ©2012 Moneytree KKGreat UX is a Goal,  a Destination          ...
GREAT UX RESULTS FROM                                    Copyright ©2012 Moneytree KKWELL EXECUTED & TESTED INTERFACES  RE...
A BASIS FOR UNDERSTANDING UX                                    Copyright ©2012 Moneytree KKObjective or Subjective?      ...
OBJECTIVE                                             Copyright ©2012 Moneytree KK                                        ...
SUBJECTIVE                                 Japanese UI  Y U So Dense?www.moneytree.jp   Copyright ©2012 Moneytree KK
WHO IS REALLY GOOD AT UX?                                 Copyright ©2012 Moneytree KKDesign + DevelopmentDevelopment + De...
WHATD HE SAY?                                  Copyright ©2012 Moneytree KK    UX Not Well Understood    Its Not an Activi...
Understanding                   Mobile Constraintswww.moneytree.jp                        Copyright ©2012 Moneytree KK
DEVICE CONSTRAINTS                     Copyright ©2012 Moneytree KK   FORM FACTOR     BATTERY    CPU & RAMNETWORK QUALITY ...
PARADIGM CONSTRAINTS                        Copyright ©2012 Moneytree KK   SHORT SESSIONSSNACKING NOT FEASTING INTERRUPTED...
CONTEXTUAL CONSTRAINTS                         Copyright ©2012 Moneytree KKMOVING VS Stationary INDOOR VS OUTDOOR  LIGHTIN...
HUMAN CONSTRAINTS                                                                                 Copyright ©2012 Moneytre...
WHATD HE SAY?                                 Copyright ©2012 Moneytree KK    Device Constraints    Paradigm Constraints  ...
Mobile UX-UI Toolboxwww.moneytree.jp                          Copyright ©2012 Moneytree KK
CONCEPT SKETCHES                                                                 Copyright ©2012 Moneytree KK             ...
CONCEPT SKETCHES                                                                                    Copyright ©2012 Moneyt...
PAPER MOCKUPS                                                                             Copyright ©2012 Moneytree KK    ...
Moneytree                                                  TOUCHABLE PROTOTYPESwww.moneytree.jp   Copyright ©2012 Moneytre...
WIREFRAMES - LAYOUT                                                                                    Copyright ©2012 Mon...
WIREFRAMES - BEHAVIOUR                             Copyright ©2012 Moneytree KK                             www.moneytree....
WIREFRAMES - FLOWS                                                                                    Copyright ©2012 Mone...
DIGITAL WIREFRAMES                                                                  Copyright ©2012 Moneytree KK          ...
WHAT IS YOUR INTENT?                           Copyright ©2012 Moneytree KK HOW SHOULD THEY FEEL?WHERE SHOULD THEY LOOK?  ...
USABILITY TACTICS                            Copyright ©2012 Moneytree KKMINIMIZE NAVIGATION DEPTH  COUNT NUMBER OF TAPS  ...
WHATD HE SAY?                                  Copyright ©2012 Moneytree KK    Concept Sketches    Paper Mockups    Toucha...
Our UX                   Development Processwww.moneytree.jp                         Copyright ©2012 Moneytree KK
UX PROCESS FLOW - PLANNING                                                          Copyright ©2012 Moneytree KKPROCESS ST...
UX PROCESS FLOW - EXECUTION                                                           Copyright ©2012 Moneytree KKPROCESS ...
TODAYS ROADMAP                                      Copyright ©2012 Moneytree KK1.    What Do You Want to Make?2.    Why i...
MY PARTING THOUGHT                             Copyright ©2012 Moneytree KK You Cant "Make" Great UXYou Can Only Make UX G...
CONTACT ME                                      Copyright ©2012 Moneytree KK    Paul Chapman    pchapman<at> moneytree <do...
Upcoming SlideShare
Loading in...5
×

Creating a Great Mobile Experience = iOS Meetup Tokyo Aug 2012

23,202
-1

Published on

Great UX is difficult to achieve, partly because we don't have a good mental model of "what" it is. UX Is not an activity, it's a goal and we discus how you achieve it with mobile apps.

Presented by Paul Chapman from Moneytree KK (@pchap10k) at Tokyo iOS Meetup.

Published in: Technology, Business
2 Comments
20 Likes
Statistics
Notes
No Downloads
Views
Total Views
23,202
On Slideshare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
118
Comments
2
Likes
20
Embeds 0
No embeds

No notes for slide

Creating a Great Mobile Experience = iOS Meetup Tokyo Aug 2012

  1. Copyright ©2012 Moneytree KKCREATING A GREATMOBILE EXPERIENCE Paul Chapman iOS Meetup Tokyo, August 2012 www.moneytree.jp MONEYTREE
  2. ABOUT ME Copyright ©2012 Moneytree KK  20 years dreaming software  Mobile software coder/designer  Lectured in mobile development  Founder of Moneytree KK www.moneytree.jp
  3. TODAYS ROADMAP Copyright ©2012 Moneytree KK1.  What Do You Want to Make?2.  Why is UX Difficult?3.  Understand Mobile Constraints4.  Mobile UX-UI Toolbox5.  Our UX Development Process www.moneytree.jp
  4. JARGON User vs. Guestwww.moneytree.jp Copyright ©2012 Moneytree KK
  5. What Do You Want to Make?www.moneytree.jp Copyright ©2012 Moneytree KK
  6. WHATS YOUR APP-JECTIVE? Copyright ©2012 Moneytree KK CREATION CONSUMPTION COMMUNICATION ROLE PLAYING www.moneytree.jp Inspiration: Bret Victor
  7. HOW YOU SEE YOUR APP Copyright ©2012 Moneytree KK www.moneytree.jphttp://yvonnelao.com/2011/04/28/mobile-app-user-flow-chart/
  8. IS THIS HOW OTHERS SEE YOUR APP? Copyright ©2012 Moneytree KK www.moneytree.jp http://www.inkblotmazes.com/top-mazes.html
  9. Why is UX Difficult?www.moneytree.jp Copyright ©2012 Moneytree KK
  10. WIKIPEDIA DEFINITION Copyright ©2012 Moneytree KKUser experience (UX) is the way a personfeels about using a product, system or servicehttp://en.wikipedia.org/wiki/User_experience www.moneytree.jp
  11. WHAT PEOPLE KNOW ABOUT UX Copyright ©2012 Moneytree KK EASE OF USE USABILITY ENJOYMENT www.moneytree.jp
  12. WHAT PEOPLE KNOW ABOUT UX Not Objective!www.moneytree.jp Copyright ©2012 Moneytree KK
  13. GREAT UX Copyright ©2012 Moneytree KKIS LIKE GREAT SEX Everyone Wants It Not Everyone Gets It Everyones Definition is www.moneytree.jp A Little Dif ferent
  14. UX IS Not An Activity Copyright ©2012 Moneytree KKYou Cannot "Make" Great UX www.moneytree.jp
  15. UX IS Not An Activity Copyright ©2012 Moneytree KKGreat UX is a Goal, a Destination www.moneytree.jp
  16. GREAT UX RESULTS FROM Copyright ©2012 Moneytree KKWELL EXECUTED & TESTED INTERFACES RELIABLE & RESPONSIVE SYSTEMS HELPFUL & TIMELY SUPPORT ONGOING PRODUCT IMPROVEMENT www.moneytree.jp
  17. A BASIS FOR UNDERSTANDING UX Copyright ©2012 Moneytree KKObjective or Subjective? www.moneytree.jp
  18. OBJECTIVE Copyright ©2012 Moneytree KK www.moneytree.jphttp://www.youtube.com/watch?v=Ahg6qcgoay4
  19. SUBJECTIVE Japanese UI Y U So Dense?www.moneytree.jp Copyright ©2012 Moneytree KK
  20. WHO IS REALLY GOOD AT UX? Copyright ©2012 Moneytree KKDesign + DevelopmentDevelopment + Design www.moneytree.jp
  21. WHATD HE SAY? Copyright ©2012 Moneytree KK  UX Not Well Understood  Its Not an Activity  Objective or Subjective?  Who is Really Good at UX? www.moneytree.jp
  22. Understanding Mobile Constraintswww.moneytree.jp Copyright ©2012 Moneytree KK
  23. DEVICE CONSTRAINTS Copyright ©2012 Moneytree KK FORM FACTOR BATTERY CPU & RAMNETWORK QUALITY SENSORS INPUT METHOD www.moneytree.jp
  24. PARADIGM CONSTRAINTS Copyright ©2012 Moneytree KK SHORT SESSIONSSNACKING NOT FEASTING INTERRUPTED USAGE PHONE CAN RING www.moneytree.jp
  25. CONTEXTUAL CONSTRAINTS Copyright ©2012 Moneytree KKMOVING VS Stationary INDOOR VS OUTDOOR LIGHTING & NOISE DISTRACTIONS www.moneytree.jp
  26. HUMAN CONSTRAINTS Copyright ©2012 Moneytree KK LIMITED MEMORY CHANGE BLINDNESS CANT MULTI-TASK IMPATIENT CRAVE STIMULATION www.moneytree.jphttp://www.businessinsider.com/100-things-you-should-know-about-people-2010-11
  27. WHATD HE SAY? Copyright ©2012 Moneytree KK  Device Constraints  Paradigm Constraints  Contextual Constraints  Human Constraints www.moneytree.jp
  28. Mobile UX-UI Toolboxwww.moneytree.jp Copyright ©2012 Moneytree KK
  29. CONCEPT SKETCHES Copyright ©2012 Moneytree KK www.moneytree.jphttp://www.behance.net/gallery/Mobile-media-app-concept/795914
  30. CONCEPT SKETCHES Copyright ©2012 Moneytree KK www.moneytree.jphttp://designreviver.com/inspiration/a-selection-of-mobile-ui-wireframe-sketches/
  31. PAPER MOCKUPS Copyright ©2012 Moneytree KK www.moneytree.jphttp://www.lifehacker.com.au/2012/07/how-twitter-still-found-paper-useful/
  32. Moneytree TOUCHABLE PROTOTYPESwww.moneytree.jp Copyright ©2012 Moneytree KK
  33. WIREFRAMES - LAYOUT Copyright ©2012 Moneytree KK www.moneytree.jphttp://designreviver.com/inspiration/a-selection-of-mobile-ui-wireframe-sketches/
  34. WIREFRAMES - BEHAVIOUR Copyright ©2012 Moneytree KK www.moneytree.jp Moneytree / Hands Memory
  35. WIREFRAMES - FLOWS Copyright ©2012 Moneytree KK www.moneytree.jphttp://designreviver.com/inspiration/a-selection-of-mobile-ui-wireframe-sketches/
  36. DIGITAL WIREFRAMES Copyright ©2012 Moneytree KK www.moneytree.jphttp://mcrubioux.wordpress.com/2011/03/09/mobile-app-ux-design/
  37. WHAT IS YOUR INTENT? Copyright ©2012 Moneytree KK HOW SHOULD THEY FEEL?WHERE SHOULD THEY LOOK? WHAT IS IMPORTANT? WHAT IS USED OFTEN? HOW DO I FEEL USING IT?WHAT MADE ME FEEL GOOD? www.moneytree.jp
  38. USABILITY TACTICS Copyright ©2012 Moneytree KKMINIMIZE NAVIGATION DEPTH COUNT NUMBER OF TAPS THUMB FRIENDLY INSTANT FEEDBACK FEWER OPTIONS (3-4)DO ONE THING REALLY WELLRe-USE LEARNT BEHAVIOURS www.moneytree.jp
  39. WHATD HE SAY? Copyright ©2012 Moneytree KK  Concept Sketches  Paper Mockups  Touchable Prototypes  Wireframes  Digital Wireframes  What Is Your Intent? www.moneytree.jp  Usability Tactics
  40. Our UX Development Processwww.moneytree.jp Copyright ©2012 Moneytree KK
  41. UX PROCESS FLOW - PLANNING Copyright ©2012 Moneytree KKPROCESS STEP STAGEBrainstorm / Research / Discuss IDEATIONConcept SketchesDevelop Persona (2-3) CONCEPT DEVELOPMENTFocus Problems/Questions (1-3)Define Your MVPPaper Mocks / Touchable PrototypePaper Wireframes (Formal) www.moneytree.jpReview / Discuss
  42. UX PROCESS FLOW - EXECUTION Copyright ©2012 Moneytree KKPROCESS STEP STAGEDigital Wireframes ASSET CREATION w Screen Design w Behaviour DesignUI Implementation PROGRAMMING w Animations w ControlsInternal UI Testing www.moneytree.jpProduction Asset Creation DESIGN FEEDBACKBeta Testing END OF ITERATION
  43. TODAYS ROADMAP Copyright ©2012 Moneytree KK1.  What Do You Want to Make?2.  Why is UX Difficult?3.  Understand Mobile Constraints4.  Mobile UX-UI Toolbox5.  Our UX Development Process www.moneytree.jp
  44. MY PARTING THOUGHT Copyright ©2012 Moneytree KK You Cant "Make" Great UXYou Can Only Make UX Great www.moneytree.jp
  45. CONTACT ME Copyright ©2012 Moneytree KK  Paul Chapman pchapman<at> moneytree <dot> jp @pchap10k www.moneytree.jp
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×