Abstract image of a woman sitting on books and studying on a laptop

Alicea Torres_Project 4: Mobile Presentation

T
TerryWeber

This document discusses the growth of mobile device usage and its impact on web design. Over the past three years, 91% of the population uses a mobile device, with 56% owning a smartphone. By 2014, it is estimated that 2 billion mobile devices will be shipped. Effective mobile web design is clean, simple, easy to search with less text and compact pages. The document recommends using HTML5, responsive design, readable fonts and bidirectional text to make websites accessible across devices. Examples are provided of both mobile-friendly and non-friendly websites.

MarketingTechnologyEntertainment & Humor
Related topics:
Responsive Design Insights
1 of 11
Download to read offline
1
2
3
4
5
6
7
8
9
10
11
! http://smallbiztrends.com/wp-content/uploads/2011/08/tablet-pc-mobile-device.jpg by: Dariana Alicea Torres! Mobile/Tablet Design! Prof. Weber! February 2nd, 2014!
Mobile/Tablet usage growth! ❖  Over the past three years only 9% of the population do not use a mobile device.! ❖  56% of these users own a smartphone. ! ❖  2 billion devices will be shipped this year.!
Mobile/Tablet impact on Web Design! ❖  Clean and Simple! ❖  Easy to search! ❖  Lack of text! ❖  Compact pages! ❖  Mobile versions of popular websites!
Current technology to make website ! accessible across all devices! ❖  HTML5! ❖  WP Touch! ❖  Other Plugins! ! http://www.w3.org/html/logo/img/mark-word-icon.png ! http://www.cottonrohrscheib.com/blog/wp-content/uploads/2013/07/wordpress-plugins.jpeg
Websites that do not work on tablet/mobile devices! ❖  www.chilispr.com! Mobile Version ! Desktop Version !
❖  www.6pm.com ! Mobile Version ! Desktop Version !
❖  www.coolmath.com! Mobile Version ! Desktop Version !
Websites that work on tablet/mobile devices! ❖  www.mathway.com! Mobile Version ! Desktop Version !
❖  endi.com! Mobile Version ! Desktop Version !
Recommendations for my clients! ❖  Use HTML5 and CSS for the design! ❖  Use Responsive Web Design! ❖  Use a readable font style and size! ❖  Use bidirectional!
References! ❖  Google Developers (2013, December 19). Building Smartphone-Optimized ! !Websites - Webmasters — Google Developers. Retrieved February 1, 2014, !from https://developers.google.com/webmasters/smartphone-sites/! ❖  ! Hepburn, A. (2013, October 1). Infographic: 2013 Mobile Growth Statistics | ! !Digital Buzz Blog. Retrieved February 1, 2014, from http:// ! ! ! ! ! !www.digitalbuzzblog.com/infographic-2013-mobile-growth-statistics/! ❖  Keteermat, S. (2010, November 19). How to Make Your Website Mobile ! !Friendly (And Keep Your Readers Happy) - Copyblogger. Retrieved from ! !http://www.copyblogger.com/mobile-friendly-website/! ❖  Website Optimization (2012, June 7). On The Mobile Web’s Impact On Website ! !Design. Retrieved February 1, 2014, from http:/www.cloudtactix.com%2Fon!the- !mobile-webs-impact-on-website-design%2F&dm_redirected=true#2754!

More Related Content

PPTX
Alicea torres dariana mobilepresentation
TerryWeber
 
PDF
Orlando Gonzalez Mobile Presentation
ogonzalezceo
 
PPTX
Mobile_Presentation
kkador
 
PPTX
esaimen
mikhwal
 
PPT
Is Your Website Ready for 2011?
wandasxt
 
PPTX
Mobile Applications
Ameera Ehsan Ullah
 
PPTX
Mobile Presentation - Project 4
nicklenihanedu
 
PPSX
Mobile migration talk by appSTUDIO at WordCamp Jerusalem 2010
David Sigal
 
Alicea torres dariana mobilepresentation
TerryWeber
 
Orlando Gonzalez Mobile Presentation
ogonzalezceo
 
Mobile_Presentation
kkador
 
esaimen
mikhwal
 
Is Your Website Ready for 2011?
wandasxt
 
Mobile Applications
Ameera Ehsan Ullah
 
Mobile Presentation - Project 4
nicklenihanedu
 
Mobile migration talk by appSTUDIO at WordCamp Jerusalem 2010
David Sigal
 

What's hot (13)

PDF
BlackBerry 10 Enterprise Development
Simon HSU
 
PDF
Content management for cross device final
Georges-Alexandre Hanin
 
PDF
約炮神器の情感設計
Ymow Wu
 
PPTX
Mobile accessibility - Valtech FrontEnders talk
Rebecca Topps
 
PPTX
The Mobile Landscape, Mobile Literacy, and Libraries 2014
Robin M. Ashford, MSLIS
 
PPTX
Creating inclusive mobile applications - NUX Leeds
Rebecca Topps
 
PPT
Mobile Matters: Accommodating the Mobile Masses
Ohio Public Library Information Network (OPLIN)
 
PPTX
Mobile library presence
Michele Mizejewski
 
