Mobile And Tablet Website
         Design
    Customize Your Website for Mobile Use

     Prepared for 1-800 Charity Cars
                 Presented by: Veronica Guerrero
                  Fundamentals of Web Design
                         August 25, 2012
Mobile and Tablet usage
        69% use mobile internet daily




Email                               Twitter

                 Facebook
Mobile Internet Usage on
     Mobile Phones




      Text Message alerts
Mobile and tablet MArket

Nearly zero in 2009
Estimated 320 million units to be sold by 2015
Tablets to eventually make laptops obsolete
Make Your Website Accessible
       on All Devices




           Mobify
WinkSite   QR code
MobilePress   WordPress
Companies with Mobile-Friendly
         Websites
Companies that do not have
 mobile-friendly websites
Conclusion
References
http://marketingland.com/study-69-percent-access-the-mobile-internet-daily-4371

http://www.gartner.com/technology/research/ipad-media-tablet/future-of-tablet-market.jsp

http://www.pcmag.com/article2/0,2817,2398731,00.asp

http://www.flickr.com/photos/mfilej/2397881577/ Twitter icon

http://www.marketingfororchestras.com/2010/11/facebook-ads-and-you-targeted-advertising-for-a-fraction-of-the-cost/facebook-icon/ Facebook icon

http://www.gandinijuggling.com/pages-sub.asp?IDpages=1&IDSubPages=53 email icon

http://entrepreneurship-ideas.biz/projects/spiritual-guide-on-mobile/ SMS icon

http://en.wikipedia.org/wiki/IPad iPad image

http://www.medinfonowblog.com/wordpress/index.php/healthcare-technology/smartphones-in-healthcare smartphones image

http://mashable.com/2010/12/16/create-mobile-site-tools/

http://www.narga.net/using-wordpress-plugins-to-make-your-website-mobile-friendly/ Mobify icon

http://winksite.com/site/section2b.cfm?article_level2_category_id=15&article_level2a_id=316&article_level2b_id=706 Winksite logo

http://www.imgrind.com/3-cool-mobile-plugins-for-wordpress/ MobilePress

http://www.thesuperdentists.com/ortho/ SuperDentists logo

http://www.djyoshi.com/event/sephora-special-event/sephora-logo/ Sephora Logo

http://www.findthatlogo.com/gamestop-official-logo/ GameStop logo

http://vimeo.com/altmanplants Altman Plants

http://www.mytwinbees.com/testimonials/ Child Development Associates logo

https://www.facebook.com/thedancespoteastlake The Dance Spot logo

http://mobilewebsitetutorials.com mobile website vs standard website

http://dailyplateofcrazy.com/2010/03/21/bad-mood-lets-bitch-every-day-is-a-winding-road/ success vs failure
Thank You!

More Related Content

PDF
#smc070 social media club den haag - mobtzu about mobile experiences
PPTX
The One Screen Mobile Revolution
KEY
Why Mobile Matters to All Business
PPTX
How to Harness Viral for Content - DPlat, 8/14/14
PDF
7 tips for creating user friendly mobile content
PPTX
Mobile App development service by GirnarSoft
PDF
Social Media Mashup | Conor Lynch | SocialMedia.ie
PDF
Mobile App Development Service by GirnarSoft
#smc070 social media club den haag - mobtzu about mobile experiences
The One Screen Mobile Revolution
Why Mobile Matters to All Business
How to Harness Viral for Content - DPlat, 8/14/14
7 tips for creating user friendly mobile content
Mobile App development service by GirnarSoft
Social Media Mashup | Conor Lynch | SocialMedia.ie
Mobile App Development Service by GirnarSoft

What's hot (20)

PDF
Robert Meza - Government on the go
PPT
Appsie - Ronan Higgins
PDF
The Mobile Appertunities
PPT
iOS Development: First Steps
PDF
BuzzTale: The Enterprise Story Network. Turn your employees into storytellers.
PDF
Mobile Application Development
PPSX
Introduction to mobile application
KEY
Final assignement
PPTX
Mobile Apps - How can it help brands achieve their objectives?
PDF
The web, the mobile web and nothing but the web - keynote at MobileTechCon 2014
PDF
Developer Economics Q3 2013 - Key Insights
PDF
Facebook dev con f8 2015
PDF
Mobtzu mobile convention 2012
KEY
Mobile marketing 202
PPT
#Mobile #Journalism #MLearning Columbia Teachers College April 2, 2015
PDF
Types of mobile apps mobile app development
PDF
Why brands should have a plan for mobile?
PDF
Messaging Apps: The New Face of Social Media and What It Means for Brands
PPTX
Details OF MOBILE APPLICATION
PPT
Shamit khemka discussed important points to ensure while designing a mobile app
Robert Meza - Government on the go
Appsie - Ronan Higgins
The Mobile Appertunities
iOS Development: First Steps
BuzzTale: The Enterprise Story Network. Turn your employees into storytellers.
Mobile Application Development
Introduction to mobile application
Final assignement
Mobile Apps - How can it help brands achieve their objectives?
The web, the mobile web and nothing but the web - keynote at MobileTechCon 2014
Developer Economics Q3 2013 - Key Insights
Facebook dev con f8 2015
Mobtzu mobile convention 2012
Mobile marketing 202
#Mobile #Journalism #MLearning Columbia Teachers College April 2, 2015
Types of mobile apps mobile app development
Why brands should have a plan for mobile?
Messaging Apps: The New Face of Social Media and What It Means for Brands
Details OF MOBILE APPLICATION
Shamit khemka discussed important points to ensure while designing a mobile app
Ad

