SlideShare une entreprise Scribd logo
1  sur  34
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

Contenu connexe

Plus de Bob Johnson, Ph.D.

GDPR: New Privacy Rules, Digital Communications, Marketing Opportunities
GDPR: New Privacy Rules, Digital Communications, Marketing OpportunitiesGDPR: New Privacy Rules, Digital Communications, Marketing Opportunities
GDPR: New Privacy Rules, Digital Communications, Marketing OpportunitiesBob Johnson, Ph.D.
 
Digital Marketing Strategy: Creating Conversion Experiences to Gain Competiti...
Digital Marketing Strategy: Creating Conversion Experiences to Gain Competiti...Digital Marketing Strategy: Creating Conversion Experiences to Gain Competiti...
Digital Marketing Strategy: Creating Conversion Experiences to Gain Competiti...Bob Johnson, Ph.D.
 
Top Task Content & Design: Strategy & Tactics for Website Marketing Success
Top Task Content & Design: Strategy & Tactics for Website Marketing SuccessTop Task Content & Design: Strategy & Tactics for Website Marketing Success
Top Task Content & Design: Strategy & Tactics for Website Marketing SuccessBob Johnson, Ph.D.
 
Top Task Content & Design: A Strategy for Website Marketing Success
Top Task Content & Design: A Strategy for Website Marketing SuccessTop Task Content & Design: A Strategy for Website Marketing Success
Top Task Content & Design: A Strategy for Website Marketing SuccessBob Johnson, Ph.D.
 
Best Website Elements for Recruiting Online Students: Top Tasks & Conversion ...
Best Website Elements for Recruiting Online Students: Top Tasks & Conversion ...Best Website Elements for Recruiting Online Students: Top Tasks & Conversion ...
Best Website Elements for Recruiting Online Students: Top Tasks & Conversion ...Bob Johnson, Ph.D.
 
Best Practices for Top Task Website Design: 22 Higher Education Examples
Best Practices for Top Task Website Design: 22 Higher Education ExamplesBest Practices for Top Task Website Design: 22 Higher Education Examples
Best Practices for Top Task Website Design: 22 Higher Education ExamplesBob Johnson, Ph.D.
 
Evaluating Your Institutional Website
Evaluating Your Institutional WebsiteEvaluating Your Institutional Website
Evaluating Your Institutional WebsiteBob Johnson, Ph.D.
 
Digital Marketing Strategy: Skills for Thriving as the New World Continued to...
Digital Marketing Strategy: Skills for Thriving as the New World Continued to...Digital Marketing Strategy: Skills for Thriving as the New World Continued to...
Digital Marketing Strategy: Skills for Thriving as the New World Continued to...Bob Johnson, Ph.D.
 
Affordability vs. Financial Aid: Crafting a New Student Recruitment Message
Affordability vs. Financial Aid: Crafting a New Student Recruitment MessageAffordability vs. Financial Aid: Crafting a New Student Recruitment Message
Affordability vs. Financial Aid: Crafting a New Student Recruitment MessageBob Johnson, Ph.D.
 
Future Trends in Higher Education Marketing
Future Trends in Higher Education MarketingFuture Trends in Higher Education Marketing
Future Trends in Higher Education MarketingBob Johnson, Ph.D.
 
Ama.digital marketingstrategy.10 13.
Ama.digital marketingstrategy.10 13.Ama.digital marketingstrategy.10 13.
Ama.digital marketingstrategy.10 13.Bob Johnson, Ph.D.
 
Key Steps to Increase Adult Student Recruitment Results
Key Steps to Increase Adult Student Recruitment ResultsKey Steps to Increase Adult Student Recruitment Results
Key Steps to Increase Adult Student Recruitment ResultsBob Johnson, Ph.D.
 
Increasing (or Decreasing!) Inquiry Conversion: Best and Not-so-Best Email Ma...
Increasing (or Decreasing!) Inquiry Conversion: Best and Not-so-Best Email Ma...Increasing (or Decreasing!) Inquiry Conversion: Best and Not-so-Best Email Ma...
Increasing (or Decreasing!) Inquiry Conversion: Best and Not-so-Best Email Ma...Bob Johnson, Ph.D.
 
A Need for Speed: Responsive Design in a Mobile World
A Need for Speed: Responsive Design in a Mobile WorldA Need for Speed: Responsive Design in a Mobile World
A Need for Speed: Responsive Design in a Mobile WorldBob Johnson, Ph.D.
 
5 Top Web Management Principles: Achieve Consensus Within Your Organization
5 Top Web Management Principles: Achieve Consensus Within Your Organization5 Top Web Management Principles: Achieve Consensus Within Your Organization
5 Top Web Management Principles: Achieve Consensus Within Your OrganizationBob Johnson, Ph.D.
 
