All content above the fold. No scrolling. The three-click rule. There are many Web design rules, and they’re about to be broken. New Web technologies are changing the way users interact with your site, making many of these design guidelines outdated. In this webinar you will learn how advances in technology are affecting Web design. We’ll introduce new design concepts and provide ideas to help you stand out in a crowded market. In this webinar, you’ll learn how to: New technologies, like mobile and touch-screen computing, that are influencing design Many common Web design rules, such as home page scrolling, that are becoming outdated Design trends that are setting new standards for hospital websites Hospitals that will inspire you to design differently

1. Pushing Hospital
Website Design
BEN DILLON, MBA | VICE PRESIDENT & EHEALTH EVANGELIST

2. Today’s Presenter
Ben Dillon, MBA | VP & eHealth Evangelist
Geonetric, 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.
TWEET IT: #GEOLIVE

3. Geonetric Clients

4. About Geonetric
Geonetric develops the VitalSite healthcare CMS,
and provides online marketing services to
hospitals, physician practices and health systems.
TWEET IT: #GEOLIVE

5. Video Of This Webinar
Watch the Video
Interested 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

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

7. Pushing Hospital
Website Design
BEN DILLON, MBA | VICE PRESIDENT & EHEALTH EVANGELIST

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

9. Other Things Drive Design Trends
Screen Resolutions, for Example…
TWEET IT: #GEOLIVE

10. What’s Driving Design Changes
Today?
TWEET IT: #GEOLIVE

11. Mobile
TWEET IT: #GEOLIVE

12. New Device Sizes and Formats
TWEET IT: #GEOLIVE

13. Touch Screens
TWEET IT: #GEOLIVE

14. Variable-Dimension Devices
TWEET IT: #GEOLIVE

15. Death of Flash
The Rise of HTML 5
TWEET IT: #GEOLIVE

16. Some Looks Work
at the Time…
But They Don’t
Last.
TWEET IT: #GEOLIVE

17. Breaking the “Old Rules”
TWEET IT: #GEOLIVE

18. OLD RULE:
Build a Separate Site for Mobile
TWEET IT: #GEOLIVE

19. What We Thought
Mobile Consumers Wanted
• “On the go” capabilities
– Location directory
– Maps and directions
– Physician directory
– ER wait times
TWEET IT: #GEOLIVE

20. What Mobile Consumers
Actually Want
TWEET IT: #GEOLIVE

21. NEW TREND:
Go Responsive
TWEET IT: #GEOLIVE

22. Responsive Isn’t Where
Changing Design Trends End.
It’s Where They’re Beginning!
TWEET IT: #GEOLIVE

23. OLD RULE:
Build for the Most Common
Platform and Adapt to Others
TWEET IT: #GEOLIVE

24. It’s Hard to Downsize
TWEET IT: #GEOLIVE

25. NEW TREND:
Mobile First Design
TWEET IT: #GEOLIVE

26. What’s Good for Mobile:
Pruning and linking
TWEET IT: #GEOLIVE

27. Why only mobile?
TWEET IT: #GEOLIVE

28. OLD RULE:
Use Familiar Visual Paradigms Online
Make the Interface Look Like the
Real-World Thing You’ve Replaced
TWEET IT: #GEOLIVE

29. TWEET IT: #GEOLIVE

30. NEW TREND:
Flat Design
TWEET IT: #GEOLIVE
Image source: http://www.apple.com/ios/ios7/design/

31. TWEET IT: #GEOLIVE

32. TWEET IT: #GEOLIVE

33. TWEET IT: #GEOLIVE

34. TWEET IT: #GEOLIVE

35. OLD RULE:
Design Should Support the
Presentation of Content
TWEET IT: #GEOLIVE

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

37. Typekit Fonts
TWEET IT: #GEOLIVE

38. NEW TREND:
Content-Driven Design
TWEET IT: #GEOLIVE

39. Design Moves Back in Process
Populate
Create
Launch
(1-2 weeks)
(client determines)
(3-6 weeks)
(1-2 weeks)
Project Kickoff
Stakeholder Interviews
Success Metrics
Weekly Status Calls
Preference Survey (IA)
Software &
Functionality
Content Inventory
Functionality Requirements
Communication
& Training
Content &
Design
Structure
(1-3 weeks)
Planning &
Management
Discover
GeoCentral
Newton
GeoLabs
Webinars
Preference Survey (Design)
Stat report
1
Page Content Optimization
Page Content Development
Module Content Development
- Providers
- Locations
- Services
- Events
Image Loading
Visual Design
Usability Testing
Template Creation
Content Wrap-up
- Links
- Custom Panels
- Pages
Dev Site
Stage Site
Hosting Configuration
Modules Implementation
and Configuration
Panel Integration
Forms Customization
Database Development
System Integration
Writing for the Web
VitalSite Roles & Permissions
VitalSite Pages Training
VitalSite Modules Training
VitalSite Panel Training
Forms Training
Information Architecture
Visual Site Map
Taxonomy
Naming Conventions
Content Plan
2
Link Checking
System Testing
Forms Testing
Integration Testing

40. OLD RULE:
Navigation Lives (Primarily) Under
Menus and Follows a Few
Formats – Audience, Task or
Topic-based
TWEET IT: #GEOLIVE

41. NEW TREND:
Experience-Centered Designs
TWEET IT: #GEOLIVE

42. TWEET IT: #GEOLIVE

43. OLD RULE:
Home Pages Shouldn’t Scroll
TWEET IT: #GEOLIVE

44. TWEET IT: #GEOLIVE
Source: Archive.org July, 2010

45. NEW TREND:
Vertical Scrolling & Single-Page
Layouts
TWEET IT: #GEOLIVE

46. TWEET IT: #GEOLIVE

47. TWEET IT: #GEOLIVE

48. Single-Page
Layout
Scrolling banner
Choose your doctor
Our services
Find a location
About your visit
Health library
TWEET IT: #GEOLIVE

49. OLD RULE:
Paginate to Manage Load Times
for Long Result Sets
TWEET IT: #GEOLIVE

50. TWEET IT: #GEOLIVE

51. NEW TREND:
Infinite
Scrolling
TWEET IT: #GEOLIVE

52. OLD RULE:
Avoid Large Images
TWEET IT: #GEOLIVE

53. • VS.
VS
NEW TREND:
Large Photo
Backgrounds
TWEET IT: #GEOLIVE

54. TWEET IT: #GEOLIVE

55. TWEET IT: #GEOLIVE

56. OLD RULE:
Use Mobile Apps for a
Better User Experience
TWEET IT: #GEOLIVE

57. NEW TREND:
App-Like Experiences on the Web
• Off canvas layouts
• Hidden menus
• Gesture support
TWEET IT: #GEOLIVE

58. TWEET IT: #GEOLIVE

59. TWEET IT: #GEOLIVE

60. TWEET IT: #GEOLIVE

61. Gesture Support
TWEET IT: #GEOLIVE

62. 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
TWEET IT: #GEOLIVE
• Don’t be afraid to stand out!

63. Questions?
Contact Ben:
800.589.1171
Ben.Dillon@geonetric.com
www.Geonetric.com
Geovoices.com
@benatgeo
Pinterest.com/benatgeo
TWEET IT: #GEOLIVE

64. Video Of This Webinar
Watch the Video
Interested 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

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

66. The End
TWEET IT: #GEOLIVE