SlideShare uma empresa Scribd logo
1 de 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

Mais conteúdo relacionado

Mais 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.
 

Mais 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
 

Último

Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusZilliz
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...apidays
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfsudhanshuwaghmare1
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024The Digital Insurer
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century educationjfdjdjcjdnsjd
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Jeffrey Haguewood
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processorsdebabhi2
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...Zilliz
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsNanddeep Nachan
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MIND CTI
 
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
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...apidays
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...apidays
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAndrey Devyatkin
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfOverkill Security
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Orbitshub
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Zilliz
 
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
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDropbox
 
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
 

Último (20)

Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
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
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
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...
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
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
 

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