SlideShare ist ein Scribd-Unternehmen logo
1 von 11
Importance of Mobile and Tablet
            Ready Website
•                 By:

•            Jeremiah Grippo
Mobile phone & Tablet Usage

       Mobile usage up 11%
  11% of Americans own a tablet
 Mobile usage will continue to rise
             Tablets
Mobile & tablets affect on web design

•   Faster load time
•   Prioritized content

•   When coding a site make sure you
    include every viewing platform
Technology
•   HTML5
•   CSS
•   Flash
•   Fluid layouts
Good sites
Boston globe
Bad Sites
kayak
References
•   Slide 1 http://www.bgr.com/2011/08/05/mobile-data-revenue-will-grow-23-to-315-billion-this-year-
    gartner-says/

•   Slide 2 http://www.journalism.org/analysisreport/tablet

•   Slide 6 http://www.youtube.com

•   Slide 7 http://bostonglobe.com

•   Slide 8 http://bestbuy.com

•   Slide 9 http://kayak.com

Weitere ähnliche Inhalte

Ähnlich wie Grippo jeremiah mobile_presentation

Posternak gabriel presentation_mobile_tablet_deisgn
Posternak gabriel presentation_mobile_tablet_deisgnPosternak gabriel presentation_mobile_tablet_deisgn
Posternak gabriel presentation_mobile_tablet_deisgnrelaityntatt
 
Posternak gabriel presentation_mobile_tablet_deisgn
Posternak gabriel presentation_mobile_tablet_deisgnPosternak gabriel presentation_mobile_tablet_deisgn
Posternak gabriel presentation_mobile_tablet_deisgnrelaityntatt
 
Mobile Presentation - Project 4
Mobile Presentation - Project 4Mobile Presentation - Project 4
Mobile Presentation - Project 4nicklenihanedu
 
La musique via Internet et les réseaux mobiles
La musique via Internet et les réseaux mobilesLa musique via Internet et les réseaux mobiles
La musique via Internet et les réseaux mobilesSonnerie Iphone
 
Going Fast on the Mobile Web
Going Fast on the Mobile WebGoing Fast on the Mobile Web
Going Fast on the Mobile WebJason Grigsby
 
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 LibrariesMatt Machell
 
Mobile_Presentation
Mobile_PresentationMobile_Presentation
Mobile_Presentationkkador
 
Mobile SEO Tips - #SFGettingSmarter
Mobile SEO Tips - #SFGettingSmarterMobile SEO Tips - #SFGettingSmarter
Mobile SEO Tips - #SFGettingSmarterSearch Factory
 
Alexander michael project4
Alexander michael project4Alexander michael project4
Alexander michael project4Malexander34
 
Mobile Web Performance - Getting and Staying Fast
Mobile Web Performance -  Getting and Staying FastMobile Web Performance -  Getting and Staying Fast
Mobile Web Performance - Getting and Staying FastAndy Davies
 
THINK MOBILE FIRST
THINK MOBILE FIRSTTHINK MOBILE FIRST
THINK MOBILE FIRSTMiSSVINC
 
Stivanson cody assignment4
Stivanson cody assignment4Stivanson cody assignment4
Stivanson cody assignment4cstivanson
 
Building Mobile Apps with HTML, CSS, and JavaScript
Building Mobile Apps with HTML, CSS, and JavaScriptBuilding Mobile Apps with HTML, CSS, and JavaScript
Building Mobile Apps with HTML, CSS, and JavaScriptJonathan Stark
 
Responding to the challenge of the mobile web (2012)
Responding to the challenge of the mobile web (2012)Responding to the challenge of the mobile web (2012)
Responding to the challenge of the mobile web (2012)Graham Bird
 
Content Strategy for Responsive Websites
Content Strategy for Responsive WebsitesContent Strategy for Responsive Websites
Content Strategy for Responsive WebsitesClarissa Peterson
 
Mobile/Tablet Design Implications
Mobile/Tablet Design ImplicationsMobile/Tablet Design Implications
Mobile/Tablet Design Implicationswilliamfay
 
Cathryn allen assignment4
Cathryn allen assignment4Cathryn allen assignment4
Cathryn allen assignment4dance314
 
Mobile Revolution - Get Best out of It
Mobile Revolution - Get Best out of ItMobile Revolution - Get Best out of It
Mobile Revolution - Get Best out of Itcommunicationcrafts
 