Winning Friends at Your Website: Use Top Task Design for a Great Experience
Winning Friends at Your Website: Use Top Task Design for a Great ExperienceWinning Friends at Your Website: Use Top Task Design for a Great Experience
Winning Friends at Your Website: Use Top Task Design for a Great ExperienceBob Johnson, Ph.D.
 
Top Task Website Design: eduWeb2012
Top Task Website Design: eduWeb2012Top Task Website Design: eduWeb2012
Top Task Website Design: eduWeb2012Bob Johnson, Ph.D.
 
Academic Programs & Search Optimization
Academic Programs & Search OptimizationAcademic Programs & Search Optimization
Academic Programs & Search OptimizationBob Johnson, Ph.D.
 

Plus de Bob Johnson, Ph.D. (20)

GDPR: New Privacy Rules, Digital Communications, Marketing Opportunities
GDPR: New Privacy Rules, Digital Communications, Marketing OpportunitiesGDPR: New Privacy Rules, Digital Communications, Marketing Opportunities
GDPR: New Privacy Rules, Digital Communications, Marketing Opportunities
 
Digital Marketing Strategy: Creating Conversion Experiences to Gain Competiti...
Digital Marketing Strategy: Creating Conversion Experiences to Gain Competiti...Digital Marketing Strategy: Creating Conversion Experiences to Gain Competiti...
Digital Marketing Strategy: Creating Conversion Experiences to Gain Competiti...
 
Top Task Content & Design: Strategy & Tactics for Website Marketing Success
Top Task Content & Design: Strategy & Tactics for Website Marketing SuccessTop Task Content & Design: Strategy & Tactics for Website Marketing Success
Top Task Content & Design: Strategy & Tactics for Website Marketing Success
 
Top Task Content & Design: A Strategy for Website Marketing Success
Top Task Content & Design: A Strategy for Website Marketing SuccessTop Task Content & Design: A Strategy for Website Marketing Success
Top Task Content & Design: A Strategy for Website Marketing Success
 
Best Website Elements for Recruiting Online Students: Top Tasks & Conversion ...
Best Website Elements for Recruiting Online Students: Top Tasks & Conversion ...Best Website Elements for Recruiting Online Students: Top Tasks & Conversion ...
Best Website Elements for Recruiting Online Students: Top Tasks & Conversion ...
 
Best Practices for Top Task Website Design: 22 Higher Education Examples
Best Practices for Top Task Website Design: 22 Higher Education ExamplesBest Practices for Top Task Website Design: 22 Higher Education Examples
Best Practices for Top Task Website Design: 22 Higher Education Examples
 
Digital Marketing Strategy
Digital Marketing StrategyDigital Marketing Strategy
Digital Marketing Strategy
 
Evaluating Your Institutional Website
Evaluating Your Institutional WebsiteEvaluating Your Institutional Website
Evaluating Your Institutional Website
 
Digital Marketing Strategy: Skills for Thriving as the New World Continued to...
Digital Marketing Strategy: Skills for Thriving as the New World Continued to...Digital Marketing Strategy: Skills for Thriving as the New World Continued to...
Digital Marketing Strategy: Skills for Thriving as the New World Continued to...
 
Affordability vs. Financial Aid: Crafting a New Student Recruitment Message
Affordability vs. Financial Aid: Crafting a New Student Recruitment MessageAffordability vs. Financial Aid: Crafting a New Student Recruitment Message
Affordability vs. Financial Aid: Crafting a New Student Recruitment Message
 
Future Trends in Higher Education Marketing
Future Trends in Higher Education MarketingFuture Trends in Higher Education Marketing
Future Trends in Higher Education Marketing
 
Ama.digital marketingstrategy.10 13.
Ama.digital marketingstrategy.10 13.Ama.digital marketingstrategy.10 13.
Ama.digital marketingstrategy.10 13.
 
Key Steps to Increase Adult Student Recruitment Results
Key Steps to Increase Adult Student Recruitment ResultsKey Steps to Increase Adult Student Recruitment Results
Key Steps to Increase Adult Student Recruitment Results
 
Increasing (or Decreasing!) Inquiry Conversion: Best and Not-so-Best Email Ma...
Increasing (or Decreasing!) Inquiry Conversion: Best and Not-so-Best Email Ma...Increasing (or Decreasing!) Inquiry Conversion: Best and Not-so-Best Email Ma...
Increasing (or Decreasing!) Inquiry Conversion: Best and Not-so-Best Email Ma...
 
A Need for Speed: Responsive Design in a Mobile World
A Need for Speed: Responsive Design in a Mobile WorldA Need for Speed: Responsive Design in a Mobile World
A Need for Speed: Responsive Design in a Mobile World
 
5 Top Web Management Principles: Achieve Consensus Within Your Organization
5 Top Web Management Principles: Achieve Consensus Within Your Organization5 Top Web Management Principles: Achieve Consensus Within Your Organization
5 Top Web Management Principles: Achieve Consensus Within Your Organization
 
