SlideShare une entreprise Scribd logo
1  sur  32
Télécharger pour lire hors ligne
What you need to know to improve mobile strategies in 2014 and beyond | May 15, 2014
Best of the Best—Mobile HCP Websites
Essential
Elements
Bob Palmer Phil SchererMark Bard
METHOD
I
MOTIVATION
II
ELEMENTS OF
MOBILE WEB
III
Method: How We Analyzed Mobile
Websites selected from Medscape,
FDA, Forbes, Pharmacist’s Letter,
and FiercePharma
Websites tested with Google’s
PageSpeed Insight tool
Websites that topped the list were
analyzed by digital innovation,
strategy, and user-experience experts
2005
2013
Motivation: Why Study Mobile?
REUTERS/Kimimasa Mayama
Michael Sohn/AP
83%of US doctors own a smartphone
Source: Manhattan Research, Taking the Pulse® U.S. 2013.
62%of US doctors are likely
to abandon a mobile website if
it’s not optimized for a smartphone
Source: Google & Manhattan Research, Screen to Script: The Doctor’s Digital Path to Treatment, June 2012.
time spent on smartphone per session
Approximately how many minutes do you use your smartphone
in a typical session?
Among those using a smartphone during or between patient consultations.
Source: Manhattan Research, Taking the Pulse® U.S. 2013.
All physicians n = 1335
16%
Less than 2 2 to <5
40%
5 to <10
28%
10 to <20
9%
20 or more
7%
Mean time for
all physicians
7 minutes
and yet, only 1/3 of the websites for the top
150 pharma brands have been mobile-optimized
1/3
1/3
1/3
1/3
FIRE
AIR
WATER
EARTH
The Four Classical Elements
The Four Elements of Mobile Web
DESIGN
SPEED
CONTENT
TOUCH
DESIGN
clean intuitive readable (even outdoors)
DESIGN
clean Design is uncluttered and fits comfortably
on the small screen
DESIGN
intuitive Navigation leads users to the information
they’re looking for without a learning curve
DESIGN
READABLE Copy can be read without zooming in
DESIGN
(even outdoors)
Copy can be read easily,
even outdoors
TOUCH
nimble straightforward efficient
nimble Identifiable buttons and hyperlinks
can be accessed with one hand
TOUCH
straightforward Phone numbers are tap-to-call
and maps are integrated
TOUCH
efficient Desired destination can be reached with
the fewest possible taps
TOUCH
appropriate familiar consistent searchable
CONTENT
CONTENT
appropriate
Featured content is
most appropriate to
mobile experience
familiar Content is the same as full website
CONTENT
CONTENT
consistent Navigation, hierarchy, language,
and design are familiar
CONTENT
searchable Quick results are available from easily
accessed search function
SPEED
quick complete
quick
Text and graphics are
developed to minimize
loading time
complete
Missing content
and broken images
are avoided
SPEED
DESIGN
SPEED
Context
Efficiency
Interactivity
User Interface
CONTENT
TOUCH
The Elements of Mobile Web
1.	Design (User Interface)
Content presentation for the small screen and
smartphone device capabilities
	Clean, uncluttered design (for smartphone screen sizes)
	Clear navigation
	Readable font size (without zooming in)
	 Easy to read outdoors (color contrast between background
and text)
	 Consistent design, look and feel, navigation, hierarchy,
and language
	 Keep forms short (the fewest number of fields possible)
and make data entry easy (boxes, lists, scroll menus)
2.	Touch (Interactivity)
Finger-friendly, touch-conscious design
	 Finger-friendly tasks (identifiable tappable buttons
and hyperlinks)
	 Single tap for contact (to either make a call or send an email)
	 Quick access to content and features that mobile users need most
	 Minimal taps to complete desired task
3.	Content (Context)
Content organization to meet the needs and
interests of the user
	 Same content for mobile and desktop (familiar yet appropriate
experience for each platform)
	 Promoted content is most appropriate for a mobile experience
	 Optimize text (use bullet points for easy reading where possible)
	Be location-aware (use maps for geographically relevant
content and localization of content)
4.	Speed (Efficiency)
Design site to load fast
	Compress images, keeping each image file size as small
as possible
	 Search function for quick access to large amounts of content
	No links directing to non-mobile-optimized pages
	Mobile-specific QA
	Mobile-specific performance test
