SlideShare uma empresa Scribd logo
1 de 10
Mobile/Tablet Design
            Kimberly Kador
           October 22. 2012
• In 1995, cell phone subscriptions
  covered only 11% of the United
  States population

• 88% of U.S. adults now own a cell
  phone

• There are almost 1.2 billion mobile
  Web users in the world

• in fact by the end of 2012 there are
  expected to be over 975 million
  mobile web users.
• 6 out of 10 U.S.
  consumers use          • Tablet unit sales will
  smartphones, while       reach nearly 500
  tablets are used by      million units by 2015
  more than 1/3

• In April, 16.5% of
  mobile phone
  subscribers reported
  using a tablet,
  representing an
  increase of 11.8
  percentage points in
  the past year.
• It’s hard to pull information from a
  website that is all jumbled. It’s even
  harder if you are trying to do it on your
  phone

• It’s hard to see any image on the small
  screen of your mobile Internet device

• Web 2.0, the social web, is giving way to
  web 3.0 which promises to be run
  increasingly through mobile devices
• iPad highlights the need for smart fluid   • Web design has moved away from
  width design. Using a smart                  heavy text-based websites to
  combination of CSS and JavaScript the        interactive, image-rich, video sharing
  User Experience can be made to               applications
  improve drastically.
• Add a description to every link

• Supply alternate content for images

• Make the navigation accessible

• The page should work with JavaScript disabled

• Understand assistive technologies

• available are HTML validation, link checking,
  search engine tools and other browser-
  compatibility tests.
• www.louisvuitton.com
A basic site is offered with warning messages throughout
asking the user to download Flash. The catalog works but
there is no purchase option

• www.Fendi.com
Fails to load. A message requests users to download Flash –
an option that is not available for iPad users.
• Facebook
• m.facebook.com
Has a mobile device webpage that is
just as interactive as its full site
• Twitter
• https://mobile.twitter.com
Has a mobile option for login- in and
interacting using a mobile device or
tablet.
• Use Responsive Web Design which enables
  a website to ‘respond’ to user behavior and
  environment based on screen size,
  orientation, and platform

• CSS3 gives us an amazing set of tools for
  creating things like gradients, drop-
  shadows, and rounded corners, all without
  resorting to bulky images
• Accessibility is all about
  ensuring your website can be
  used by everyone, not just the
  average person.
• Some people use mobile/tablet
  device
• Some are less tech savvy
• Some have language barriers,
  etc.

Mais conteúdo relacionado

Mais procurados

Majestic And Solitary
Majestic And  SolitaryMajestic And  Solitary
Majestic And Solitary
Vili 48
 
Double Vision
Double VisionDouble Vision
Double Vision
Vili 48
 
The mobile browser world
The mobile browser worldThe mobile browser world
The mobile browser world
Peter-Paul Koch
 
A web documentary survival kit the essentials slideshow
A web documentary survival kit the essentials slideshowA web documentary survival kit the essentials slideshow
A web documentary survival kit the essentials slideshow
Enjiao Chen
 
Web App vs Web Site
Web App vs Web SiteWeb App vs Web Site
Web App vs Web Site
Matt Evans
 
david nicholas - consequences for information seeking and reading behaviours ...
david nicholas - consequences for information seeking and reading behaviours ...david nicholas - consequences for information seeking and reading behaviours ...
david nicholas - consequences for information seeking and reading behaviours ...
Incisive_Events
 
Content management for cross device final
Content management for cross device finalContent management for cross device final
Content management for cross device final
Georges-Alexandre Hanin
 

Mais procurados (20)

Mobile Cloud Computing
Mobile Cloud ComputingMobile Cloud Computing
Mobile Cloud Computing
 
Sep18 Mobile
Sep18 MobileSep18 Mobile
Sep18 Mobile
 
Birds
BirdsBirds
Birds
 
Majestic And Solitary
Majestic And  SolitaryMajestic And  Solitary
Majestic And Solitary
 
Double Vision
Double VisionDouble Vision
Double Vision
 
Web Apps and Responsive Design for Libraries
Web Apps and Responsive Design for LibrariesWeb Apps and Responsive Design for Libraries
Web Apps and Responsive Design for Libraries
 
Salomon katherine mobile_presentation2
Salomon katherine mobile_presentation2Salomon katherine mobile_presentation2
Salomon katherine mobile_presentation2
 
