SlideShare uma empresa Scribd logo
1 de 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

Mais conteúdo relacionado

Semelhante a Grippo jeremiah mobile_presentation

Alexander michael project4
Alexander michael project4Alexander michael project4
Alexander michael project4
Malexander34
 
THINK MOBILE FIRST
THINK MOBILE FIRSTTHINK MOBILE FIRST
THINK MOBILE FIRST
MiSSVINC
 
Stivanson cody assignment4
Stivanson cody assignment4Stivanson cody assignment4
Stivanson cody assignment4
cstivanson
 
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
Jonathan Stark
 

Semelhante a 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
 

Último

Último (20)

Oauth 2.0 Introduction and Flows with MuleSoft
Oauth 2.0 Introduction and Flows with MuleSoftOauth 2.0 Introduction and Flows with MuleSoft
Oauth 2.0 Introduction and Flows with MuleSoft
 
A Business-Centric Approach to Design System Strategy
A Business-Centric Approach to Design System StrategyA Business-Centric Approach to Design System Strategy
A Business-Centric Approach to Design System Strategy
 
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdfThe Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
 
The Metaverse: Are We There Yet?
The  Metaverse:    Are   We  There  Yet?The  Metaverse:    Are   We  There  Yet?
The Metaverse: Are We There Yet?
 
AI presentation and introduction - Retrieval Augmented Generation RAG 101
AI presentation and introduction - Retrieval Augmented Generation RAG 101AI presentation and introduction - Retrieval Augmented Generation RAG 101
AI presentation and introduction - Retrieval Augmented Generation RAG 101
 
Your enemies use GenAI too - staying ahead of fraud with Neo4j
Your enemies use GenAI too - staying ahead of fraud with Neo4jYour enemies use GenAI too - staying ahead of fraud with Neo4j
Your enemies use GenAI too - staying ahead of fraud with Neo4j
 
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdfSimplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
 
Portal Kombat : extension du réseau de propagande russe
Portal Kombat : extension du réseau de propagande russePortal Kombat : extension du réseau de propagande russe
Portal Kombat : extension du réseau de propagande russe
 
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
 
1111 ChatGPT Prompts PDF Free Download - Prompts for ChatGPT
1111 ChatGPT Prompts PDF Free Download - Prompts for ChatGPT1111 ChatGPT Prompts PDF Free Download - Prompts for ChatGPT
1111 ChatGPT Prompts PDF Free Download - Prompts for ChatGPT
 
Continuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
Continuing Bonds Through AI: A Hermeneutic Reflection on ThanabotsContinuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
Continuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
 
IESVE for Early Stage Design and Planning
IESVE for Early Stage Design and PlanningIESVE for Early Stage Design and Planning
IESVE for Early Stage Design and Planning
 
Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...
Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...
Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...
 
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdfIntroduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
 
WebRTC and SIP not just audio and video @ OpenSIPS 2024
WebRTC and SIP not just audio and video @ OpenSIPS 2024WebRTC and SIP not just audio and video @ OpenSIPS 2024
WebRTC and SIP not just audio and video @ OpenSIPS 2024
 
AI mind or machine power point presentation
AI mind or machine power point presentationAI mind or machine power point presentation
AI mind or machine power point presentation
 
Easier, Faster, and More Powerful – Notes Document Properties Reimagined
Easier, Faster, and More Powerful – Notes Document Properties ReimaginedEasier, Faster, and More Powerful – Notes Document Properties Reimagined
Easier, Faster, and More Powerful – Notes Document Properties Reimagined
 
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
 
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
 
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
 

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

Notas do Editor

  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.