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

BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
SoniaTolstoy
 
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
 
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
fonyou31
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
 

Recently uploaded (20)

Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.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
 
Advance Mobile Application Development class 07
Advance Mobile Application Development class 07Advance Mobile Application Development class 07
Advance Mobile Application Development class 07
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
General AI for Medical Educators April 2024
General AI for Medical Educators April 2024General AI for Medical Educators April 2024
General AI for Medical Educators April 2024
 
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
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communication
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
social pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajansocial pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajan
 
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).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