SlideShare a Scribd company logo
1 of 21
Download to read offline
Between Here and There
   Navigation Design for Mobile


          Hash tag #d4m2010



Presented by Ryan Unger (@ryanunger) of
Punchkick Interactive (@punchkickmobile)
Punchkick Interactive Helps Brands Use
Personalized Communication to Inspire Trust

•   Headquartered	
  in	
  Chicago,	
  IL                               •    Founded	
  2006
•   Our	
  work	
  is	
  featured	
  in:                                •    Award-­‐winning	
  services:
    •   Mobile	
  Web	
  Design	
  by	
  Cameron	
  Moll                     •   Text-­‐message	
  campaign	
  management
    •   Mobile	
  Marke0ng	
  Handbook	
                                     •   Mobile	
  Web	
  site	
  design
        by	
  Kim	
  Dushinski                                               •   Custom	
  App	
  development
    •   The	
  NEW	
  Launch	
  Plan	
  by	
  Joan	
  Schneider	
  and	
     •   Mobile-­‐media	
  planning
        Julie	
  Hall
Session Goals
1.   Understand	
  the	
  importance	
  of	
  forgeOng	
  what	
  you	
  know
2.   Learn	
  to	
  focus	
  on	
  the	
  audience	
  along	
  with	
  the	
  hardware
3.   IdenPfy	
  basic	
  steps	
  you	
  can	
  take	
  today	
  to	
  improve	
  how	
  
     you	
  approach	
  designing	
  mobile	
  navigaPon	
  systems
So Why Did You Show
    Up Today?
Unlearn What?
#1 Most Important
Design Consideration
  for Navigation?
The	
  Three	
  Minute	
  Rule
What Else to Consider When Designing
Navigation Systems
Tech	
  Considera3ons                         Other	
  Considera3ons
  •   Divergent	
  hardware                     •   Users	
  oQen	
  misbehave,	
  and	
  
  •   Wide	
  variety	
  of	
  operaPng	
           they	
  don’t	
  follow	
  the	
  path	
  
      systems	
  and	
  browsers                    that	
  you	
  expect
  •   User-­‐Input                              •   What	
  is	
  the	
  content?	
  
                                                    Actually	
  does	
  it	
  maTer?
                                                •   Who	
  is	
  your	
  audience?
                                                •   The	
  3-­‐minute	
  rule
Why Haven’t I Seen a
   Phone Yet!?!
Because Steve Said So
Back to the
Considerations...
Mind Reading 101
How Many People
 Here Want to Hot
Wire a Light Switch?
No   Absolutely Not


                            7%




                      93%
How to Get Started Today
•   Throw	
  out	
  what	
  you	
  think	
  you	
  know
•   Then	
  Start	
  fresh...
•   Then	
  start	
  over...
•   Then	
  do	
  it	
  again...
•   The	
  rest	
  is	
  easy
Thanks!

         Hash tag #d4m2010

Follow @ryanunger & @punchkickmobile

More Related Content

Similar to Between Here and There Navigation Design for Mobile

Content marketing world_mobile and tablet content distribution_8_17_2012
Content marketing world_mobile and tablet content distribution_8_17_2012Content marketing world_mobile and tablet content distribution_8_17_2012
Content marketing world_mobile and tablet content distribution_8_17_2012interlinkONE
 
Implementing Modernization by Trevor Perry
Implementing Modernization by Trevor PerryImplementing Modernization by Trevor Perry
Implementing Modernization by Trevor PerryFresche Solutions
 
“Mobile and Tablet Content Distribution”
“Mobile and Tablet Content Distribution”“Mobile and Tablet Content Distribution”
“Mobile and Tablet Content Distribution”Content Marketing World
 
Rich Holdsworth @Didlr Presentation
Rich Holdsworth @Didlr PresentationRich Holdsworth @Didlr Presentation
Rich Holdsworth @Didlr PresentationLee Stott
 
Modern Digital Design: The power of Responsive Design
Modern Digital Design: The power of Responsive DesignModern Digital Design: The power of Responsive Design
Modern Digital Design: The power of Responsive DesignValtech UK
 
SEO Hot Topics 2012
SEO Hot Topics 2012SEO Hot Topics 2012
SEO Hot Topics 2012OliOrt
 
SharePoint Exchange Forum - How to Make a SharePoint Site Intuitive
SharePoint Exchange Forum - How to Make a SharePoint Site IntuitiveSharePoint Exchange Forum - How to Make a SharePoint Site Intuitive
SharePoint Exchange Forum - How to Make a SharePoint Site IntuitiveMarcy Kellar
 
SnapDragon Consultants: Social Media & Travel Information
SnapDragon Consultants: Social Media & Travel Information SnapDragon Consultants: Social Media & Travel Information
SnapDragon Consultants: Social Media & Travel Information Deidre
 
