SlideShare una empresa de Scribd logo
1 de 12
PRESENTATION ON
MOBILE/TABLET
DESIGN: PROJECT
4
Jason Metzgar
May 1, 2013
1-800-CHARITY
“TO ENGAGE IN ACTIVITIES
THAT WILL UPLIFT HUMANITY”
Your mission:
1-800-CHARITY
MOBILE IS GROWING LIKE CRAZY!
 Of the world’s
4 billion mobile
phones in
us e,
1.08 billion
are smartphones and a
whopping
3.05 billion
are SMS
enabled
(that leaves only 950 million simple
phones)
1-800-CHARITY
Sales
1-800-CHARITY
Images courtesy of www.macrumors.com
2014
HOW HAS THIS GROWTH IN MOBILE
IMPACTED WEB DESIGN?
Mobile Constraints. Design solutions.
 Smaller screens
 Difficult input
 Slower downloads
 Complex Content
 Prioritize features and
content and reduce levels of
hierarchy
 Design to encourage
selection instead of typing
 Reduce the amount of
content a Web page contains
 Keep the complexity of users’
contexts of in mind.”
1-800-CHARITY
HOW TO MAKE A WEBSITE
ACCESSIBLE ON MANY DIFFERENT
DEVICES.
1-800-CHARITY
Images courtesy of http://purelybranded.com
THE FUTURE OF WEB DESIGN!
1-800-CHARITY
Images courtesy of http://ilearn-edu.com Images courtesy of http://designpieces.com
COMPARE THE DIFFERENCE
Between sites designed to work well with mobile and not so well.
1-800-CHARITY
Images courtesy of http://wpuploads.appadvice.com Images courtesy of http://www.uxmatters.com
Which ONE
D o yo u t h i n k
l o o k s B e t t e r,
IS EASIER
TO USE,
a n d
w o u l d
load faster?
COMPARE THE DIFFERENCE
Between sites designed to work well with mobile and not so well.
1-800-CHARITY
Images courtesy of http://wpuploads.appadvice.com Images courtesy of http://www.uxmatters.com
Which ONE
D o yo u t h i n k
l o o k s B e t t e r,
IS EASIER
TO USE,
a n d
w o u l d
load faster?
What we
recommend.
HTML5
CSS3
RWD
1-800-CHARITY
Fill out form
Arrange free pickup
Get tax receipt
REFERENCES:
 http://www.800charitycars.org
 http://tag.microsoft.com/home.asp
 http://www.smartinsights.com/mobile-marketing/mobile-marketing-
analytics/mobile-marketing-statistics/
 http://www.netmagazine.com/features/mobile-first
 http://www.uxmatters.com/mt/archives/2011/01/designing-for-the-
mobile-web-special-considerations.php
1-800-CHARITY
Metzgar Jason Mobile Presentation

Más contenido relacionado

La actualidad más candente

Tablets: Landscape, Behaviors and Trends
Tablets: Landscape, Behaviors and TrendsTablets: Landscape, Behaviors and Trends
Tablets: Landscape, Behaviors and Trends
Kayla Green
 
Mobile: Landscape, Behaviors and Trends
Mobile: Landscape, Behaviors and TrendsMobile: Landscape, Behaviors and Trends
Mobile: Landscape, Behaviors and Trends
Kayla Green
 
SMart Phones (Power Point)
SMart Phones (Power Point)SMart Phones (Power Point)
SMart Phones (Power Point)
cpha13
 

La actualidad más candente (20)

Mobile/Tablet Design Implications
Mobile/Tablet Design ImplicationsMobile/Tablet Design Implications
Mobile/Tablet Design Implications
 
Why mobile is important
Why mobile is importantWhy mobile is important
Why mobile is important
 
Guerra anthony mobile_tablet_design_presentation
Guerra anthony mobile_tablet_design_presentationGuerra anthony mobile_tablet_design_presentation
Guerra anthony mobile_tablet_design_presentation
 
Beyond the 24/7 Marina
Beyond the 24/7 MarinaBeyond the 24/7 Marina
Beyond the 24/7 Marina
 
Mobile Applications
Mobile ApplicationsMobile Applications
Mobile Applications
 
American University Presentation (3) 2012 on Mobile Trends and Emerging Techn...
American University Presentation (3) 2012 on Mobile Trends and Emerging Techn...American University Presentation (3) 2012 on Mobile Trends and Emerging Techn...
American University Presentation (3) 2012 on Mobile Trends and Emerging Techn...
 