Ähnlich wie Grippo jeremiah mobile_presentation (20)

Posternak gabriel presentation_mobile_tablet_deisgn
Posternak gabriel presentation_mobile_tablet_deisgnPosternak gabriel presentation_mobile_tablet_deisgn
Posternak gabriel presentation_mobile_tablet_deisgn
 
Posternak gabriel presentation_mobile_tablet_deisgn
Posternak gabriel presentation_mobile_tablet_deisgnPosternak gabriel presentation_mobile_tablet_deisgn
Posternak gabriel presentation_mobile_tablet_deisgn
 
Mobile Presentation - Project 4
Mobile Presentation - Project 4Mobile Presentation - Project 4
Mobile Presentation - Project 4
 
La musique via Internet et les réseaux mobiles
La musique via Internet et les réseaux mobilesLa musique via Internet et les réseaux mobiles
La musique via Internet et les réseaux mobiles
 
Going Fast on the Mobile Web
Going Fast on the Mobile WebGoing Fast on the Mobile Web
Going Fast on the Mobile Web
 
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
 
Mobile_Presentation
Mobile_PresentationMobile_Presentation
Mobile_Presentation
 
Mobile SEO Tips - #SFGettingSmarter
Mobile SEO Tips - #SFGettingSmarterMobile SEO Tips - #SFGettingSmarter
Mobile SEO Tips - #SFGettingSmarter
 
Alexander michael project4
Alexander michael project4Alexander michael project4
Alexander michael project4
 
Mobile Web Performance - Getting and Staying Fast
Mobile Web Performance -  Getting and Staying FastMobile Web Performance -  Getting and Staying Fast
Mobile Web Performance - Getting and Staying Fast
 
THINK MOBILE FIRST
THINK MOBILE FIRSTTHINK MOBILE FIRST
THINK MOBILE FIRST
 
Stivanson cody assignment4
Stivanson cody assignment4Stivanson cody assignment4
Stivanson cody assignment4
 
Building Mobile Apps with HTML, CSS, and JavaScript
Building Mobile Apps with HTML, CSS, and JavaScriptBuilding Mobile Apps with HTML, CSS, and JavaScript
Building Mobile Apps with HTML, CSS, and JavaScript
 
Digi Marketing An Introduction, Rcbs
Digi Marketing An Introduction, RcbsDigi Marketing An Introduction, Rcbs
Digi Marketing An Introduction, Rcbs
 
Responding to the challenge of the mobile web (2012)
Responding to the challenge of the mobile web (2012)Responding to the challenge of the mobile web (2012)
Responding to the challenge of the mobile web (2012)
 
Content Strategy for Responsive Websites
Content Strategy for Responsive WebsitesContent Strategy for Responsive Websites
Content Strategy for Responsive Websites
 
Mobile/Tablet Design Implications
Mobile/Tablet Design ImplicationsMobile/Tablet Design Implications
Mobile/Tablet Design Implications
 
Cathryn allen assignment4
Cathryn allen assignment4Cathryn allen assignment4
Cathryn allen assignment4
 
Mobile Revolution - Get Best out of It
Mobile Revolution - Get Best out of ItMobile Revolution - Get Best out of It
Mobile Revolution - Get Best out of It
 
UX & Responsive Design
UX & Responsive DesignUX & Responsive Design
UX & Responsive Design
 

Kürzlich hochgeladen

Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticscarlostorres15106
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxNavinnSomaal
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024Lorenzo Miniero
 
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostLeverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostZilliz
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsSergiu Bodiu
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Patryk Bandurski
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenHervé Boutemy
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):comworks
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...Fwdays
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsRizwan Syed
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationSafe Software
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brandgvaughan
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsMemoori
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Manik S Magar
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationSlibray Presentation
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Mark Simos
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek SchlawackFwdays
 

Kürzlich hochgeladen (20)

Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptx
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024
 
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostLeverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
 
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special EditionDMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL Certs
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck Presentation
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
 

