• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
A Need for Speed: Responsive Design in a Mobile World
 

A Need for Speed: Responsive Design in a Mobile World

on

  • 2,452 views

Online success in a mobile world requires website pages that download and are ready to operate in less than 5 seconds. And faster works even better. But research shows that websites are working ...

Online success in a mobile world requires website pages that download and are ready to operate in less than 5 seconds. And faster works even better. But research shows that websites are working slower, not faster, That's a recipe for marketing weakness.

The first goal of content strategy before responsive design: reduce website content by at least 50 percent. It can be done.

Statistics

Views

Total Views
2,452
Views on SlideShare
2,450
Embed Views
2

Actions

Likes
0
Downloads
4
Comments
0

2 Embeds 2

https://twitter.com 1
http://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    A Need for Speed: Responsive Design in a Mobile World A Need for Speed: Responsive Design in a Mobile World Presentation Transcript

    • Bob Johnson Consulting, LLC 1 A NEED FOR SPEED: RESPONSIVE DESIGN IN A MOBILE WORLD ©ROBERT E. JOHNSON, PH.D. 2013 Bob Johnson, Ph.D. President, Bob Johnson Consulting Partner, Customer Carewords, Ltd J.Boye Web & Intranet Conference Aarhus, Denmark November 5-7, 2013
    • Bob Johnson Consulting, LLC 2 COMPLETE A TOP TASK… Major reason people visit your website Almost always… 3 to 5 top tasks
    • Bob Johnson Consulting, LLC <5 SECONDS TO CONNECT… The Golden Rule 3
    • Bob Johnson Consulting, LLC 4 PERFORMANCE IS A PRIORITY… “It’s possible to address performance concerns... most people don’t.” Tim Kadlec, Implementing Responsive Design
    • Bob Johnson Consulting, LLC 5 SPEED… THE ACHILLES’ HEEL OF RESPONSIVE DESIGN “Unfortunately, performance is treated as an afterthought on many projects.” Tim Kadlec, Implementing Responsive Design
    • Bob Johnson Consulting, LLC 6 Trend to bigger, slower web pages… Radware for Fall 2013 at… http://bit.ly/H0uNaV
    • Bob Johnson Consulting, LLC Result: longer time to interact… Increases bounce rate, decreases conversions 7
    • Bob Johnson Consulting, LLC Slower on every browser… Web Performance Today at http://bit.ly/1525Y7P 8
    • Bob Johnson Consulting, LLC 9 10 fastest business sites… <4seconds Web Performance Today http://bit.ly/1525Y7P
    • Bob Johnson Consulting, LLC 10 Tablet users have high expectations… http://bit.ly/HUPxPj (March 2012 research)
    • Bob Johnson Consulting, LLC That are not being met… 11
    • Bob Johnson Consulting, LLC 12 UC San Diego on a PC… 2.69 seconds http://www.webpagetest.org/
    • Bob Johnson Consulting, LLC 13 RD vs. mobile download speed… http://mobitest.akamai.com/m/index.cgi Top RD website… 3.57s (average of 3 tests) Top mobile website… 1.80s
    • Bob Johnson Consulting, LLC 14 Mobile site speed leader… 12 requests
    • Bob Johnson Consulting, LLC 15 RD site speed leader… 28 requests
    • Bob Johnson Consulting, LLC 16 AFTER THE RESPONSIVE HOME PAGE? Some desktop pages are not “mobile friendly”…
    • Bob Johnson Consulting, LLC 17 Not very “responsive” for humans…
    • Bob Johnson Consulting, LLC 18 GOING FORWARD: MOBILE FORCES FOCUS… “Mobile first… helps you to focus on key components of your site…” Tim Kadlec, Implementing Responsive Design
    • Bob Johnson Consulting, LLC 19 REMOVING CONTENT… “The alarming trend of hiding content on mobile devices…” Tim Kadlec, Implementing Responsive Design
    • Bob Johnson Consulting, LLC 20 PORTABLE CONTENT… “How do we make content more portable?” Tim Kadlec, Implementing Responsive Design
    • Bob Johnson Consulting, LLC 21 CUSTOM CONTENT… “Some suggest that custom content should be written for each site.” Tim Kadlec, Implementing Responsive Design
    • Bob Johnson Consulting, LLC 22 Get priorities in order… http://bit.ly/1aVCAiZ • Start with mobile expectations… 1. 2. 3. 4. 5. Create a simple design Highlight important info (AKA: identify top tasks) Feature calls-toaction Keep sites quick Optimize for screen size
    • Bob Johnson Consulting, LLC 23 If you were starting RD from scratch… Build from mobile up… If from desktop down… • Less content • Eliminate garbage • Fewer images • Not all content is • Cleaner design “ready for responsive” • Wait to launch until all key pages are ready • Does everyone understand “speed”? • Faster operating site
    • Bob Johnson Consulting, LLC RESOURCES… 24
    • Bob Johnson Consulting, LLC 25 The case for speed… http://www.copyblogger.com/website-speed-matters/
    • Bob Johnson Consulting, LLC 26 Testing for “real world” performance… http://www.guypo.com/uncategorized/real-world-rwd-performance-take-2/
    • Bob Johnson Consulting, LLC Tim Kadlec’s book… http://www.implementingresponsivedesign.com/ 27
    • Bob Johnson Consulting, LLC Problems and solutions… http://vimeo.com/49194960 28
    • Bob Johnson Consulting, LLC 29 Available on SlideShare… http://www.slideshare.net/tsalcedo/higher-ed-web-ne-presentation
    • Bob Johnson Consulting, LLC Testing mobile sites… http://mobitest.akamai.com/m/index.cgi 30
    • Bob Johnson Consulting, LLC THANKS FOR BEING HERE IN AARHUS! Bob Johnson, Ph.D. bob@bobjohnsonconsulting.com www.bobjohnsonconsulting.com @highedmarketing 31
    • Bob Johnson Consulting, LLC ADDENDUM 1 Speed tests, Mobile Sites vs. Responsive Design Sites 32
    • Bob Johnson Consulting, LLC 33 8 higher education RD websites +1…
    • Bob Johnson Consulting, LLC 9 higher education mobile sites… 34