Mobile Computing - SARASWATHI RAMALINGAM
Mobile Computing - SARASWATHI RAMALINGAMMobile Computing - SARASWATHI RAMALINGAM
Mobile Computing - SARASWATHI RAMALINGAM
 
Tablets: Landscape, Behaviors and Trends
Tablets: Landscape, Behaviors and TrendsTablets: Landscape, Behaviors and Trends
Tablets: Landscape, Behaviors and Trends
 
AdLeads Mobile Marketing Webinar Part 1
AdLeads Mobile Marketing Webinar Part 1 AdLeads Mobile Marketing Webinar Part 1
AdLeads Mobile Marketing Webinar Part 1
 
Your App is not your product
Your App is not your productYour App is not your product
Your App is not your product
 
panorama web mobile
panorama web mobilepanorama web mobile
panorama web mobile
 
Mobile: Landscape, Behaviors and Trends
Mobile: Landscape, Behaviors and TrendsMobile: Landscape, Behaviors and Trends
Mobile: Landscape, Behaviors and Trends
 
Brisbane Web Design April 2013: "An Introduction to Mobile First Development ...
Brisbane Web Design April 2013: "An Introduction to Mobile First Development ...Brisbane Web Design April 2013: "An Introduction to Mobile First Development ...
Brisbane Web Design April 2013: "An Introduction to Mobile First Development ...
 
Mobile Marketing Lecture @ UW
Mobile Marketing Lecture @ UWMobile Marketing Lecture @ UW
Mobile Marketing Lecture @ UW
 
Digiday Brand Summit Hypebusters Presentation
Digiday Brand Summit Hypebusters PresentationDigiday Brand Summit Hypebusters Presentation
Digiday Brand Summit Hypebusters Presentation
 
IAB SEA | Mobile Training Intro 2014
IAB SEA | Mobile Training Intro 2014IAB SEA | Mobile Training Intro 2014
IAB SEA | Mobile Training Intro 2014
 
2014 Trend: Single-Purpose Apps
2014 Trend: Single-Purpose Apps2014 Trend: Single-Purpose Apps
2014 Trend: Single-Purpose Apps
 
Williams wyneisha mobile_presentation
Williams wyneisha mobile_presentationWilliams wyneisha mobile_presentation
Williams wyneisha mobile_presentation
 
Design of mobile browsers
Design of mobile browsersDesign of mobile browsers
Design of mobile browsers
 
SMart Phones (Power Point)
SMart Phones (Power Point)SMart Phones (Power Point)
SMart Phones (Power Point)
 

Destacado

Gbm.more GBM in H2O
Gbm.more GBM in H2OGbm.more GBM in H2O
Gbm.more GBM in H2O
Sri Ambati
 
Europa Oriental: Economia e Sociedade
Europa Oriental: Economia e SociedadeEuropa Oriental: Economia e Sociedade
Europa Oriental: Economia e Sociedade
Fabiana Rocha
 

Destacado (10)

2013 05 ny
2013 05 ny2013 05 ny
2013 05 ny
 
Growth pl
Growth plGrowth pl
Growth pl
 
Cosplay
CosplayCosplay
Cosplay
 
Online Display Advertising Optimization with H2O at ShareThis
Online Display Advertising Optimization with H2O at ShareThisOnline Display Advertising Optimization with H2O at ShareThis
Online Display Advertising Optimization with H2O at ShareThis
 
A Predictive Model Factory Picks Up Steam
A Predictive Model Factory Picks Up SteamA Predictive Model Factory Picks Up Steam
A Predictive Model Factory Picks Up Steam
 
Sparkling Water Applications Meetup 07.21.15
Sparkling Water Applications Meetup 07.21.15Sparkling Water Applications Meetup 07.21.15
Sparkling Water Applications Meetup 07.21.15
 
Gbm.more GBM in H2O
Gbm.more GBM in H2OGbm.more GBM in H2O
Gbm.more GBM in H2O
 
H2O World - Consensus Optimization and Machine Learning - Stephen Boyd
H2O World - Consensus Optimization and Machine Learning - Stephen BoydH2O World - Consensus Optimization and Machine Learning - Stephen Boyd
H2O World - Consensus Optimization and Machine Learning - Stephen Boyd
 
H2O Big Data Environments
H2O Big Data EnvironmentsH2O Big Data Environments
H2O Big Data Environments
 
Europa Oriental: Economia e Sociedade
Europa Oriental: Economia e SociedadeEuropa Oriental: Economia e Sociedade
Europa Oriental: Economia e Sociedade
 

Similar a Metzgar Jason Mobile Presentation

Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
affilinet
 

Similar a Metzgar Jason Mobile Presentation (20)

