Your SlideShare is downloading. ×
Vasquez juan mobile_presentation
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Vasquez juan mobile_presentation

244
views

Published on


0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
244
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • With the growth of mobile technology, companies are investing more money into mobile apps and websites so that their products or services are available to be browsed through the limited screens of smartphones and tablets. Chimakoopets.com is a perfect candidate for such technology.
  • Studies have shown that mobile browsing has grown impressively within the last few years.
  • Just to give a few examples. In a recent study by comCore, 55% of Internet usage in January were done from mobile devices.Another study done by Super Monitoring for 2013 shows that 91% of the world’s population have a mobile phone, 56% own a Smart phone, 50% of mobile users use their mobile phones as primary internet source and 72% of tablet users purchase something from their tablets each week.
  • Additionally, in the future, Analysts from a company called Strategy Analytics believe that Mobile Data traffic will grow 300% by 2017.
  • This data has made a huge impacted with the way websites are being designed. Clients and Designers have to keep in mind that desktop content does not look the same or as attractive in a smaller screen. Information shown on a website designed for a desktop computer would not fit in a mobile screen and chimakoopets.com has to keep that in mind when creating theirs.
  • All of this data is proof that companies, especially one like Chimakoopets.com, should invest money and time into creating a well developed website that provides services for both desktop and mobile browsers. Maybe even an App.
  • The type of coding used for mobile development is HTML and CSS. However, today, there is enough technology that both the developer and company can use to create a well developed website which benefits both desktop browsers and mobile/tablet browsers.
  • Content Management Systems are available to create beautiful website that provide tools for creative development and for updating. To mention a few: Wordpress.orgShopify.comSquarespace.comSilverStripe.orgWix.comWe do recommend having some basic HTML and CSS knowledge, just in case some coding adjustments need to be done.
  • Next, let’s review some good examples of what a mobile website should look like. The following websites work flawlessly on a mobile device. It adjusts all the text and pictures for the smaller screens of mobile and tablet.
  • This is an example from mondaymusic.es. Notice how the adjusts to the mobile site.
  • This is another great example from http://runbetter.newtonrunning.com/. It even features an interactive menu.
  • Now let’s review some bad examples of websites that do not work well with mobile and what should not be done when creating a website in the 21st century.In websites like the following, the user is forced to zoom in on the content and try to use his/her fingers to click the small links.
  • This one is from a company called Prince Agri Products (princeagri.com). The design looks exactly the same and does not adjust automatically.
  • The second one is an example from a website called the Dogingtonpost.com. We are presented with the same problem as princeagri.com, the content and pictures does not automatically adjust.
  • My recommendation to chimakoopets.com is to know its audience. In order to make an educated decision, use tools like Google Analytics to find out real-time statistics of which type of devices your customers are using when visiting your website, whether it’s Desktop, Mobile or tablets. This way your company will know for sure if it’s worth investing time and money into creating a website made for both desktop and mobile users.
  • Make full use of tools available to you like the Content Management Systems (CMS) previously mentioned, all of which give you many options to ensure that a website is properly coded for mobile access and easy to update.
  • Thank you.
  • References
  • References
  • Transcript

    • 1. PRESENTATION ON MOBILE/TABLET DESIGN By Juan Vasquez 0004003649
    • 2. Mobile/tablet design  With Growth of technology.  Companies invest money into mobile.  Chimakoopets.com is a perfect candidate. www.chimakoopets.com (My Company)
    • 3. Why choose to design for mobile?  Studies show that Mobile Browsing has grown. http://money.cnn.com/2014/02/28/technology/mobile/mobile-apps-internet/
    • 4. Recent Statistics for you  Study by ComCore for January.  55% of Internet Usage through Mobile Devices.  Another Study by Super Monitoring.  91% world’s population have mobile phone.  56% own a Smartphone.  50% use mobiles as primary internet.  72% of Tablet users purchase each week.
    • 5. Analysis for the future  Additional Study from Strategy Analytics.  By 2017.  Mobile traffic will grow 300%.
    • 6. What does this mean?  Made a huge impact on designers.  Desktop Content vs. Mobile Content.  Does not look the same.  Desktop design does not fit and is not as attractive in mobile browsers.
    • 7. Chimakoopets.com  Should Invest Money and Time.  Create well developed website.  An App would be a great option. http://www.flickr.com/photos/41540435@N05/4293496898/
    • 8. What can you use?  Type of Coding:  HTML  CSS  There is enough technology to be used. http://www.flickr.com/photos/43021482@N00/412067070/
    • 9. Content Management Systems  Wordpress.org  Shopify.com  Squarespace.com  SilverStripe.org  Wix.com  Some Basic HTML and CSS Knowledge is recommended.
    • 10. Great websites made for Mobile. Examples
    • 11. Mondaymusic.es Desktop Version Mobile Version
    • 12. Runbetter.newtonrunning.com Desktop Version Mobile Version
    • 13. Bad examples websites visited from a mobile browser. Examples
    • 14. Princeagri.com Desktop Version Mobile Version
    • 15. Dogingtonpost.com Desktop Version Mobile Version
    • 16. Final Recommendation  For chimakoopets.com  Know your audience  Google Analytics  Real-Time Statistics  Find out if it’s worth investing
    • 17. Final Recommendation  Make full use of tools  Content Management Systems  Ensure websites are coded  Easy to update
    • 18. THANK YOU
    • 19. References  http://money.cnn.com/2014/02/28/technology/mobile/mobile-apps-internet/  http://www.emarketer.com/Article/US-Time-Spent-on-Mobile-Overtake- Desktop/1010095  http://www.forbes.com/sites/chuckjones/2013/03/29/mobile-vs-desktop- web-browsing-activity-patterns/  http://www.digitalbuzzblog.com/infographic-2013-mobile-growth-statistics/  http://www.w3.org/standards/webdesign/mobilweb  http://www.internetretailer.com/2013/10/01/its-official-mobile-devices- surpass-pcs-online-retail  http://techcrunch.com/2013/07/03/mobile-data-use-to-grow-300-globally-by- 2017-led-by-video-web-traffic-says-strategy-analytics/  http://www.dwuser.com/education/content/responsive-design-a-crash- course-and-demo/  http://www.responsivegridsystem.com/
    • 20. Additional References  http://chimakoopets.com/  http://mondaymusic.es/  http://runbetter.newtonrunning.com/  http://www.princeagri.com/  http://dogingtonpost.com/

    ×