SlideShare a Scribd company logo
1 of 10
Download to read offline
Mobile & Tablet Design
How Can Optimizing My Website Help My
Business?
Jessie Haszard, for Collins Catering & Events
By
Smart Phone Internet Usage

Of the 91% of American adults that have a cell phone, 56% have a smart
phone.
28% of Internet usage comes from a mobile phone
34% of American adults also own a tablet

http://www.brandwatch.com/2013/06/smartphone-and-tablet-use-continues-to-rise-the-stats/
http://mobilewebrockstar.com/13-killer-mobile-web-usage-statistics/

ideas4petretail.co.uk 
http://www.forbes.com/sites/louiscolumbus/2013/09/12/idc-87-of-connected-devices-by-2017-will-be-tablets-and-smartphones/

www.edudemic.com
Mobile Sites

wixmobile.com
Responsive Design

searchengineland.com
DreamwayTrading.com
Amazon.com
Accessibility

Consider your website’s usability for users with
disabilities
Proper HTML and CSS coding improves
accessibility and SEO
Collins Catering & Events
Responsive Design
Due to the variety of events and people you
serve, responsive design serves the people that
find you on the web on any device they use.
Responsive design also goes through the same
domain, regardless of device, improving page
rank rather than splitting it.
Conclusion

Adapt to changes in browsers and technology
New CMS to manage content
Consider how to best serve mobile and tablet
Internet users

More Related Content

Similar to Haszard jessie mobile presentation

50 Amazing Facts About Mobile
50 Amazing Facts About Mobile 50 Amazing Facts About Mobile
50 Amazing Facts About Mobile SIXTY
 
Mobile and Tablet Design for Business
Mobile and Tablet Design for BusinessMobile and Tablet Design for Business
Mobile and Tablet Design for BusinessFrancis Ibikunle
 
Turner nicholas mobile_presentation
Turner nicholas mobile_presentationTurner nicholas mobile_presentation
Turner nicholas mobile_presentationNicholas Turner
 
Mobile and Tablet Design for Business
Mobile and Tablet Design for BusinessMobile and Tablet Design for Business
Mobile and Tablet Design for BusinessFrancis Ibikunle
 
Presentation on mobile tablet design
Presentation on mobile tablet designPresentation on mobile tablet design
Presentation on mobile tablet designmcnairmarketing
 
(Healthcare) make your business mobile with responsive web design
(Healthcare) make your business mobile with responsive web design(Healthcare) make your business mobile with responsive web design
(Healthcare) make your business mobile with responsive web designLeisl Schrader
 
Why Your Business Needs a Mobile Website
Why Your Business Needs a Mobile WebsiteWhy Your Business Needs a Mobile Website
Why Your Business Needs a Mobile Websitee-point SA
 
Aga spring meeting_bwm_mobile_landscape_04-03-13
Aga spring meeting_bwm_mobile_landscape_04-03-13Aga spring meeting_bwm_mobile_landscape_04-03-13
Aga spring meeting_bwm_mobile_landscape_04-03-13Chris Forhan
 
Mobile Website Landscape, Small Screen, Big Opportunity
Mobile Website Landscape, Small Screen, Big OpportunityMobile Website Landscape, Small Screen, Big Opportunity
Mobile Website Landscape, Small Screen, Big OpportunitySuresh John
 
Mobile Website - Your Secret Weapon in Gaining a Competitive Advantage
Mobile Website - Your Secret Weapon in Gaining a Competitive AdvantageMobile Website - Your Secret Weapon in Gaining a Competitive Advantage
Mobile Website - Your Secret Weapon in Gaining a Competitive Advantagee-point SA
 
Nichols_Jason_Mobile_Presentation
Nichols_Jason_Mobile_PresentationNichols_Jason_Mobile_Presentation
Nichols_Jason_Mobile_PresentationJason Nichols
 
8 reasons to get a mobile optimised website
8 reasons to get a mobile optimised website8 reasons to get a mobile optimised website
8 reasons to get a mobile optimised websiteGiles Adam Thomas
 
Gentry Adrian Mobile_presentation
Gentry Adrian Mobile_presentationGentry Adrian Mobile_presentation
Gentry Adrian Mobile_presentationknowledge22
 