smartphone best practices worksheet
Resources and Links
RESOURCES
DHC digitalhealthcoalition.org
JUICE juicepharma.com	
Google howtogomo.com and developers.google.com/
speed/pagespeed/insights
MedScape medscape.com
FDA fda.gov
Forbes forbes.com
Pharmacist’s Letter pharmacistsletter.therapeuticresearch.com
FiercePharma fiercepharma.com
Manhattan Research manhattanresearch.com
EXAMPLE SITES
Brintellix 	 brintellixhcp.com
Gazyva	 gazyva.com/hcp
Herceptin herceptin.com/hcp
Lantus	 lantus.com/hcp
Neulasta	 neulastahcp.com
Orencia	 orencia.com/hcp/index.aspx
Perjeta	 perjeta.com/hcp/index
ProairHFA	 proairhfa.com/healthcare-
professionals/default.aspx
Sovaldi	 sovaldi.com/HCP
Xolair	 xolair.com/hcp
Thank you!

Contenu connexe

Similaire à Digital Health Coalition and JUICE Pharma HCP Mobile Media Landscape Study 2014

Digital Health Coalition and JUICE Pharma Consumer Mobile Media Landscape Stu...
Digital Health Coalition and JUICE Pharma Consumer Mobile Media Landscape Stu...Digital Health Coalition and JUICE Pharma Consumer Mobile Media Landscape Stu...
Digital Health Coalition and JUICE Pharma Consumer Mobile Media Landscape Stu...Digital Health Coalition
 
October 18th DHC Summit Review of the Mobile Media Landscape Study
October 18th DHC Summit Review of the Mobile Media Landscape Study October 18th DHC Summit Review of the Mobile Media Landscape Study
October 18th DHC Summit Review of the Mobile Media Landscape Study Digital Health Coalition
 
OTOinsights Mobile UX Webinar, April 15 2010
OTOinsights Mobile UX Webinar, April 15 2010OTOinsights Mobile UX Webinar, April 15 2010
OTOinsights Mobile UX Webinar, April 15 2010One to One
 
UI design for mobile apps
UI design for mobile appsUI design for mobile apps
UI design for mobile appsIvano Malavolta
 
Smashing SIlos: UX is the New SEO
Smashing SIlos: UX is the New SEOSmashing SIlos: UX is the New SEO
Smashing SIlos: UX is the New SEOBrightEdge
 
Mobile Website Design: Responsive, Adaptive or Both?
Mobile Website Design: Responsive, Adaptive or Both?Mobile Website Design: Responsive, Adaptive or Both?
Mobile Website Design: Responsive, Adaptive or Both?Effective
 
Itkan mobile-disabilities v5
Itkan mobile-disabilities v5Itkan mobile-disabilities v5
Itkan mobile-disabilities v5Pat Maher
 
Mobile User Experience - @iRajLal
Mobile User Experience - @iRajLalMobile User Experience - @iRajLal
Mobile User Experience - @iRajLalRaj Lal
 
Research Paper OutlineI. INTRODUCTIONa. Exploring mobile app.docx
Research Paper OutlineI. INTRODUCTIONa. Exploring mobile app.docxResearch Paper OutlineI. INTRODUCTIONa. Exploring mobile app.docx
Research Paper OutlineI. INTRODUCTIONa. Exploring mobile app.docxronak56
 
Key Steps & Best Practices to Custom Mobile App Development Process
Key Steps & Best Practices to Custom Mobile App Development ProcessKey Steps & Best Practices to Custom Mobile App Development Process
Key Steps & Best Practices to Custom Mobile App Development ProcessThinkers Media
 
Thomas Jefferson to Jeremiah A. Goodman, March 5, 1813Of
Thomas Jefferson to Jeremiah A. Goodman, March 5, 1813Of Thomas Jefferson to Jeremiah A. Goodman, March 5, 1813Of
Thomas Jefferson to Jeremiah A. Goodman, March 5, 1813Of TakishaPeck109
 
Mobile-content-strategy.pptx
Mobile-content-strategy.pptxMobile-content-strategy.pptx
Mobile-content-strategy.pptxDANYVERFULLO
 
Importance of Programming Language in Day to Day Life
Importance of Programming Language in Day to Day LifeImportance of Programming Language in Day to Day Life
Importance of Programming Language in Day to Day Lifeijtsrd
 
From Social Care Professional To App Developer: there isn't an App for that!
From Social Care Professional To App Developer: there isn't an App for that! From Social Care Professional To App Developer: there isn't an App for that!
From Social Care Professional To App Developer: there isn't an App for that! Miriam O' Sullivan
 

Similaire à Digital Health Coalition and JUICE Pharma HCP Mobile Media Landscape Study 2014 (20)

