Pushing Hospital Website Design

1,144 views

Published on

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

Published in: Marketing, Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,144
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
24
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Pushing Hospital Website Design

  1. 1. Pushing Hospital Website Design BEN DILLON, MBA | VICE PRESIDENT & EHEALTH EVANGELIST
  2. 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. 3. Geonetric Clients
  4. 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. 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. 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. 7. Pushing Hospital Website Design BEN DILLON, MBA | VICE PRESIDENT & EHEALTH EVANGELIST
  8. 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. 9. Other Things Drive Design Trends Screen Resolutions, for Example… TWEET IT: #GEOLIVE
  10. 10. What’s Driving Design Changes Today? TWEET IT: #GEOLIVE
  11. 11. Mobile TWEET IT: #GEOLIVE
  12. 12. New Device Sizes and Formats TWEET IT: #GEOLIVE
  13. 13. Touch Screens TWEET IT: #GEOLIVE
  14. 14. Variable-Dimension Devices TWEET IT: #GEOLIVE
  15. 15. Death of Flash The Rise of HTML 5 TWEET IT: #GEOLIVE
  16. 16. Some Looks Work at the Time… But They Don’t Last. TWEET IT: #GEOLIVE
  17. 17. Breaking the “Old Rules” TWEET IT: #GEOLIVE
  18. 18. OLD RULE: Build a Separate Site for Mobile TWEET IT: #GEOLIVE
  19. 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. 20. What Mobile Consumers Actually Want TWEET IT: #GEOLIVE
  21. 21. NEW TREND: Go Responsive TWEET IT: #GEOLIVE
  22. 22. Responsive Isn’t Where Changing Design Trends End. It’s Where They’re Beginning! TWEET IT: #GEOLIVE
  23. 23. OLD RULE: Build for the Most Common Platform and Adapt to Others TWEET IT: #GEOLIVE
  24. 24. It’s Hard to Downsize TWEET IT: #GEOLIVE
  25. 25. NEW TREND: Mobile First Design TWEET IT: #GEOLIVE
  26. 26. What’s Good for Mobile: Pruning and linking TWEET IT: #GEOLIVE
  27. 27. Why only mobile? TWEET IT: #GEOLIVE
  28. 28. OLD RULE: Use Familiar Visual Paradigms Online Make the Interface Look Like the Real-World Thing You’ve Replaced TWEET IT: #GEOLIVE
  29. 29. TWEET IT: #GEOLIVE
  30. 30. NEW TREND: Flat Design TWEET IT: #GEOLIVE Image source: http://www.apple.com/ios/ios7/design/
  31. 31. TWEET IT: #GEOLIVE
  32. 32. TWEET IT: #GEOLIVE
  33. 33. TWEET IT: #GEOLIVE
  34. 34. TWEET IT: #GEOLIVE
  35. 35. OLD RULE: Design Should Support the Presentation of Content TWEET IT: #GEOLIVE
  36. 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. 37. Typekit Fonts TWEET IT: #GEOLIVE
  38. 38. NEW TREND: Content-Driven Design TWEET IT: #GEOLIVE
  39. 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. 40. OLD RULE: Navigation Lives (Primarily) Under Menus and Follows a Few Formats – Audience, Task or Topic-based TWEET IT: #GEOLIVE
  41. 41. NEW TREND: Experience-Centered Designs TWEET IT: #GEOLIVE
  42. 42. TWEET IT: #GEOLIVE
  43. 43. OLD RULE: Home Pages Shouldn’t Scroll TWEET IT: #GEOLIVE
  44. 44. TWEET IT: #GEOLIVE Source: Archive.org July, 2010
  45. 45. NEW TREND: Vertical Scrolling & Single-Page Layouts TWEET IT: #GEOLIVE
  46. 46. TWEET IT: #GEOLIVE
  47. 47. TWEET IT: #GEOLIVE
  48. 48. Single-Page Layout Scrolling banner Choose your doctor Our services Find a location About your visit Health library TWEET IT: #GEOLIVE
  49. 49. OLD RULE: Paginate to Manage Load Times for Long Result Sets TWEET IT: #GEOLIVE
  50. 50. TWEET IT: #GEOLIVE
  51. 51. NEW TREND: Infinite Scrolling TWEET IT: #GEOLIVE
  52. 52. OLD RULE: Avoid Large Images TWEET IT: #GEOLIVE
  53. 53. • VS. VS NEW TREND: Large Photo Backgrounds TWEET IT: #GEOLIVE
  54. 54. TWEET IT: #GEOLIVE
  55. 55. TWEET IT: #GEOLIVE
  56. 56. OLD RULE: Use Mobile Apps for a Better User Experience TWEET IT: #GEOLIVE
  57. 57. NEW TREND: App-Like Experiences on the Web • Off canvas layouts • Hidden menus • Gesture support TWEET IT: #GEOLIVE
  58. 58. TWEET IT: #GEOLIVE
  59. 59. TWEET IT: #GEOLIVE
  60. 60. TWEET IT: #GEOLIVE
  61. 61. Gesture Support TWEET IT: #GEOLIVE
  62. 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. 63. Questions? Contact Ben: 800.589.1171 Ben.Dillon@geonetric.com www.Geonetric.com Geovoices.com @benatgeo Pinterest.com/benatgeo TWEET IT: #GEOLIVE
  64. 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. 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. 66. The End TWEET IT: #GEOLIVE

×