How To Be an HTML5 Mobile Cloud Champion
How To Be an HTML5 Mobile Cloud ChampionHow To Be an HTML5 Mobile Cloud Champion
How To Be an HTML5 Mobile Cloud Champion
 
Mobile Social Media
Mobile Social MediaMobile Social Media
Mobile Social Media
 
Marketing in a Mobile World
Marketing in a Mobile WorldMarketing in a Mobile World
Marketing in a Mobile World
 
Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
 
Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
 
Best features for mobile development
Best features for mobile developmentBest features for mobile development
Best features for mobile development
 
Adapting Your Website to a Mobile World
Adapting Your Website to a Mobile WorldAdapting Your Website to a Mobile World
Adapting Your Website to a Mobile World
 
Mobile for Business: Opportunity is Knocking
Mobile for Business: Opportunity is KnockingMobile for Business: Opportunity is Knocking
Mobile for Business: Opportunity is Knocking
 
Benefits of Mobile Websites
Benefits of Mobile WebsitesBenefits of Mobile Websites
Benefits of Mobile Websites
 
Communication Design for the Mobile Experience
Communication Design for the Mobile ExperienceCommunication Design for the Mobile Experience
Communication Design for the Mobile Experience
 
Embracing Mobile First
Embracing Mobile FirstEmbracing Mobile First
Embracing Mobile First
 
Here Today, Here Tomorrow: Mobile Devices - Northwestern University Web Steer...
Here Today, Here Tomorrow: Mobile Devices - Northwestern University Web Steer...Here Today, Here Tomorrow: Mobile Devices - Northwestern University Web Steer...
Here Today, Here Tomorrow: Mobile Devices - Northwestern University Web Steer...
 
Mobile Direct Marketing
Mobile Direct MarketingMobile Direct Marketing
Mobile Direct Marketing
 
Power Of Mobile Workshop V2
Power Of Mobile Workshop V2Power Of Mobile Workshop V2
Power Of Mobile Workshop V2
 
Russ Whitman of Ratio - Mobile is Eating Our World at SIC2013
Russ Whitman of Ratio - Mobile is Eating Our World at SIC2013Russ Whitman of Ratio - Mobile is Eating Our World at SIC2013
Russ Whitman of Ratio - Mobile is Eating Our World at SIC2013
 
ur mobile - build your mobile world
ur mobile - build your mobile worldur mobile - build your mobile world
ur mobile - build your mobile world
 
Unveiling Mobile Mastery Crafting Seamless User Experiences.docx
Unveiling Mobile Mastery Crafting Seamless User Experiences.docxUnveiling Mobile Mastery Crafting Seamless User Experiences.docx
Unveiling Mobile Mastery Crafting Seamless User Experiences.docx
 
Mobile, UX & the Quest for ROI
Mobile, UX &  the Quest for ROIMobile, UX &  the Quest for ROI
Mobile, UX & the Quest for ROI
 
How Smart Marketers Use Smart Phones
How Smart Marketers Use Smart PhonesHow Smart Marketers Use Smart Phones
How Smart Marketers Use Smart Phones
 
Mobile Cloud Computing
Mobile Cloud ComputingMobile Cloud Computing
Mobile Cloud Computing
 

Último

1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
QucHHunhnh
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
Chris Hunter
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
PECB
 
An Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdfAn Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdf
SanaAli374401
 

Último (20)

Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
 
SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...
SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...
SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
Advance Mobile Application Development class 07
Advance Mobile Application Development class 07Advance Mobile Application Development class 07
Advance Mobile Application Development class 07
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdf
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
An Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdfAn Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdf
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 