Digital Health Coalition and JUICE Pharma Consumer Mobile Media Landscape Stu...
Digital Health Coalition and JUICE Pharma Consumer Mobile Media Landscape Stu...Digital Health Coalition and JUICE Pharma Consumer Mobile Media Landscape Stu...
Digital Health Coalition and JUICE Pharma Consumer Mobile Media Landscape Stu...
 
October 18th DHC Summit Review of the Mobile Media Landscape Study
October 18th DHC Summit Review of the Mobile Media Landscape Study October 18th DHC Summit Review of the Mobile Media Landscape Study
October 18th DHC Summit Review of the Mobile Media Landscape Study
 
OTOinsights Mobile UX Webinar, April 15 2010
OTOinsights Mobile UX Webinar, April 15 2010OTOinsights Mobile UX Webinar, April 15 2010
OTOinsights Mobile UX Webinar, April 15 2010
 
UI design for mobile apps
UI design for mobile appsUI design for mobile apps
UI design for mobile apps
 
Smashing SIlos: UX is the New SEO
Smashing SIlos: UX is the New SEOSmashing SIlos: UX is the New SEO
Smashing SIlos: UX is the New SEO
 
User centric design (ucd)
User centric design (ucd)User centric design (ucd)
User centric design (ucd)
 
Mobile Website Design: Responsive, Adaptive or Both?
Mobile Website Design: Responsive, Adaptive or Both?Mobile Website Design: Responsive, Adaptive or Both?
Mobile Website Design: Responsive, Adaptive or Both?
 
Itkan mobile-disabilities v5
Itkan mobile-disabilities v5Itkan mobile-disabilities v5
Itkan mobile-disabilities v5
 
Mobile User Experience - @iRajLal
Mobile User Experience - @iRajLalMobile User Experience - @iRajLal
Mobile User Experience - @iRajLal
 
Research Paper OutlineI. INTRODUCTIONa. Exploring mobile app.docx
Research Paper OutlineI. INTRODUCTIONa. Exploring mobile app.docxResearch Paper OutlineI. INTRODUCTIONa. Exploring mobile app.docx
Research Paper OutlineI. INTRODUCTIONa. Exploring mobile app.docx
 
LUNCHLIST
LUNCHLISTLUNCHLIST
LUNCHLIST
 
Design and Usability
Design and UsabilityDesign and Usability
Design and Usability
 
Key Steps & Best Practices to Custom Mobile App Development Process
Key Steps & Best Practices to Custom Mobile App Development ProcessKey Steps & Best Practices to Custom Mobile App Development Process
Key Steps & Best Practices to Custom Mobile App Development Process
 
Thomas Jefferson to Jeremiah A. Goodman, March 5, 1813Of
Thomas Jefferson to Jeremiah A. Goodman, March 5, 1813Of Thomas Jefferson to Jeremiah A. Goodman, March 5, 1813Of
Thomas Jefferson to Jeremiah A. Goodman, March 5, 1813Of
 
Mobile Web Development
Mobile Web DevelopmentMobile Web Development
Mobile Web Development
 
Mobile Web Development
Mobile Web Development Mobile Web Development
Mobile Web Development
 
Mobile-content-strategy.pptx
Mobile-content-strategy.pptxMobile-content-strategy.pptx
Mobile-content-strategy.pptx
 
Importance of Programming Language in Day to Day Life
Importance of Programming Language in Day to Day LifeImportance of Programming Language in Day to Day Life
Importance of Programming Language in Day to Day Life
 
MediaWave
MediaWaveMediaWave
MediaWave
 
From Social Care Professional To App Developer: there isn't an App for that!
From Social Care Professional To App Developer: there isn't an App for that! From Social Care Professional To App Developer: there isn't an App for that!
From Social Care Professional To App Developer: there isn't an App for that!
 

Plus de Digital Health Coalition

DHC - JUICE - EHR Landscape Presentation (DHC Fall Summit Sep 2016)
DHC - JUICE - EHR Landscape Presentation (DHC Fall Summit Sep 2016)DHC - JUICE - EHR Landscape Presentation (DHC Fall Summit Sep 2016)
DHC - JUICE - EHR Landscape Presentation (DHC Fall Summit Sep 2016)Digital Health Coalition
 
Best in Class Social Media Landscape Q4 2013
Best in Class Social Media Landscape Q4 2013Best in Class Social Media Landscape Q4 2013
Best in Class Social Media Landscape Q4 2013Digital Health Coalition
 
DHC/Google 2013 Executive Landscape Reference Deck
DHC/Google 2013 Executive Landscape Reference DeckDHC/Google 2013 Executive Landscape Reference Deck
DHC/Google 2013 Executive Landscape Reference DeckDigital Health Coalition
 