Similar to Project 4 - Mobile Presentation (20)

PPT
Jordan theresa presentation_mobile__tablet_design
PPTX
jyatesproject4-111025223823-phpapp02.pptx
KEY
Mobile Web Presentation
PPTX
Mobile Presentation
PPT
Jean georges tauni_mobilepresentation
PPTX
Moore joseph fwd week4
KEY
Why you need a mobile site
PDF
Target Marketing Magazine Webinar - Keys To Success On The Mobile Web and How...
PPT
Mobile and Tablet Design for Business
PPT
Mobile and Tablet Design for Business
PDF
Mobile Web: A Crash Course
PPTX
Mason adam mobile_presentation
PDF
Why Every Business Wants Mobile Optimized Websites?
PDF
Mc neill marty_mobilepresentation
PPT
Mobile is the new Godzilla July 2011 FCIP
PDF
Washington bianca mobile_presentation
PPT
Taking Your Library Website Mobile
PPTX
Kevin niles mobiledevices
ZIP
Battles,joseph,mobilepresentation
PDF
"Mobile" isn't mobile
Jordan theresa presentation_mobile__tablet_design
jyatesproject4-111025223823-phpapp02.pptx
Mobile Web Presentation
Mobile Presentation
Jean georges tauni_mobilepresentation
Moore joseph fwd week4
Why you need a mobile site
Target Marketing Magazine Webinar - Keys To Success On The Mobile Web and How...
Mobile and Tablet Design for Business
Mobile and Tablet Design for Business
Mobile Web: A Crash Course
Mason adam mobile_presentation
Why Every Business Wants Mobile Optimized Websites?
Mc neill marty_mobilepresentation
Mobile is the new Godzilla July 2011 FCIP
Washington bianca mobile_presentation
Taking Your Library Website Mobile
Kevin niles mobiledevices
Battles,joseph,mobilepresentation
"Mobile" isn't mobile
Ad

Recently uploaded (20)

PPTX
Introduction to pro and eukaryotes and differences.pptx
PDF
Τίμαιος είναι φιλοσοφικός διάλογος του Πλάτωνα
PDF
AI-driven educational solutions for real-life interventions in the Philippine...
PPTX
CHAPTER IV. MAN AND BIOSPHERE AND ITS TOTALITY.pptx
PDF
International_Financial_Reporting_Standa.pdf
PPTX
Share_Module_2_Power_conflict_and_negotiation.pptx
PPTX
Computer Architecture Input Output Memory.pptx
PDF
IGGE1 Understanding the Self1234567891011
DOCX
Cambridge-Practice-Tests-for-IELTS-12.docx
PDF
HVAC Specification 2024 according to central public works department
PPTX
202450812 BayCHI UCSC-SV 20250812 v17.pptx
PDF
Environmental Education MCQ BD2EE - Share Source.pdf
PDF
احياء السادس العلمي - الفصل الثالث (التكاثر) منهج متميزين/كلية بغداد/موهوبين
PDF
ChatGPT for Dummies - Pam Baker Ccesa007.pdf
PDF
David L Page_DCI Research Study Journey_how Methodology can inform one's prac...
PDF
BP 704 T. NOVEL DRUG DELIVERY SYSTEMS (UNIT 2).pdf
PDF
Vision Prelims GS PYQ Analysis 2011-2022 www.upscpdf.com.pdf
PPTX
B.Sc. DS Unit 2 Software Engineering.pptx
PPTX
Virtual and Augmented Reality in Current Scenario
PDF
My India Quiz Book_20210205121199924.pdf
Introduction to pro and eukaryotes and differences.pptx
Τίμαιος είναι φιλοσοφικός διάλογος του Πλάτωνα
AI-driven educational solutions for real-life interventions in the Philippine...
CHAPTER IV. MAN AND BIOSPHERE AND ITS TOTALITY.pptx
International_Financial_Reporting_Standa.pdf
Share_Module_2_Power_conflict_and_negotiation.pptx
Computer Architecture Input Output Memory.pptx
IGGE1 Understanding the Self1234567891011
Cambridge-Practice-Tests-for-IELTS-12.docx
HVAC Specification 2024 according to central public works department
202450812 BayCHI UCSC-SV 20250812 v17.pptx
Environmental Education MCQ BD2EE - Share Source.pdf
احياء السادس العلمي - الفصل الثالث (التكاثر) منهج متميزين/كلية بغداد/موهوبين
ChatGPT for Dummies - Pam Baker Ccesa007.pdf
David L Page_DCI Research Study Journey_how Methodology can inform one's prac...
BP 704 T. NOVEL DRUG DELIVERY SYSTEMS (UNIT 2).pdf
Vision Prelims GS PYQ Analysis 2011-2022 www.upscpdf.com.pdf
B.Sc. DS Unit 2 Software Engineering.pptx
Virtual and Augmented Reality in Current Scenario
My India Quiz Book_20210205121199924.pdf