Grippo jeremiah mobile_presentation

  • 1. Importance of Mobile and Tablet Ready Website • By: • Jeremiah Grippo
  • 2. Mobile phone & Tablet Usage Mobile usage up 11% 11% of Americans own a tablet Mobile usage will continue to rise Tablets
  • 3.
  • 4. Mobile & tablets affect on web design • Faster load time • Prioritized content • When coding a site make sure you include every viewing platform
  • 5. Technology • HTML5 • CSS • Flash • Fluid layouts
  • 10.
  • 11. References • Slide 1 http://www.bgr.com/2011/08/05/mobile-data-revenue-will-grow-23-to-315-billion-this-year- gartner-says/ • Slide 2 http://www.journalism.org/analysisreport/tablet • Slide 6 http://www.youtube.com • Slide 7 http://bostonglobe.com • Slide 8 http://bestbuy.com • Slide 9 http://kayak.com

Hinweis der Redaktion

  1. As you may know mobile and tablet usage has grown tremendously from a year or two ago. I’m sure you can see why Mobile usage has gone up 11% this year. You see hundreds and even thousands of people you see out during a day and at some point you will see them on their phone.
  2. Tablets are also very popular with us. Around 18 months after the iPad came out 11% of Americans owned a tablet.. Mobile and tablet usage will steadily increase, but at a much slower rater because of data traffic. Tablets might be bigger than a mobile device, but it has more capabilities also. It has a larger screen so if a website doesn’t show well in a mobile device screen it will have better quality on a tablet. We will have to do some changes to your site to ensure that everything works well on a tablet.
  3. Now, When we build up a website remember that you want people to view it on any device. Weather it be pc, mobile phone, or tablet you don’t want certain pictures or videos not showing up because of the device they are on. As you know mobile & tablet devices have a much smaller screen then a pc. When creating a site we try to ensure the best browsing possible for viewers. You don’t want people leaving your site because they can’t see about your product or see videos on how it works.
  4. Though technology is still forming to make websites accessible on every type of device they aren’t doing to bad as of right now. A person being able to access your site from something other than a pc is already a good start. When working in CSS avoid setting width and pixels, this is called Fluid layout. Basically we can use what we are using now for a regular site viewed on a pc. The only difference is we have to carefully word things in HTML5 and CSS, we can also use XTHML and XML when designing sites for mobile devices and tablets.
  5. There are millions of web sites out there that aren’t quiet up to speed with technology. I found YouTube a site that works very well on tablets & cell phones. I think almost anyone that uses the web has used YouTube for an answer to a question they had. Since there is text on YouTube it is primarily video, so since it works so well on phones & and tablets is great. I’m sure people who need to see things step by step or are visually better at doing things and can be right in front of what they are working on to work on it with a video love that YouTube has overcome the phone/tablet issue.
  6. The Boston Globe is another site that works very well on tablets & mobile devices. This site is almost the complete opposite of YouTube. Not very many videos, but there is a lot to read. I know you might be thinking how small is the writing going to be?, will it hurt my eyes and give me headaches from straining trying to read? No, it probably will not. Because the Globe has redone their whole HTML5 and CSS design to make it so that their site will fit on any screen you choose to view them on.
  7. One site we don’t want to be like when it comes to viewing on a mobile device or tablet is Best Buy. There site is so tough to navigate through especially on a mobile device. If their customer is on a tablet it’s not as bad, but if you want to shop Best Buy on your cell phone you need a lot of patience. One thing we can do to ensure that your page doesn’t look like Best Buys’ is you’ll have easy navigation. If you go to Best Buys’ site and click on something you want to buy you’re pretty much stuck on that page unless you put it in your shopping cart or return back to the main page.
  8. Kayak might look like a website that works well with tablets and mobile devices. There is one problem though, but it’s actually a big deal. If you notice when you are on their site you can’t click on any links. This is a major down fall to someone using their tablet or phone. If you have links then more than likely you have more information on a product or service the viewer can read about. This is crucial if the user wants to read more on a product or maybe customer reviews but can’t because there is no link to click on. This can frustrate a viewer of your site and can possibly make them not visit your site anymore. Having links where links are needed is important.
  9. I know there are ups and downs to having a website that is mobile and tablet ready. I do think that the positive gain you will have on your customers will be tremendous. It is a lot of work to make sure your site works with all devices, but one thing that you know for sure is that anyone on any device will be able to purchase what they need to purchase from where ever they might be at. Every business wants to keep their customers happy, also they want to keep their regular customers coming back because of what your site is providing them.