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 Design for Mobile 2010 - Navigation Design for Mobile

SEO Hot Topics 2012
SEO Hot Topics 2012SEO Hot Topics 2012
SEO Hot Topics 2012
OliOrt
 
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
Marcy Kellar
 
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
linoleumjet
 

Similar to Design for Mobile 2010 - 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

怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
eeanqy
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
eeanqy
 
Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptx
balqisyamutia
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
yhavx
 
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
eqaqen
 
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
gajnagarg
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
saipriyacoool
 
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
wpkuukw
 
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
ehyxf
 
Resume all my skills and educations and achievement
Resume all my skills and educations and  achievement Resume all my skills and educations and  achievement
Resume all my skills and educations and achievement
210303105569
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
instagramfab782445
 

Recently uploaded (20)

怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
 
Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptx
 
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
 
Eye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docxEye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docx
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
 
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEKLANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
 
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
 
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
 
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best ServiceHigh Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
 
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
 
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service AvailableCall Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
 
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptxSweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptx
 
How to Create a Productive Workspace Trends and Tips.pdf
How to Create a Productive Workspace Trends and Tips.pdfHow to Create a Productive Workspace Trends and Tips.pdf
How to Create a Productive Workspace Trends and Tips.pdf
 
TRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptxTRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptx
 
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
 
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
 
Resume all my skills and educations and achievement
Resume all my skills and educations and  achievement Resume all my skills and educations and  achievement
Resume all my skills and educations and achievement
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
 

Design for Mobile 2010 - 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