PPT
Posternak gabriel presentation_mobile_tablet_deisgn
relaityntatt
 
PDF
The Future of Content (From Mobile to Wearables)
Eddie Vassallo
 
PPTX
Mobile Strategies for Libraries by Amy York
ayork1120
 
PPTX
Presentation LTR version 2
Mary Chu
 
DOC
Libraries and Mobile Web Handout
CharlieT
 
BlackBerry 10 Enterprise Development
Simon HSU
 
Content management for cross device final
Georges-Alexandre Hanin
 
約炮神器の情感設計
Ymow Wu
 
Mobile accessibility - Valtech FrontEnders talk
Rebecca Topps
 
The Mobile Landscape, Mobile Literacy, and Libraries 2014
Robin M. Ashford, MSLIS
 
Creating inclusive mobile applications - NUX Leeds
Rebecca Topps
 
Mobile Matters: Accommodating the Mobile Masses
Ohio Public Library Information Network (OPLIN)
 
Mobile library presence
Michele Mizejewski
 
Posternak gabriel presentation_mobile_tablet_deisgn
relaityntatt
 
The Future of Content (From Mobile to Wearables)
Eddie Vassallo
 
Mobile Strategies for Libraries by Amy York
ayork1120
 
Presentation LTR version 2
Mary Chu
 
Libraries and Mobile Web Handout
CharlieT
 
Ad

Similar to Alicea Torres_Project 4: Mobile Presentation (20)

KEY
Alexander michael project4
Malexander34
 
PPTX
Stivanson cody assignment4
cstivanson
 
PDF
Mobile Connects the Future
BrandEmotivity
 
PPTX
mobile presentation
lartei87
 
PDF
Turner nicholas mobile_presentation
Nicholas Turner
 
PDF
Ginart elizabeth mobile presentation2
eginart
 
PPTX
Powepoint test
montria
 
PPTX
Howard noah moblilepresentation
noahbh
 
PDF
Responsive Design & Beyond [Code & Creativity Workshop]
Aaron Gustafson
 
PDF
Poweful Mobile Strategies for NGOs
Acquia
 
PDF
Guerra anthony mobile_tablet_design_presentation
Anthony Guerra
 
PPT
Sexton wanda fwd final
wandasxt
 
PDF
Answering the Mobile Challenge - Squiz Scotland User Summit
Squiz
 
PPTX
Bowens noah mobile presentation
tical3522
 
PDF
Masterclass: Designing for the Mobile World
Reactive, part of Accenture Interactive
 
PDF
The State of the Art in Mobile and How to Make the Most of it in Libraries - ...
Megan Hurst
 
PDF
Mobile Web Performance - Getting and Staying Fast
Andy Davies
 
PPTX
Nuno pelaez juan_mobilepresentation
jmnuno
 
PDF
Mc mullen connie_mobilepresentaion
connie51
 
PPTX
01 Mobile Jungle
Arief Gunawan
 
Alexander michael project4
Malexander34
 
Stivanson cody assignment4
cstivanson
 
Mobile Connects the Future
BrandEmotivity
 
mobile presentation
lartei87
 
Turner nicholas mobile_presentation
Nicholas Turner
 
Ginart elizabeth mobile presentation2
eginart
 
Powepoint test
montria
 
Howard noah moblilepresentation
noahbh
 
Responsive Design & Beyond [Code & Creativity Workshop]
Aaron Gustafson
 
Poweful Mobile Strategies for NGOs
Acquia
 
Guerra anthony mobile_tablet_design_presentation
Anthony Guerra
 
Sexton wanda fwd final
wandasxt
 
Answering the Mobile Challenge - Squiz Scotland User Summit
Squiz
 
Bowens noah mobile presentation
tical3522
 
Masterclass: Designing for the Mobile World
Reactive, part of Accenture Interactive
 
The State of the Art in Mobile and How to Make the Most of it in Libraries - ...
Megan Hurst
 
Mobile Web Performance - Getting and Staying Fast
Andy Davies
 
Nuno pelaez juan_mobilepresentation
jmnuno
 
Mc mullen connie_mobilepresentaion
connie51
 
01 Mobile Jungle
Arief Gunawan
 
Ad

Recently uploaded (20)

PPTX
Transform Your Business with Top Digital Marketing Services_EGlogics.pptx
Eglogics Softech
 
PDF
Generation Alpha Report 2025 x DKC Analytics.pdf
moschella621
 
PDF
You Need SEO for Your Business. Here’s Why..pdf
Namami Inc
 
PDF
5 free to use google tools to understand your customers online behavior in 20...
content90
 
PPTX
Best Social Media Marketing Company in Lucknow
learningstudio62
 
PPTX
Strategic Sage Digital-The Professional Digital Marketing Company in Mohali.pptx
strategicsagedigital
 
PPTX
Choose the Right SEO Agency India - 7 Key Tips by Clickbold Media
Clickbold media
 
PDF
Digital Marketing - clear pictire of marketing
mankalharshitha
 
PDF
Biography of Brady Beitlich
Brady Beitlich
 
PPTX
CH 1 AN INTRODUCTION OF INTEGRATED MARKETING COMMUNICATION (COMBINE)
jaymundharikar4075
 