DHC/Google Executive Landscape 2013 Summary Deck
DHC/Google Executive Landscape 2013 Summary DeckDHC/Google Executive Landscape 2013 Summary Deck
DHC/Google Executive Landscape 2013 Summary DeckDigital Health Coalition
 
DHC/Google 2013 Executive Landscape Study
DHC/Google 2013 Executive Landscape Study DHC/Google 2013 Executive Landscape Study
DHC/Google 2013 Executive Landscape Study Digital Health Coalition
 
Dhc members reaction on final mobile app guidance 9 26-13
Dhc members reaction on final mobile app guidance 9 26-13Dhc members reaction on final mobile app guidance 9 26-13
Dhc members reaction on final mobile app guidance 9 26-13Digital Health Coalition
 
RxWiki's Don Hackett Answers 7 Questions from the DHC
RxWiki's Don Hackett Answers 7 Questions from the DHCRxWiki's Don Hackett Answers 7 Questions from the DHC
RxWiki's Don Hackett Answers 7 Questions from the DHCDigital Health Coalition
 
DHC Klick Social Media Landscape Q1 2013 Summary (c)
DHC Klick Social Media Landscape Q1 2013 Summary (c)DHC Klick Social Media Landscape Q1 2013 Summary (c)
DHC Klick Social Media Landscape Q1 2013 Summary (c)Digital Health Coalition
 
DHC Klick Social Media Landscape Q1 2013 Reference (c)
DHC Klick Social Media Landscape Q1 2013 Reference (c)DHC Klick Social Media Landscape Q1 2013 Reference (c)
DHC Klick Social Media Landscape Q1 2013 Reference (c)Digital Health Coalition
 

Plus de Digital Health Coalition (10)

DHC - JUICE - EHR Landscape Presentation (DHC Fall Summit Sep 2016)
DHC - JUICE - EHR Landscape Presentation (DHC Fall Summit Sep 2016)DHC - JUICE - EHR Landscape Presentation (DHC Fall Summit Sep 2016)
DHC - JUICE - EHR Landscape Presentation (DHC Fall Summit Sep 2016)
 
Best in Class Social Media Landscape Q4 2013
Best in Class Social Media Landscape Q4 2013Best in Class Social Media Landscape Q4 2013
Best in Class Social Media Landscape Q4 2013
 
DHC/Google 2013 Executive Landscape Reference Deck
DHC/Google 2013 Executive Landscape Reference DeckDHC/Google 2013 Executive Landscape Reference Deck
DHC/Google 2013 Executive Landscape Reference Deck
 
DHC/Google Executive Landscape 2013 Summary Deck
DHC/Google Executive Landscape 2013 Summary DeckDHC/Google Executive Landscape 2013 Summary Deck
DHC/Google Executive Landscape 2013 Summary Deck
 
DHC/Google 2013 Executive Landscape Study
DHC/Google 2013 Executive Landscape Study DHC/Google 2013 Executive Landscape Study
DHC/Google 2013 Executive Landscape Study
 
Dhc members reaction on final mobile app guidance 9 26-13
Dhc members reaction on final mobile app guidance 9 26-13Dhc members reaction on final mobile app guidance 9 26-13
Dhc members reaction on final mobile app guidance 9 26-13
 
RxWiki's Don Hackett Answers 7 Questions from the DHC
RxWiki's Don Hackett Answers 7 Questions from the DHCRxWiki's Don Hackett Answers 7 Questions from the DHC
RxWiki's Don Hackett Answers 7 Questions from the DHC
 
DHC Klick Social Media Landscape Q2 2013
DHC Klick Social Media Landscape Q2 2013DHC Klick Social Media Landscape Q2 2013
DHC Klick Social Media Landscape Q2 2013
 
DHC Klick Social Media Landscape Q1 2013 Summary (c)
DHC Klick Social Media Landscape Q1 2013 Summary (c)DHC Klick Social Media Landscape Q1 2013 Summary (c)
DHC Klick Social Media Landscape Q1 2013 Summary (c)
 
DHC Klick Social Media Landscape Q1 2013 Reference (c)
DHC Klick Social Media Landscape Q1 2013 Reference (c)DHC Klick Social Media Landscape Q1 2013 Reference (c)
DHC Klick Social Media Landscape Q1 2013 Reference (c)
 