The marriage of people and technology - Jon Winter, Worthers Media Solutions
The marriage of people and technology - Jon Winter, Worthers Media Solutions The marriage of people and technology - Jon Winter, Worthers Media Solutions
The marriage of people and technology - Jon Winter, Worthers Media Solutions Internet World
 
10 Digital Marketing Trends for 2017
10 Digital Marketing Trends for 201710 Digital Marketing Trends for 2017
10 Digital Marketing Trends for 2017DragonSearch
 
Levitum - Working With Us
Levitum - Working With UsLevitum - Working With Us
Levitum - Working With UsLevitum
 
Designing for Mobile
Designing for MobileDesigning for Mobile
Designing for MobileTony Wang
 
Usability on the run
Usability on the runUsability on the run
Usability on the runGautam Ghosh
 
Going Remote: User experiences at a distance
Going Remote: User experiences at a distanceGoing Remote: User experiences at a distance
Going Remote: User experiences at a distancelinoleumjet
 
Dse2015 Content Strategies for Interactive Retail Kiosks
Dse2015 Content Strategies for Interactive Retail KiosksDse2015 Content Strategies for Interactive Retail Kiosks
Dse2015 Content Strategies for Interactive Retail Kiosksdshamonsky
 
Ux Meets Code Interaction Usability
Ux Meets Code Interaction UsabilityUx Meets Code Interaction Usability
Ux Meets Code Interaction UsabilityArabella David
 
How to Talk About Your Open Source Project So People Get It
How to Talk About Your Open Source Project So People Get ItHow to Talk About Your Open Source Project So People Get It
How to Talk About Your Open Source Project So People Get ItAll Things Open
 

Similar to Between Here and There Navigation Design for Mobile (20)

Content marketing world_mobile and tablet content distribution_8_17_2012
Content marketing world_mobile and tablet content distribution_8_17_2012Content marketing world_mobile and tablet content distribution_8_17_2012
Content marketing world_mobile and tablet content distribution_8_17_2012
 
Implementing Modernization by Trevor Perry
Implementing Modernization by Trevor PerryImplementing Modernization by Trevor Perry
Implementing Modernization by Trevor Perry
 
“Mobile and Tablet Content Distribution”
“Mobile and Tablet Content Distribution”“Mobile and Tablet Content Distribution”
“Mobile and Tablet Content Distribution”
 
Rich Holdsworth @Didlr Presentation
Rich Holdsworth @Didlr PresentationRich Holdsworth @Didlr Presentation
Rich Holdsworth @Didlr Presentation
 
Modern Digital Design: The power of Responsive Design
Modern Digital Design: The power of Responsive DesignModern Digital Design: The power of Responsive Design
Modern Digital Design: The power of Responsive Design
 
Putting the Customer's User Experience First Online
Putting the Customer's User Experience First OnlinePutting the Customer's User Experience First Online
Putting the Customer's User Experience First Online
 
QR CODE
QR CODEQR CODE
QR CODE
 
SEO Hot Topics 2012
SEO Hot Topics 2012SEO Hot Topics 2012
SEO Hot Topics 2012
 
SharePoint Exchange Forum - How to Make a SharePoint Site Intuitive
SharePoint Exchange Forum - How to Make a SharePoint Site IntuitiveSharePoint Exchange Forum - How to Make a SharePoint Site Intuitive
SharePoint Exchange Forum - How to Make a SharePoint Site Intuitive
 
SnapDragon Consultants: Social Media & Travel Information
SnapDragon Consultants: Social Media & Travel Information SnapDragon Consultants: Social Media & Travel Information
SnapDragon Consultants: Social Media & Travel Information
 
The marriage of people and technology - Jon Winter, Worthers Media Solutions
The marriage of people and technology - Jon Winter, Worthers Media Solutions The marriage of people and technology - Jon Winter, Worthers Media Solutions
The marriage of people and technology - Jon Winter, Worthers Media Solutions
 
UX Fundamentals
UX FundamentalsUX Fundamentals
UX Fundamentals
 
10 Digital Marketing Trends for 2017
10 Digital Marketing Trends for 201710 Digital Marketing Trends for 2017
10 Digital Marketing Trends for 2017
 
Levitum - Working With Us
Levitum - Working With UsLevitum - Working With Us
Levitum - Working With Us
 
Designing for Mobile
Designing for MobileDesigning for Mobile
Designing for Mobile
 
Usability on the run
Usability on the runUsability on the run
Usability on the run
 
Going Remote: User experiences at a distance
Going Remote: User experiences at a distanceGoing Remote: User experiences at a distance
Going Remote: User experiences at a distance
 
Dse2015 Content Strategies for Interactive Retail Kiosks
Dse2015 Content Strategies for Interactive Retail KiosksDse2015 Content Strategies for Interactive Retail Kiosks
Dse2015 Content Strategies for Interactive Retail Kiosks
 
