Pushing Hospital Website Design BEN DILLON, MBA | VICE PRESIDENT & EHEALTH EVANGELIST
Sep 20, 2014
Pushing Hospital Website Design
BEN DILLON, MBA | VICE PRESIDENT & EHEALTH EVANGELIST
TWEET IT: #GEOLIVE
Today’s Presenter
Ben Dillon, MBA | VP & eHealth EvangelistGeonetric, Inc.
Ben is a vice president at Geonetric. He writes and speaks extensively about healthcare technology trends, everything from social media strategies to accountable care organizations. Ben is a SHSMD board member, a member of the HIMSS Personal Health Information Taskforce chairs the eHealth Special Interest Group, is an inaugural judge of the Healthcare Internet Hall of Fame and has judged the eHealth Leadership Awards for the past ten years.
He’s also a Twitter junkie – follow him at @benatgeo.
Click icon to add picture
Geonetric Clients
TWEET IT: #GEOLIVE
About Geonetric
Geonetric develops the VitalSite healthcare CMS, and provides online marketing services to hospitals, physician practices and health systems.
TWEET IT: #GEOLIVE
Video Of This Webinar
Watch the VideoInterested in learning more about how advances in technology are affecting Web design from experts?
Visit our website to watch a free recording of our popular webinar.
Watch the Pushing Hospital Web Design webinar!
TWEET IT: #GEOLIVE
New White Paper Available
Fill out the survey at the end of the webinar and we’ll send one your way.
Request your free copy!
Pushing Hospital Website Design
BEN DILLON, MBA | VICE PRESIDENT & EHEALTH EVANGELIST
TWEET IT: #GEOLIVE
Has Web Design Ever Stopped Changing?
• Text only sites with links
• Table-based sites
• Flash
• CSS
• Javascript
• Web 2.0/AJAX
UIHC.Uiowa.Edu circa 1997, Source: Archive.org
TWEET IT: #GEOLIVE
Other Things Drive Design Trends
Screen Resolutions, for Example…
TWEET IT: #GEOLIVE
What’s Driving Design Changes Today?
TWEET IT: #GEOLIVE
Mobile
TWEET IT: #GEOLIVE
New Device Sizes and Formats
TWEET IT: #GEOLIVE
Touch Screens
TWEET IT: #GEOLIVE
Variable-Dimension Devices
TWEET IT: #GEOLIVE
The Rise of HTML 5Death of Flash
TWEET IT: #GEOLIVE
Some Looks Work at the
Time…
But They Don’t Last.
TWEET IT: #GEOLIVE
Breaking the “Old Rules”
TWEET IT: #GEOLIVE
OLD RULE:Build a Separate Site for
Mobile
TWEET IT: #GEOLIVE
What We Thought Mobile Consumers Wanted
• “On the go” capabilities– Location directory
– Maps and directions
– Physician directory
– ER wait times
TWEET IT: #GEOLIVE
What Mobile Consumers Actually Want
TWEET IT: #GEOLIVE
NEW TREND: Go Responsive
TWEET IT: #GEOLIVE
Responsive Isn’t Where Changing Design Trends End.
It’s Where They’re Beginning!
TWEET IT: #GEOLIVE
OLD RULE:Build for the Most Common
Platform and Adapt to Others
TWEET IT: #GEOLIVE
It’s Hard to Downsize
TWEET IT: #GEOLIVE
NEW TREND: Mobile First Design
TWEET IT: #GEOLIVE
What’s Good for Mobile:Pruning and linking
TWEET IT: #GEOLIVE
Why only mobile?
TWEET IT: #GEOLIVE
OLD RULE:Use Familiar Visual Paradigms
Online
Make the Interface Look Like the Real-World Thing You’ve
Replaced
TWEET IT: #GEOLIVE
TWEET IT: #GEOLIVE
NEW TREND: Flat Design
Image source: http://www.apple.com/ios/ios7/design/
TWEET IT: #GEOLIVE
TWEET IT: #GEOLIVE
TWEET IT: #GEOLIVE
TWEET IT: #GEOLIVE
TWEET IT: #GEOLIVE
OLD RULE:Design Should Support the
Presentation of Content
TWEET IT: #GEOLIVE
NEW TREND: Content as a Design Element
• Why bother?– Design elegance
– Adherence to brand standards
– Flexibility
– Less manual manipulation
– Empower non-technical contributors
– Load speed
– SEO
TWEET IT: #GEOLIVE
Typekit Fonts
TWEET IT: #GEOLIVE
NEW TREND: Content-Driven Design
Discover Structure Populate Create
Project KickoffStakeholder Interviews
Success MetricsWeekly Status Calls
Preference Survey (Design)
Information ArchitectureVisual Site Map
TaxonomyNaming Conventions
Content Plan
Page Content OptimizationPage Content Development
Module Content Development - Providers - Locations - Services - Events
Image Loading
Dev SiteStage Site
Hosting Configuration
VitalSite Panel TrainingForms Training
Functionality Requirements
Writing for the WebVitalSite Roles & Permissions
Pla
nn
ing
&
Man
ag
em
en
tC
on
ten
t &
D
esig
nS
oft
ware
&
Fu
ncti
on
ality
Com
mu
nic
ati
on
& T
rain
ing
(1-3 weeks) (1-2 weeks) (client determines) (3-6 weeks)
Content Inventory
Panel IntegrationForms Customization
Database DevelopmentSystem Integration
GeoCentralNewtonGeoLabsWebinars
Design Moves Back in ProcessLaunch(1-2 weeks)
Preference Survey (IA)
Visual DesignUsability Testing
Template CreationContent Wrap-up
- Links - Custom Panels - Pages
Stat report
Link Checking
System TestingForms Testing
Integration Testing
VitalSite Pages TrainingVitalSite Modules Training
Modules Implementationand Configuration
12
TWEET IT: #GEOLIVE
OLD RULE:Navigation Lives (Primarily) Under Menus and Follows a
Few Formats – Audience, Task or Topic-based
TWEET IT: #GEOLIVE
NEW TREND: Experience-Centered Designs
TWEET IT: #GEOLIVE
TWEET IT: #GEOLIVE
OLD RULE:Home Pages Shouldn’t Scroll
TWEET IT: #GEOLIVE Source: Archive.org July, 2010
TWEET IT: #GEOLIVE
NEW TREND: Vertical Scrolling & Single-Page
Layouts
TWEET IT: #GEOLIVE
TWEET IT: #GEOLIVE
TWEET IT: #GEOLIVE
Single-Page Layout
Scrolling banner
Choose your doctorOur services
Find a location
About your visit
Health library
TWEET IT: #GEOLIVE
OLD RULE:Paginate to Manage Load Times for Long Result Sets
TWEET IT: #GEOLIVE
TWEET IT: #GEOLIVE
NEW TREND: Infinite
Scrolling
TWEET IT: #GEOLIVE
OLD RULE:Avoid Large Images
TWEET IT: #GEOLIVE
NEW TREND:Large Photo Backgrounds
• VS.
VS
TWEET IT: #GEOLIVE
TWEET IT: #GEOLIVE
TWEET IT: #GEOLIVE
OLD RULE:Use Mobile Apps for a Better User Experience
TWEET IT: #GEOLIVE
NEW TREND: App-Like Experiences on the
Web
• Off canvas layouts• Hidden menus• Gesture support
TWEET IT: #GEOLIVE
TWEET IT: #GEOLIVE
TWEET IT: #GEOLIVE
TWEET IT: #GEOLIVE
Gesture Support
TWEET IT: #GEOLIVE
What Does This Mean For Me?
• Plan for a redesign soon
• Responsive is the biz case
• Modernization is a goal
• Mobile first, content-driven
• Reimagine the experience
• Build for your audience
• Don’t be afraid to stand out!
TWEET IT: #GEOLIVE
Questions?
Contact Ben:800.589.1171
www.Geonetric.com
Geovoices.com
@benatgeo
Pinterest.com/benatgeo
TWEET IT: #GEOLIVE
Video Of This Webinar
Watch the VideoInterested in learning more about how advances in technology are affecting Web design from experts?
Visit our website to watch a free recording of our popular webinar.
Watch the Pushing Hospital Web Design webinar!
TWEET IT: #GEOLIVE
New White Paper Available
Fill out the survey at the end of the webinar and we’ll send one your way.
Request your free copy!
TWEET IT: #GEOLIVE
The End