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)
DESIGNclean Design is uncluttered and fits comfortably on the small screen
DESIGNintuitive 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 websiteCONTENT
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!