Smartphones - the ultimate recruitment tool
Smartphones - the ultimate recruitment toolSmartphones - the ultimate recruitment tool
Smartphones - the ultimate recruitment toolThirtyThree
 
Kevin niles mobiledevices
Kevin niles mobiledevicesKevin niles mobiledevices
Kevin niles mobiledeviceskcsniles
 
Hernandez nancy mobile_presentation
Hernandez nancy mobile_presentationHernandez nancy mobile_presentation
Hernandez nancy mobile_presentationNancy Hernandez
 
Novoa mario mobile_presentation
Novoa mario mobile_presentationNovoa mario mobile_presentation
Novoa mario mobile_presentationmnovoa
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Designmary huston
 
Mobile is the new Godzilla July 2011 FCIP
Mobile is the new Godzilla July 2011 FCIPMobile is the new Godzilla July 2011 FCIP
Mobile is the new Godzilla July 2011 FCIPRZasadzinski
 

Similar to Haszard jessie mobile presentation (20)

50 Amazing Facts About Mobile
50 Amazing Facts About Mobile 50 Amazing Facts About Mobile
50 Amazing Facts About Mobile
 
Mobile and Tablet Design for Business
Mobile and Tablet Design for BusinessMobile and Tablet Design for Business
Mobile and Tablet Design for Business
 
Turner nicholas mobile_presentation
Turner nicholas mobile_presentationTurner nicholas mobile_presentation
Turner nicholas mobile_presentation
 
Mobile and Tablet Design for Business
Mobile and Tablet Design for BusinessMobile and Tablet Design for Business
Mobile and Tablet Design for Business
 
Presentation on mobile tablet design
Presentation on mobile tablet designPresentation on mobile tablet design
Presentation on mobile tablet design
 
(Healthcare) make your business mobile with responsive web design
(Healthcare) make your business mobile with responsive web design(Healthcare) make your business mobile with responsive web design
(Healthcare) make your business mobile with responsive web design
 
Why Mobile Matters?
Why Mobile Matters?Why Mobile Matters?
Why Mobile Matters?
 
Why Your Business Needs a Mobile Website
Why Your Business Needs a Mobile WebsiteWhy Your Business Needs a Mobile Website
Why Your Business Needs a Mobile Website
 
Aga spring meeting_bwm_mobile_landscape_04-03-13
Aga spring meeting_bwm_mobile_landscape_04-03-13Aga spring meeting_bwm_mobile_landscape_04-03-13
Aga spring meeting_bwm_mobile_landscape_04-03-13
 
Mobile Website Landscape, Small Screen, Big Opportunity
Mobile Website Landscape, Small Screen, Big OpportunityMobile Website Landscape, Small Screen, Big Opportunity
Mobile Website Landscape, Small Screen, Big Opportunity
 
Mobile Website - Your Secret Weapon in Gaining a Competitive Advantage
Mobile Website - Your Secret Weapon in Gaining a Competitive AdvantageMobile Website - Your Secret Weapon in Gaining a Competitive Advantage
Mobile Website - Your Secret Weapon in Gaining a Competitive Advantage
 
Nichols_Jason_Mobile_Presentation
Nichols_Jason_Mobile_PresentationNichols_Jason_Mobile_Presentation
Nichols_Jason_Mobile_Presentation
 
8 reasons to get a mobile optimised website
8 reasons to get a mobile optimised website8 reasons to get a mobile optimised website
8 reasons to get a mobile optimised website
 
Gentry Adrian Mobile_presentation
Gentry Adrian Mobile_presentationGentry Adrian Mobile_presentation
Gentry Adrian Mobile_presentation
 
Smartphones - the ultimate recruitment tool
Smartphones - the ultimate recruitment toolSmartphones - the ultimate recruitment tool
Smartphones - the ultimate recruitment tool
 
Kevin niles mobiledevices
Kevin niles mobiledevicesKevin niles mobiledevices
Kevin niles mobiledevices
 
Hernandez nancy mobile_presentation
Hernandez nancy mobile_presentationHernandez nancy mobile_presentation
Hernandez nancy mobile_presentation
 