DOCX
Auctioneer project lead by Ali Hasnain jappa
AliHasnain121429
 
DOCX
IREV Platform: Future of Affiliate Marketing
trinfico
 
PDF
DigiBrandX: Crafting Identities That Resonate
Digi BrandX
 
PPTX
Top Digital Marketing Companies in Mumbai
manishpande761
 
PDF
FSSC 22000 Certification: Meaning, Benefits & Food Safety Compliance
4C Consulting
 
PDF
SEO vs. AEO: Optimizing for Google vs AI-Powered Search Assistants
Jomer Gregorio
 
PPTX
Opening presentation of Sangam Hospital Bodeli
shailendrasinh1
 
PDF
sm_67a1bc7f35716dcb1a9195ea_382528b8-2159-47be-a7ba-d034a449f849.pdf
LeingelCostales
 
PDF
Dream Powell - Project and Portfolio 3: Marketing
Dream Powell
 
PDF
How to Break Into AI Search with Andrew Holland
Anton Shulke
 
Transform Your Business with Top Digital Marketing Services_EGlogics.pptx
Eglogics Softech
 
Generation Alpha Report 2025 x DKC Analytics.pdf
moschella621
 
You Need SEO for Your Business. Here’s Why..pdf
Namami Inc
 
5 free to use google tools to understand your customers online behavior in 20...
content90
 
Best Social Media Marketing Company in Lucknow
learningstudio62
 
Strategic Sage Digital-The Professional Digital Marketing Company in Mohali.pptx
strategicsagedigital
 
Choose the Right SEO Agency India - 7 Key Tips by Clickbold Media
Clickbold media
 
Digital Marketing - clear pictire of marketing
mankalharshitha
 
Biography of Brady Beitlich
Brady Beitlich
 
CH 1 AN INTRODUCTION OF INTEGRATED MARKETING COMMUNICATION (COMBINE)
jaymundharikar4075
 
Auctioneer project lead by Ali Hasnain jappa
AliHasnain121429
 
IREV Platform: Future of Affiliate Marketing
trinfico
 
DigiBrandX: Crafting Identities That Resonate
Digi BrandX
 
Top Digital Marketing Companies in Mumbai
manishpande761
 
FSSC 22000 Certification: Meaning, Benefits & Food Safety Compliance
4C Consulting
 
SEO vs. AEO: Optimizing for Google vs AI-Powered Search Assistants
Jomer Gregorio
 
Opening presentation of Sangam Hospital Bodeli
shailendrasinh1
 
sm_67a1bc7f35716dcb1a9195ea_382528b8-2159-47be-a7ba-d034a449f849.pdf
LeingelCostales
 
Dream Powell - Project and Portfolio 3: Marketing
Dream Powell
 
How to Break Into AI Search with Andrew Holland
Anton Shulke
 

Alicea Torres_Project 4: Mobile Presentation

  • 2. Mobile/Tablet usage growth! ❖  Over the past three years only 9% of the population do not use a mobile device.! ❖  56% of these users own a smartphone. ! ❖  2 billion devices will be shipped this year.!
  • 3. Mobile/Tablet impact on Web Design! ❖  Clean and Simple! ❖  Easy to search! ❖  Lack of text! ❖  Compact pages! ❖  Mobile versions of popular websites!
  • 4. Current technology to make website ! accessible across all devices! ❖  HTML5! ❖  WP Touch! ❖  Other Plugins! ! http://www.w3.org/html/logo/img/mark-word-icon.png ! http://www.cottonrohrscheib.com/blog/wp-content/uploads/2013/07/wordpress-plugins.jpeg
  • 5. Websites that do not work on tablet/mobile devices! ❖  www.chilispr.com! Mobile Version ! Desktop Version !
  • 8. Websites that work on tablet/mobile devices! ❖  www.mathway.com! Mobile Version ! Desktop Version !
  • 10. Recommendations for my clients! ❖  Use HTML5 and CSS for the design! ❖  Use Responsive Web Design! ❖  Use a readable font style and size! ❖  Use bidirectional!
  • 11. References! ❖  Google Developers (2013, December 19). Building Smartphone-Optimized ! !Websites - Webmasters — Google Developers. Retrieved February 1, 2014, !from https://developers.google.com/webmasters/smartphone-sites/! ❖  ! Hepburn, A. (2013, October 1). Infographic: 2013 Mobile Growth Statistics | ! !Digital Buzz Blog. Retrieved February 1, 2014, from http:// ! ! ! ! ! !www.digitalbuzzblog.com/infographic-2013-mobile-growth-statistics/! ❖  Keteermat, S. (2010, November 19). How to Make Your Website Mobile ! !Friendly (And Keep Your Readers Happy) - Copyblogger. Retrieved from ! !http://www.copyblogger.com/mobile-friendly-website/! ❖  Website Optimization (2012, June 7). On The Mobile Web’s Impact On Website ! !Design. Retrieved February 1, 2014, from http:/www.cloudtactix.com%2Fon!the- !mobile-webs-impact-on-website-design%2F&dm_redirected=true#2754!