Digital Health Coalition and JUICE Pharma HCP Mobile Media Landscape Study 2014

  • 1. What you need to know to improve mobile strategies in 2014 and beyond | May 15, 2014 Best of the Best—Mobile HCP Websites Essential Elements
  • 2. Bob Palmer Phil SchererMark Bard
  • 4. Method: How We Analyzed Mobile
  • 5. Websites selected from Medscape, FDA, Forbes, Pharmacist’s Letter, and FiercePharma Websites tested with Google’s PageSpeed Insight tool Websites that topped the list were analyzed by digital innovation, strategy, and user-experience experts
  • 6. 2005 2013 Motivation: Why Study Mobile? REUTERS/Kimimasa Mayama Michael Sohn/AP
  • 7. 83%of US doctors own a smartphone Source: Manhattan Research, Taking the Pulse® U.S. 2013.
  • 8. 62%of US doctors are likely to abandon a mobile website if it’s not optimized for a smartphone Source: Google & Manhattan Research, Screen to Script: The Doctor’s Digital Path to Treatment, June 2012.
  • 9. time spent on smartphone per session Approximately how many minutes do you use your smartphone in a typical session? Among those using a smartphone during or between patient consultations. Source: Manhattan Research, Taking the Pulse® U.S. 2013. All physicians n = 1335 16% Less than 2 2 to <5 40% 5 to <10 28% 10 to <20 9% 20 or more 7% Mean time for all physicians 7 minutes
  • 10. and yet, only 1/3 of the websites for the top 150 pharma brands have been mobile-optimized 1/3 1/3 1/3 1/3
  • 12. The Four Elements of Mobile Web DESIGN SPEED CONTENT TOUCH
  • 14. DESIGN clean Design is uncluttered and fits comfortably on the small screen
  • 15. DESIGN intuitive Navigation leads users to the information they’re looking for without a learning curve
  • 16. DESIGN READABLE Copy can be read without zooming in
  • 17. DESIGN (even outdoors) Copy can be read easily, even outdoors
  • 19. nimble Identifiable buttons and hyperlinks can be accessed with one hand TOUCH
  • 20. straightforward Phone numbers are tap-to-call and maps are integrated TOUCH
  • 21. efficient Desired destination can be reached with the fewest possible taps TOUCH
  • 22. appropriate familiar consistent searchable CONTENT
  • 23. CONTENT appropriate Featured content is most appropriate to mobile experience
  • 24. familiar Content is the same as full website CONTENT
  • 25. CONTENT consistent Navigation, hierarchy, language, and design are familiar
  • 26. CONTENT searchable Quick results are available from easily accessed search function
  • 28. quick Text and graphics are developed to minimize loading time complete Missing content and broken images are avoided SPEED
  • 30. 1. Design (User Interface) Content presentation for the small screen and smartphone device capabilities Clean, uncluttered design (for smartphone screen sizes) Clear navigation Readable font size (without zooming in) Easy to read outdoors (color contrast between background and text) Consistent design, look and feel, navigation, hierarchy, and language Keep forms short (the fewest number of fields possible) and make data entry easy (boxes, lists, scroll menus) 2. Touch (Interactivity) Finger-friendly, touch-conscious design Finger-friendly tasks (identifiable tappable buttons and hyperlinks) Single tap for contact (to either make a call or send an email) Quick access to content and features that mobile users need most Minimal taps to complete desired task 3. Content (Context) Content organization to meet the needs and interests of the user Same content for mobile and desktop (familiar yet appropriate experience for each platform) Promoted content is most appropriate for a mobile experience Optimize text (use bullet points for easy reading where possible) Be location-aware (use maps for geographically relevant content and localization of content) 4. Speed (Efficiency) Design site to load fast Compress images, keeping each image file size as small as possible Search function for quick access to large amounts of content No links directing to non-mobile-optimized pages Mobile-specific QA Mobile-specific performance test smartphone best practices worksheet
  • 31. Resources and Links RESOURCES DHC digitalhealthcoalition.org JUICE juicepharma.com Google howtogomo.com and developers.google.com/ speed/pagespeed/insights MedScape medscape.com FDA fda.gov Forbes forbes.com Pharmacist’s Letter pharmacistsletter.therapeuticresearch.com FiercePharma fiercepharma.com Manhattan Research manhattanresearch.com EXAMPLE SITES Brintellix brintellixhcp.com Gazyva gazyva.com/hcp Herceptin herceptin.com/hcp Lantus lantus.com/hcp Neulasta neulastahcp.com Orencia orencia.com/hcp/index.aspx Perjeta perjeta.com/hcp/index ProairHFA proairhfa.com/healthcare- professionals/default.aspx Sovaldi sovaldi.com/HCP Xolair xolair.com/hcp