SlideShare a Scribd company logo
1 of 10
Download to read offline
Entering the
                  World of Mobile
                  & Tablet Design
                           Jen Brunner
                          Project 4 - FWD




Thursday, March 1, 2012
Thursday, March 1, 2012
Reasons to go mobile

                    • Do you see anyone WITHOUT a
                      phone?
                    • Help spread the Word
                    • Largest Audience is NOW mobile
                    • Keeping up with the ever changing
                      economy



Thursday, March 1, 2012
Some tips on mobile
                             development
                    • Design for mobile     • Verticle navigation
                      first!                   instead of
                                              horizontal
                    • Thinking mobile         navigation!
                      first, means you put
                      speed first!

                    • Too slow, loses
                      interest!




Thursday, March 1, 2012
Other Advantages:   Keeping everyone up to date on where
                              you’re going to be!

                              (picture taken in Buffalo, NY; Aug.2010)


Thursday, March 1, 2012
10 Ways mobile sites and
                  desktop sites differ

                    • Mobile sites usually only include
                      specific functions and content.
                    • Mobile requires more vertical
                      navigation, while desktop prefer
                      horizontal.
                    • Hypertext may be common on
                      desktops, but few to none on mobile
                      devices.
Thursday, March 1, 2012
• Mobile sites avoid promotional or
                      marketing graphics.

                    • Mobile sites have global navigation, but
                      contextual navigation in rare.

                    • Mobile sites do not have a normal
                      footer area, there are no quick links.

                    • Most mobile sites are flat, and do not
                      contain “breadcrumbs.”

Thursday, March 1, 2012
• Mobile sites do not have progress
                      indicators.

                    • Mobile sites do offer better integration
                      with phone functions.

                    • Mobile sites have technology that
                      detects where the users are to present
                      local search results, they are given
                      personalization options.


Thursday, March 1, 2012
With starting with mobile design, we can stay at the head of the
                            “pack” in the race of web/mobile/tablet design!

                                       Let’s go PitBull Board!!!




Thursday, March 1, 2012
References

                    •     http://sixrevisions.com/web-development/mobile-web-design-best-
                          practices/

                    •     http://www.uxmatters.com/mt/archives/2011/01/designing-for-
                          the-mobile-web-special-considerations.php

                    •     http://www.sitepoint.com/7-tips-to-make-your-web-site-mobile-
                          friendly/

                    •     http://www.netmagazine.com/features/mobile-first

                    •     http://www.uxmatters.com/mt/archives/2011/03/10-ways-mobile-
                          sites-are-different-from-desktop-web-sites.php

                    •     http://mashable.com/2011/08/05/mobile-design-priority/

                    •     PitBull Boards pics from past years. (rights reserved)



Thursday, March 1, 2012

More Related Content

Recently uploaded

Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
kauryashika82
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
ZurliaSoop
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
AnaAcapella
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
QucHHunhnh
 

Recently uploaded (20)

Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docx
 
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...
 
psychiatric nursing HISTORY COLLECTION .docx
psychiatric  nursing HISTORY  COLLECTION  .docxpsychiatric  nursing HISTORY  COLLECTION  .docx
psychiatric nursing HISTORY COLLECTION .docx
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 

Featured

How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 

Featured (20)

How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 

Jen brunnerproject4

  • 1. Entering the World of Mobile & Tablet Design Jen Brunner Project 4 - FWD Thursday, March 1, 2012
  • 3. Reasons to go mobile • Do you see anyone WITHOUT a phone? • Help spread the Word • Largest Audience is NOW mobile • Keeping up with the ever changing economy Thursday, March 1, 2012
  • 4. Some tips on mobile development • Design for mobile • Verticle navigation first! instead of horizontal • Thinking mobile navigation! first, means you put speed first! • Too slow, loses interest! Thursday, March 1, 2012
  • 5. Other Advantages: Keeping everyone up to date on where you’re going to be! (picture taken in Buffalo, NY; Aug.2010) Thursday, March 1, 2012
  • 6. 10 Ways mobile sites and desktop sites differ • Mobile sites usually only include specific functions and content. • Mobile requires more vertical navigation, while desktop prefer horizontal. • Hypertext may be common on desktops, but few to none on mobile devices. Thursday, March 1, 2012
  • 7. • Mobile sites avoid promotional or marketing graphics. • Mobile sites have global navigation, but contextual navigation in rare. • Mobile sites do not have a normal footer area, there are no quick links. • Most mobile sites are flat, and do not contain “breadcrumbs.” Thursday, March 1, 2012
  • 8. • Mobile sites do not have progress indicators. • Mobile sites do offer better integration with phone functions. • Mobile sites have technology that detects where the users are to present local search results, they are given personalization options. Thursday, March 1, 2012
  • 9. With starting with mobile design, we can stay at the head of the “pack” in the race of web/mobile/tablet design! Let’s go PitBull Board!!! Thursday, March 1, 2012
  • 10. References • http://sixrevisions.com/web-development/mobile-web-design-best- practices/ • http://www.uxmatters.com/mt/archives/2011/01/designing-for- the-mobile-web-special-considerations.php • http://www.sitepoint.com/7-tips-to-make-your-web-site-mobile- friendly/ • http://www.netmagazine.com/features/mobile-first • http://www.uxmatters.com/mt/archives/2011/03/10-ways-mobile- sites-are-different-from-desktop-web-sites.php • http://mashable.com/2011/08/05/mobile-design-priority/ • PitBull Boards pics from past years. (rights reserved) Thursday, March 1, 2012