Winning Friends at Your Website: Use Top Task Design for a Great Experience
Winning Friends at Your Website: Use Top Task Design for a Great ExperienceWinning Friends at Your Website: Use Top Task Design for a Great Experience
Winning Friends at Your Website: Use Top Task Design for a Great Experience
 
Top Task Website Design: eduWeb2012
Top Task Website Design: eduWeb2012Top Task Website Design: eduWeb2012
Top Task Website Design: eduWeb2012
 
Digital Marketing Strategy
Digital Marketing StrategyDigital Marketing Strategy
Digital Marketing Strategy
 
Academic Programs & Search Optimization
Academic Programs & Search OptimizationAcademic Programs & Search Optimization
Academic Programs & Search Optimization
 

Dernier

DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamUiPathCommunity
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Victor Rentea
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodJuan lago vázquez
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontologyjohnbeverley2021
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc
 
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Bhuvaneswari Subramani
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Victor Rentea
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businesspanagenda
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDropbox
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesrafiqahmad00786416
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfOrbitshub
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProduct Anonymous
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxRustici Software
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWERMadyBayot
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...DianaGray10
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...apidays
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistandanishmna97
 

Dernier (20)

DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 

A Need for Speed: Responsive Design in a Mobile World

  • 1. 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
  • 2. Bob Johnson Consulting, LLC 2 COMPLETE A TOP TASK… Major reason people visit your website Almost always… 3 to 5 top tasks
  • 3. Bob Johnson Consulting, LLC <5 SECONDS TO CONNECT… The Golden Rule 3
  • 4. 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
  • 5. 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
  • 6. Bob Johnson Consulting, LLC 6 Trend to bigger, slower web pages… Radware for Fall 2013 at… http://bit.ly/H0uNaV
  • 7. Bob Johnson Consulting, LLC Result: longer time to interact… Increases bounce rate, decreases conversions 7
  • 8. Bob Johnson Consulting, LLC Slower on every browser… Web Performance Today at http://bit.ly/1525Y7P 8
  • 9. Bob Johnson Consulting, LLC 9 10 fastest business sites… <4seconds Web Performance Today http://bit.ly/1525Y7P
  • 10. Bob Johnson Consulting, LLC 10 Tablet users have high expectations… http://bit.ly/HUPxPj (March 2012 research)
  • 11. Bob Johnson Consulting, LLC That are not being met… 11
  • 12. Bob Johnson Consulting, LLC 12 UC San Diego on a PC… 2.69 seconds http://www.webpagetest.org/
  • 13. 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
  • 14. Bob Johnson Consulting, LLC 14 Mobile site speed leader… 12 requests
  • 15. Bob Johnson Consulting, LLC 15 RD site speed leader… 28 requests
  • 16. Bob Johnson Consulting, LLC 16 AFTER THE RESPONSIVE HOME PAGE? Some desktop pages are not “mobile friendly”…
  • 17. Bob Johnson Consulting, LLC 17 Not very “responsive” for humans…
  • 18. 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
  • 19. Bob Johnson Consulting, LLC 19 REMOVING CONTENT… “The alarming trend of hiding content on mobile devices…” Tim Kadlec, Implementing Responsive Design
  • 20. Bob Johnson Consulting, LLC 20 PORTABLE CONTENT… “How do we make content more portable?” Tim Kadlec, Implementing Responsive Design
  • 21. Bob Johnson Consulting, LLC 21 CUSTOM CONTENT… “Some suggest that custom content should be written for each site.” Tim Kadlec, Implementing Responsive Design
  • 22. 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
  • 23. 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
  • 24. Bob Johnson Consulting, LLC RESOURCES… 24
  • 25. Bob Johnson Consulting, LLC 25 The case for speed… http://www.copyblogger.com/website-speed-matters/
  • 26. Bob Johnson Consulting, LLC 26 Testing for “real world” performance… http://www.guypo.com/uncategorized/real-world-rwd-performance-take-2/
  • 27. Bob Johnson Consulting, LLC Tim Kadlec’s book… http://www.implementingresponsivedesign.com/ 27
  • 28. Bob Johnson Consulting, LLC Problems and solutions… http://vimeo.com/49194960 28
  • 29. Bob Johnson Consulting, LLC 29 Available on SlideShare… http://www.slideshare.net/tsalcedo/higher-ed-web-ne-presentation
  • 30. Bob Johnson Consulting, LLC Testing mobile sites… http://mobitest.akamai.com/m/index.cgi 30
  • 31. Bob Johnson Consulting, LLC THANKS FOR BEING HERE IN AARHUS! Bob Johnson, Ph.D. bob@bobjohnsonconsulting.com www.bobjohnsonconsulting.com @highedmarketing 31
  • 32. Bob Johnson Consulting, LLC ADDENDUM 1 Speed tests, Mobile Sites vs. Responsive Design Sites 32
  • 33. Bob Johnson Consulting, LLC 33 8 higher education RD websites +1…
  • 34. Bob Johnson Consulting, LLC 9 higher education mobile sites… 34