Novoa mario mobile_presentation
Novoa mario mobile_presentationNovoa mario mobile_presentation
Novoa mario mobile_presentation
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
Mobile is the new Godzilla July 2011 FCIP
Mobile is the new Godzilla July 2011 FCIPMobile is the new Godzilla July 2011 FCIP
Mobile is the new Godzilla July 2011 FCIP
 

Recently uploaded

activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfJamie (Taka) Wang
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfinfogdgmi
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintMahmoud Rabie
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesDavid Newbury
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Websitedgelyza
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...DianaGray10
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8DianaGray10
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-pyJamie (Taka) Wang
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding TeamAdam Moalla
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAshyamraj55
 
Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxUdaiappa Ramachandran
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.YounusS2
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UbiTrack UK
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024SkyPlanner
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationIES VE
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureEric D. Schabell
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopBachir Benyammi
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Commit University
 

Recently uploaded (20)

activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdf
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership Blueprint
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond Ontologies
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Website
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-py
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
 
Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptx
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability Adventure
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 Workshop
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)
 
201610817 - edge part1
201610817 - edge part1201610817 - edge part1
201610817 - edge part1
 

Haszard jessie mobile presentation

Editor's Notes

  1. How many of you have a smart phone? How many of you have used your phone to check your email, purchase something online, or to look up a local store or restaurant? According to an article on brandwatch.com, 91% of American adults have cell phones, and over half of them have smart phones. Additionally, 34% of American adults have tablets. That’s a lot of different sized screens, bandwidth usage and restrictions, multiple operating systems and browsers- how does it all add up, and what does it mean for the future design of your website?
  2. The rise of Internet use on mobile devices and tablets has lead to significant changes in web design, with many changes yet to come. Imagine a busy wedding planner or bride searching for the perfect menu for her special day... is your website easy for her to find, and is it easy to use? She may be searching on her phone while she’s waiting at a bridal boutique, or she could be browsing for a caterer on her tablet while she’s watching shows on T.V. in the evening. Event planners are multi-taskers, and you can be sure that they use multiple devices to coordinate events. How can you make your website accessible across all of these devices?
  3. An option you may consider is having a mobile site. Mobile sites are generally a simplified version of the main site, most often with a single column layout and scaled down image files for a faster load time. It’s the details that really make your user’s experience a great one, like using buttons to click rather than having super tiny hyperlinks that are really easy to fat finger.
  4. Another option is to have your website optimized for responsive design. Unlike a mobile site, responsive design adjusts to the screen size of any device, from a large monitor to a small phone screen. This means that your all traffic goes through the same domain, and nothing is sacrificed between viewing the site on a desktop vs. a tablet, it keeps a consistent theme and strengthens your brand.
  5. An example of a website that is not mobile-friendly is dreamwaytrading.com. If you go to the site on your phone, you will see that the text is very small, you have to zoom in just to read it, and it is difficult to accurately click on different links. While the website looks fine on monitors and laptops, it is harder to use the smaller the screen gets. Dreamway Trading has recently made the decision to go with responsive design as they move forward with a complete redesign of their website to ensure a better experience for their customers, including better navigation and rearrangement of content.
  6. The e-commerce giant, Amazon, has all its bases covered- they have responsive design AND a mobile site to ensure that anyone visiting their site on any device has a great user experience. Try it out on your devices, and you will notice differences. Ultimately, their goal is to minimize the number of clicks it takes to get an item into your cart and then to proceed to checkout. While these examples are retailers, you share common goals of getting the customer to your site, making using your site a pleasant experience, and getting them to commit to a purchase.
  7. A few other things to consider about your website is how usable it is for users with disabilities. What kind of experience is someone going to have if they are using a screen reader to navigate and investigate your site? Proper use of HTML and CSS coding and web standards help make your website accessible to everyone, and it is great for SEO (search engine optimization.) One example is to provide alternate text for images.
  8. I believe that responsive design is an excellent option for your business to consider. From corporate events to parties to weddings, the people planning the events that are seeking out your services are doing so on multiple devices, from desktop computers in the office to tablets and smart phones at home. Responsive design adapts to whatever sized screen they are viewing, and it will have the same look and feel from a monitor to a phone.
  9. In the ever-changing world wide web, it is imperative to make changes as technology improves. As you are considering changes to your website and investigating CMS software to manage content, now is a great time to think ahead and plan for accommodating mobile and tablet Internet users.