Project 4 - Mobile Presentation

Editor's Notes

  • #2: Thank you for viewing my presentation on Mobile and Tablet Design.
  • #3: Did you know that 69% of the population access the internet via their mobile devices? Thanks to smartphones and internet-enabled tablets, everyone can now access their email accounts, update their Facebook and Twitter accounts from the palm of their hand.
  • #4: SMS alerts are also helpful with this because not only can one access these means of communication through the browser on their smartphone or tablet, but one can send and receive a SMS message (AKA text message) to access email and status updates as well. This is also a good way to keep up with the latest news headlines.
  • #5: The tablet industry has grown since 2009. By 2015, it is estimated that the tablet market will grow to 320 million units sold, which means that the way most people access the internet will be via mobile devices and tablets. According to a recent poll, 50% of Americans said that tablets will eventually lead to laptops becoming obsolete in the near future. This will also lead the way for paper media to be phased out eventually as well.
  • #6: There are several tools available that can help you make your website accessible on all devices, whether mobile or not. Mobify is very user friendly and is specialized for e-stores on the mobile web. It has both a free version and a paid version. The free version does offer the option of customizing your domain.
  • #7: Winksite specializes in creating a community around your mobile site. There is the option of creating your own QR code which aids for easy access to different features on your mobile site (a QR code scanner is required to use QR codes, available in the App Store or Android market).
  • #8: If your original website is hosted on WordPress, there are several plugins available to help make your site user friendly. MobilePress is one of those plugins that aid in mobile accessibility.
  • #9: There are several businesses that have not only made sure that prospective clients can view their website via a mobile device, but has also created apps for ease of use on smartphones, such as iPhones and Android devices. For instance, while The SuperDentists, a pediatric/orthodontic specialist office, have not launched a mobile website, they have launched an app for iOS and Android devices. This is helpful because the app has all of the pertinent contact information on it, including ways to get in contact with the office right from your phone. This is helpful for those who are exclusively on a mobile device to access the internet. Another business that is ahead of the game with mobile internet is Sephora, a high-end beauty supply store. When you type in Sephora’s URL into the browser on your mobile device, you are automatically redirected to their mobil site, m.sephora.com. This is really a good thing because the full site has a lot of animated features. Sephora also has an app available for iOS devices which allows you to make purchases. GameStop, a video game and electronics retailer, also has a mobile-device-friendly website. The aforementioned websites, aside from the website for The SuperDentists, both have links that can redirect the user to their full website, if desired by the consumer.
  • #10: Child Development Associates is a nonprofit organization that offers subsidized or low-cost childcares services to low-income parents. CDA does not have a mobile-friendly website. They would greatly benefit from one because if a parent is in need of receiving childcare while they go to work or school and they do not have access to a computer, it is not as easy to fill out forms on the full site from a smartphone. Plus, the text on the page is very hard to read and it would be next to impossible for anyone trying to apply for services to properly fill out the initial contact sheet. Altman Plants is a nursery located in San Diego County that specializes in supplying large stores, such as WalMart and Home Depot, plants to sell in their garden departments. If someone were to be in the process of opening a nursery, and wanted to check out the plants that Altman’s has to offer via their smartphone, it would be difficult because their website is not optimized for use on a mobile device. The Dance Spot is a dance studio located in Chula Vista’s affluent Eastlake District that offers dance lessons to people of any level in dance. Their website is also hard to see on a smartphone, meaning that one has to zoom in to read the information posted on their website. The Dance Spot would also benefit from a mobile site because if one is looking for a dance studio to enroll themselves or their child, and the phone number is hard to see, that will keep people from making that initial contact with the company.
  • #11: In conclusion, a mobile website is a very good thing to have access to, both for a thriving business and for a consumer. It can mean the difference between success and failure.
  • #13: Thank you for taking the time to hear my presentation! Please do not hesitate to ask any questions that you may have. I hope it was informative.