Metzgar Jason Mobile Presentation

  • 1. PRESENTATION ON MOBILE/TABLET DESIGN: PROJECT 4 Jason Metzgar May 1, 2013 1-800-CHARITY
  • 2. “TO ENGAGE IN ACTIVITIES THAT WILL UPLIFT HUMANITY” Your mission: 1-800-CHARITY
  • 3. MOBILE IS GROWING LIKE CRAZY!  Of the world’s 4 billion mobile phones in us e, 1.08 billion are smartphones and a whopping 3.05 billion are SMS enabled (that leaves only 950 million simple phones) 1-800-CHARITY Sales
  • 4. 1-800-CHARITY Images courtesy of www.macrumors.com 2014
  • 5. HOW HAS THIS GROWTH IN MOBILE IMPACTED WEB DESIGN? Mobile Constraints. Design solutions.  Smaller screens  Difficult input  Slower downloads  Complex Content  Prioritize features and content and reduce levels of hierarchy  Design to encourage selection instead of typing  Reduce the amount of content a Web page contains  Keep the complexity of users’ contexts of in mind.” 1-800-CHARITY
  • 6. HOW TO MAKE A WEBSITE ACCESSIBLE ON MANY DIFFERENT DEVICES. 1-800-CHARITY Images courtesy of http://purelybranded.com
  • 7. THE FUTURE OF WEB DESIGN! 1-800-CHARITY Images courtesy of http://ilearn-edu.com Images courtesy of http://designpieces.com
  • 8. COMPARE THE DIFFERENCE Between sites designed to work well with mobile and not so well. 1-800-CHARITY Images courtesy of http://wpuploads.appadvice.com Images courtesy of http://www.uxmatters.com Which ONE D o yo u t h i n k l o o k s B e t t e r, IS EASIER TO USE, a n d w o u l d load faster?
  • 9. COMPARE THE DIFFERENCE Between sites designed to work well with mobile and not so well. 1-800-CHARITY Images courtesy of http://wpuploads.appadvice.com Images courtesy of http://www.uxmatters.com Which ONE D o yo u t h i n k l o o k s B e t t e r, IS EASIER TO USE, a n d w o u l d load faster?
  • 10. What we recommend. HTML5 CSS3 RWD 1-800-CHARITY Fill out form Arrange free pickup Get tax receipt
  • 11. REFERENCES:  http://www.800charitycars.org  http://tag.microsoft.com/home.asp  http://www.smartinsights.com/mobile-marketing/mobile-marketing- analytics/mobile-marketing-statistics/  http://www.netmagazine.com/features/mobile-first  http://www.uxmatters.com/mt/archives/2011/01/designing-for-the- mobile-web-special-considerations.php 1-800-CHARITY

Notas del editor

  1. I would like to start by saying thank you for choosing us to help increase your business with effective internet marketing. 1-800-CHARITY CARS is an outstanding company that is changing the lives of people all over the United States by…
  2. …“engaging in activities that will uplift humanity”. We believe in the work that your doing and want to make it so that you don’t only have a website that is functional and looks good, but that will truly reflect the heart of your business. With that said, I would like to share why we believe it’s important to also consider an excellent mobile web presence.
  3. Mobile is growing like crazy. People are spending more time on their mobile phones than ever before. Of the world’s 4 billion mobilephones in use, 1.08 billionaresmartphones and a whopping 3.05 billion are SMS enabled (that leaves only 950 million simple phones).
  4. In fact in 2014, mobile internet should take over desktop internet usage. That is some really fast growth and if 1-800-CHARITY CARS decides not to invest in mobile now, It’s going to have a lot of catch-up work to do later and may even find that they are always slightly behind the curve.
  5. Because of the increasing use of mobile devices, web design has had to accommodate for the smaller screens, different input capabilities (like using your finger on the screen instead of using a mouse), slower data which delays download speeds, and complex content. Fortunately this has forced designers to get creative and come up with practical solutions like prioritizing features and content and reducing levels of hierarchy, Design to encourage selection instead of typing,Reduce the amount of content a Web page contains,Keep the complexity of users’ contexts of in mind.” While this may sound difficult there are actually some new technologies that can be used to make your website compatible with many different devices.
  6. If your portal is built on principles of RWD (Responsive Web Design) then it will be accessible from a wide range of devices ranging from 60” TVs to 21” desktops to 3” smart phones. RWD is an ideal strategy as it can provide optimal accessibility on mobile devices, without affecting your long-term maintenance and marketing costs. Saving you money in the future, by not having to reinvest in a new site will ensure the continued success of 1-800-CHARITY CARS.
  7. In order to make you a Responsive web design, we will use HTML5 and CSS3 which are the future of web design standards that will guarantee a successful future for 1-800-CHARITY CARS web presence.
  8. When comparing these two websites on an IPhone, It’s clear who the winner is. The one on the right is barely readable while the one on the left is clean simple and easy to navigate.
  9. Here is another obvious example. On average, Americans spend 2.7 hours per day socializing on their mobile device. With the majority of people using mobile devices over their desktops, you can see why it’s so important to make sure your site looks good on any device no matter how big or small.
  10. By now you can see the advantage of designing your next site to be mobile ready. We recommend you allowing us to not only design a website for you but to take advantage of HTML5, CSS3, and create an amazing Responsive Web Design that will enable you to get a head start on the explosive growth of mobile device usage.
  11. I would like to start by saying thank you for choosing us to help increase your business with effective internet marketing. 1-800-CHARITY CARS is an outstanding company that is changing the lives of people all over the United States by…