Ux Meets Code Interaction Usability
Ux Meets Code Interaction UsabilityUx Meets Code Interaction Usability
Ux Meets Code Interaction Usability
 
How to Talk About Your Open Source Project So People Get It
How to Talk About Your Open Source Project So People Get ItHow to Talk About Your Open Source Project So People Get It
How to Talk About Your Open Source Project So People Get It
 

Recently uploaded

定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一lvtagr7
 
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130Suhani Kapoor
 
NATA 2024 SYLLABUS, full syllabus explained in detail
NATA 2024 SYLLABUS, full syllabus explained in detailNATA 2024 SYLLABUS, full syllabus explained in detail
NATA 2024 SYLLABUS, full syllabus explained in detailDesigntroIntroducing
 
Revit Understanding Reference Planes and Reference lines in Revit for Family ...
Revit Understanding Reference Planes and Reference lines in Revit for Family ...Revit Understanding Reference Planes and Reference lines in Revit for Family ...
Revit Understanding Reference Planes and Reference lines in Revit for Family ...Narsimha murthy
 
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricksabhishekparmar618
 
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai DouxDubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Douxkojalkojal131
 
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)jennyeacort
 
WAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsWAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsCharles Obaleagbon
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一Fi L
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Nightssuser7cb4ff
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryWilliamVickery6
 
Kindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUpKindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUpmainac1
 
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiVIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiSuhani Kapoor
 
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝soniya singh
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back17lcow074
 
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`dajasot375
 
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...Amil baba
 
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Service
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts ServiceCall Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Service
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Servicejennyeacort
 

Recently uploaded (20)

定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
 
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
 
NATA 2024 SYLLABUS, full syllabus explained in detail
NATA 2024 SYLLABUS, full syllabus explained in detailNATA 2024 SYLLABUS, full syllabus explained in detail
NATA 2024 SYLLABUS, full syllabus explained in detail
 
Revit Understanding Reference Planes and Reference lines in Revit for Family ...
Revit Understanding Reference Planes and Reference lines in Revit for Family ...Revit Understanding Reference Planes and Reference lines in Revit for Family ...
Revit Understanding Reference Planes and Reference lines in Revit for Family ...
 
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance  VVIP 🍎 SER...Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance  VVIP 🍎 SER...
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...
 
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricks
 
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai DouxDubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
 
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar,  9953056974 Escort ServiceCall Girls in Pratap Nagar,  9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
 
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
 
WAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsWAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past Questions
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William Vickery
 
Kindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUpKindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUp
 
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiVIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
 
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back
 
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
 
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
 
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Service
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts ServiceCall Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Service
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Service
 

Between Here and There Navigation Design for Mobile

  • 1. Between Here and There Navigation Design for Mobile Hash tag #d4m2010 Presented by Ryan Unger (@ryanunger) of Punchkick Interactive (@punchkickmobile)
  • 2. Punchkick Interactive Helps Brands Use Personalized Communication to Inspire Trust • Headquartered  in  Chicago,  IL • Founded  2006 • Our  work  is  featured  in: • Award-­‐winning  services: • Mobile  Web  Design  by  Cameron  Moll • Text-­‐message  campaign  management • Mobile  Marke0ng  Handbook   • Mobile  Web  site  design by  Kim  Dushinski • Custom  App  development • The  NEW  Launch  Plan  by  Joan  Schneider  and   • Mobile-­‐media  planning Julie  Hall
  • 3. Session Goals 1. Understand  the  importance  of  forgeOng  what  you  know 2. Learn  to  focus  on  the  audience  along  with  the  hardware 3. IdenPfy  basic  steps  you  can  take  today  to  improve  how   you  approach  designing  mobile  navigaPon  systems
  • 4. So Why Did You Show Up Today?
  • 5.
  • 6.
  • 8.
  • 9. #1 Most Important Design Consideration for Navigation?
  • 11. What Else to Consider When Designing Navigation Systems Tech  Considera3ons Other  Considera3ons • Divergent  hardware • Users  oQen  misbehave,  and   • Wide  variety  of  operaPng   they  don’t  follow  the  path   systems  and  browsers that  you  expect • User-­‐Input • What  is  the  content?   Actually  does  it  maTer? • Who  is  your  audience? • The  3-­‐minute  rule
  • 12. Why Haven’t I Seen a Phone Yet!?!
  • 16.
  • 17. How Many People Here Want to Hot Wire a Light Switch?
  • 18.
  • 19. No Absolutely Not 7% 93%
  • 20. How to Get Started Today • Throw  out  what  you  think  you  know • Then  Start  fresh... • Then  start  over... • Then  do  it  again... • The  rest  is  easy
  • 21. Thanks! Hash tag #d4m2010 Follow @ryanunger & @punchkickmobile