You're Doing it Wrong – How App Developers Can Leverage the Web (June 2015 fo...
You're Doing it Wrong – How App Developers Can Leverage the Web (June 2015 fo...You're Doing it Wrong – How App Developers Can Leverage the Web (June 2015 fo...
You're Doing it Wrong – How App Developers Can Leverage the Web (June 2015 fo...
 
The mobile browser world
The mobile browser worldThe mobile browser world
The mobile browser world
 
Tuenti Mobile Development
Tuenti Mobile DevelopmentTuenti Mobile Development
Tuenti Mobile Development
 
Mobile first responsive web design
Mobile first responsive web designMobile first responsive web design
Mobile first responsive web design
 
Mobile SEO Tips - #SFGettingSmarter
Mobile SEO Tips - #SFGettingSmarterMobile SEO Tips - #SFGettingSmarter
Mobile SEO Tips - #SFGettingSmarter
 
State of the Mobile Browsers
State of the Mobile BrowsersState of the Mobile Browsers
State of the Mobile Browsers
 
A web documentary survival kit the essentials slideshow
A web documentary survival kit the essentials slideshowA web documentary survival kit the essentials slideshow
A web documentary survival kit the essentials slideshow
 
Web App vs Web Site
Web App vs Web SiteWeb App vs Web Site
Web App vs Web Site
 
How to write mobile optimized content for your app
How to write mobile optimized content for your appHow to write mobile optimized content for your app
How to write mobile optimized content for your app
 
david nicholas - consequences for information seeking and reading behaviours ...
david nicholas - consequences for information seeking and reading behaviours ...david nicholas - consequences for information seeking and reading behaviours ...
david nicholas - consequences for information seeking and reading behaviours ...
 
Content management for cross device final
Content management for cross device finalContent management for cross device final
Content management for cross device final
 
Types of Mobile Applications
Types of Mobile ApplicationsTypes of Mobile Applications
Types of Mobile Applications
 
Design - WordCamp US Contributor Day 20165
Design - WordCamp US Contributor Day 20165Design - WordCamp US Contributor Day 20165
Design - WordCamp US Contributor Day 20165
 

Semelhante a Mobile_Presentation

L1 Introduction to Information and Communication Technology.pptx
L1 Introduction to Information and Communication Technology.pptxL1 Introduction to Information and Communication Technology.pptx
L1 Introduction to Information and Communication Technology.pptx
sittiepalao
 
FWD Project 4
FWD Project 4FWD Project 4
FWD Project 4
anij0822
 
Social Media and Mobile Event Technology, Tools, and Apps Oh My!
Social Media and Mobile Event Technology, Tools, and Apps Oh My!Social Media and Mobile Event Technology, Tools, and Apps Oh My!
Social Media and Mobile Event Technology, Tools, and Apps Oh My!
Echelon Design
 
Next gen mobile aug 2013 scotland
Next gen mobile aug 2013 scotlandNext gen mobile aug 2013 scotland
Next gen mobile aug 2013 scotland
hjc
 

Semelhante a Mobile_Presentation (20)

Cathryn allen assignment4
Cathryn allen assignment4Cathryn allen assignment4
Cathryn allen assignment4
 
Guerra anthony mobile_tablet_design_presentation
Guerra anthony mobile_tablet_design_presentationGuerra anthony mobile_tablet_design_presentation
Guerra anthony mobile_tablet_design_presentation
 
01 Mobile Jungle
01 Mobile Jungle01 Mobile Jungle
01 Mobile Jungle
 
Mobile website --- Web is in pocket....
Mobile website --- Web is in pocket....Mobile website --- Web is in pocket....
Mobile website --- Web is in pocket....
 
Mobile/Tablet Design Implications
Mobile/Tablet Design ImplicationsMobile/Tablet Design Implications
Mobile/Tablet Design Implications
 
Empowerment Technologies Lesson 1
Empowerment Technologies Lesson 1Empowerment Technologies Lesson 1
Empowerment Technologies Lesson 1
 
Creating Large-Scale Responsive Websites
Creating Large-Scale Responsive WebsitesCreating Large-Scale Responsive Websites
Creating Large-Scale Responsive Websites
 
L1 Introduction to Information and Communication Technology.pptx
L1 Introduction to Information and Communication Technology.pptxL1 Introduction to Information and Communication Technology.pptx
L1 Introduction to Information and Communication Technology.pptx
 
EMPTECH-LESSONnkkkkkhkhkkhbnnknmn-1.pptx
EMPTECH-LESSONnkkkkkhkhkkhbnnknmn-1.pptxEMPTECH-LESSONnkkkkkhkhkkhbnnknmn-1.pptx
EMPTECH-LESSONnkkkkkhkhkkhbnnknmn-1.pptx
 
introduction to ICT
introduction to ICTintroduction to ICT
introduction to ICT
 
Lesson1 introtoict-160713052511
Lesson1 introtoict-160713052511Lesson1 introtoict-160713052511
Lesson1 introtoict-160713052511
 
Empowerment Technology
Empowerment TechnologyEmpowerment Technology
Empowerment Technology
 
Kotikan Guide to Mobile Development
Kotikan Guide to Mobile DevelopmentKotikan Guide to Mobile Development
Kotikan Guide to Mobile Development
 
FWD Project 4
FWD Project 4FWD Project 4
FWD Project 4
 
Social Media and Mobile Event Technology, Tools, and Apps Oh My!
Social Media and Mobile Event Technology, Tools, and Apps Oh My!Social Media and Mobile Event Technology, Tools, and Apps Oh My!
Social Media and Mobile Event Technology, Tools, and Apps Oh My!
 
How to create a mobile version of your website
How to create a mobile version of your websiteHow to create a mobile version of your website
How to create a mobile version of your website
 
Exhibitor2011 Session: Social Media and Mobile Event Technology, Tools and Ap...
Exhibitor2011 Session: Social Media and Mobile Event Technology, Tools and Ap...Exhibitor2011 Session: Social Media and Mobile Event Technology, Tools and Ap...
Exhibitor2011 Session: Social Media and Mobile Event Technology, Tools and Ap...
 
Designing for mobile devices
Designing for mobile devicesDesigning for mobile devices
Designing for mobile devices
 
Malcolm jackson project4
Malcolm jackson project4Malcolm jackson project4
Malcolm jackson project4
 
Next gen mobile aug 2013 scotland
Next gen mobile aug 2013 scotlandNext gen mobile aug 2013 scotland
Next gen mobile aug 2013 scotland
 

Último

CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
 

Último (20)

08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 

Mobile_Presentation

  • 1. Mobile/Tablet Design Kimberly Kador October 22. 2012
  • 2. • In 1995, cell phone subscriptions covered only 11% of the United States population • 88% of U.S. adults now own a cell phone • There are almost 1.2 billion mobile Web users in the world • in fact by the end of 2012 there are expected to be over 975 million mobile web users.
  • 3. • 6 out of 10 U.S. consumers use • Tablet unit sales will smartphones, while reach nearly 500 tablets are used by million units by 2015 more than 1/3 • In April, 16.5% of mobile phone subscribers reported using a tablet, representing an increase of 11.8 percentage points in the past year.
  • 4. • It’s hard to pull information from a website that is all jumbled. It’s even harder if you are trying to do it on your phone • It’s hard to see any image on the small screen of your mobile Internet device • Web 2.0, the social web, is giving way to web 3.0 which promises to be run increasingly through mobile devices
  • 5. • iPad highlights the need for smart fluid • Web design has moved away from width design. Using a smart heavy text-based websites to combination of CSS and JavaScript the interactive, image-rich, video sharing User Experience can be made to applications improve drastically.
  • 6. • Add a description to every link • Supply alternate content for images • Make the navigation accessible • The page should work with JavaScript disabled • Understand assistive technologies • available are HTML validation, link checking, search engine tools and other browser- compatibility tests.
  • 7. • www.louisvuitton.com A basic site is offered with warning messages throughout asking the user to download Flash. The catalog works but there is no purchase option • www.Fendi.com Fails to load. A message requests users to download Flash – an option that is not available for iPad users.
  • 8. • Facebook • m.facebook.com Has a mobile device webpage that is just as interactive as its full site • Twitter • https://mobile.twitter.com Has a mobile option for login- in and interacting using a mobile device or tablet.
  • 9. • Use Responsive Web Design which enables a website to ‘respond’ to user behavior and environment based on screen size, orientation, and platform • CSS3 gives us an amazing set of tools for creating things like gradients, drop- shadows, and rounded corners, all without resorting to bulky images
  • 10. • Accessibility is all about ensuring your website can be used by everyone, not just the average person. • Some people use mobile/tablet device • Some are less tech savvy • Some have language barriers, etc.

Notas do Editor

  1. http://www.seomcompany.com/mobile-optimizationhttp://www.focusdriven.org/dangers-of-conversationhttp://mobithinking.com/mobile-marketing-tools/latest-mobile-stats/bhttp://pewinternet.org/Reports/2012/Cell-Internet-Use-2012/Main-Findings/Cell-Internet-Use.aspx
  2. 1. http://content.usatoday.com/communities/technologylive/post/2012/07/survey-smartphone-and-tablet-usage-continues-to-rise/1#.UIXk4kKfMTM2. http://articles.businessinsider.com/2012-02-14/research/31057816_1_tablets-smartphones-pc-sales#ixzz2A4r4Gy6b3. http://www.mediapost.com/publications/article/176445/tablet-usage-explodes-changes-digital-habits.html
  3. http://www.dotcomweavers.com/blog/2011/01/27/the-impact-of-mobile-devices-on-web-design/http://www.business2community.com/mobile-apps/on-the-mobile-webs-impact-on-website-design-0192561#7c1kaWKqPB5toHYD.99
  4. http://inspiredm.com/ipad-design/http://designmodo.com/web-appification/#ixzz2A4yBPwXU
  5. http://www.instantshift.com/2011/12/19/how-to-make-your-website-more-accessible/
  6. http://www.psfk.com/2010/05/top-10-luxury-brands-sites-fail-to-work-on-ipad.html
  7. http://www.impactradius.com/blog/industry/what-is-responsive-web-design.htmlhttp://mashable.com/2011/03/24/mobile-web-design-tips/
  8. http://www.kinocreative.co.uk/comment-and-opinion/why-is-accessibility-so-important/