Mobile Website Development for a Hospital System

  • 807 views
Uploaded on

Case Study: Hospital System Mobile Website …

Case Study: Hospital System Mobile Website
• The Process
• Designing for Users’ Needs
• Developing the Mobile Site Map
• Applied to the Mobile Display
• Interactions & Functions
• Next Steps

More in: Design , Technology , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
807
On Slideshare
0
From Embeds
0
Number of Embeds
6

Actions

Shares
Downloads
1
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Case Study: Mobile Website Development for a Hospital System**Actual Hospital System Name Has Been Changed www.tsmurphy.com
  • 2. 2Case Study: Hospital System Mobile Website •  The Process •  Designing for Users’ Needs •  Developing the Mobile Site Map •  Applied to the Mobile Display •  Interactions & Functions •  Next Steps www.tsmurphy.com
  • 3. 3Case Study: Hospital System Mobile WebsiteThe Process1Mobile Site ObjectivesClearly identify the strategic goals for the site, for both business objectives and user needs.Mobile User NeedsUse research and input to clearly identify the potential users and their motivations andbehaviors. Identify how users will interact with the interface.Mobile Content & FunctionClearly identify the required functionality of the site and the content needed to meet theuser’s needs.Mobile Interaction Design & Information ArchitectureIdentify the system components and how these components interface with each other. Beginsite map. Evaluate, refine, reiterate if necessary.Mobile Interface, Navigation & Information DesignCreate wireframes: page schematics or a visual guide that represents the skeletal frameworkof the page layout and arrangement of the website’s content. Evaluate, refine, reiterate ifnecessary.Mobile PrototypeConstruct a working model. Evaluate functions and objectives. Get feedback. Evaluate,refine, reiterate if necessary.1. “The Process” is an amalgamation based on several thought leaders in the industry.Most notably Jesse James Garrett’s The Elements of User Experience http://www.jjg.net/ia/ www.tsmurphy.com
  • 4. 4Case Study: Hospital System Mobile WebsiteThe Process1Mobile Visual DesignDevelop and apply the graphics, typography, and other visual elements that make up the “look andfeel” of the site.LaunchDeploy completed product.Audit & IterationReevaluate and update at regular intervals. Test and collect users’ feedback. Analyze data,evaluate success of functions and objectives. Refine as necessary.1. “The Process” is an amalgamation based on several thought leaders in the industry.Most notably Jesse James Garrett’s The Elements of User Experience http://www.jjg.net/ia/ www.tsmurphy.com
  • 5. 5Case Study: Hospital System Mobile WebsiteThe ObjectiveThe goal of the Hospital System was to have a mobile website for quick and easy access toinformation that smartphone users are looking for.1What works on a desktop site oftentimes will not work in your mobile site, and probably shouldn’t.2 Hospital Name Mobile Website Quick and Easy Hospital Name Quick and Easy Mobile Website Quick and Easy Quick and Easy Quick and Easy Quick and Easy Quick and Easy Quick and Easy Quick and Easy Quick and Easy 1. Hunters And Gatherers: How To Put Your Finger On The Evolution Of Mobile Users http://www.business2community.com/mobile-apps/hunters-and-gatherers-how-to-put-your-finger-on-the-evolution-of-mobile-users-072080 2. Tips on Creating Engaging Mobile Websites for Pharma Marketers http://www.business2community.com/mobile-apps/tips-on-creating-engaging-mobile-websites-for-pharma-marketers-0117183 www.tsmurphy.com
  • 6. Designing for Users’ Needs www.tsmurphy.com
  • 7. 7Case Study: Hospital System Mobile WebsiteUsers’ Needs:Potential Patients Visitors Patients Visiting Hours & Policies Visiting Hours & Policies Visiting Hours & Policies Directions Directions Directions Parking Parking Parking Locations Locations Locations Maps Maps Maps Contact Numbers Contact Numbers Contact Numbers Services Services Services Finding Doctors Getting Discharged Finding Doctors Admissions News & Events Admissions Preparing to Stay Café Preparing to Stay Getting Discharged Gift Store Getting Discharged News & Events News & Events Support Groups Support Groups www.tsmurphy.com
  • 8. 8Case Study: Hospital System Mobile WebsiteIdentifying The Unique Needs Based On UsersPotential Patients Visitors Patients Visiting Hours & Policies Visiting Hours & Policies Visiting Hours & Policies Directions Directions Directions Parking Parking Parking Locations Locations Locations Maps Maps Maps Contact Numbers Contact Numbers Contact Numbers Services Services Services Finding Doctors Getting Discharged Finding Doctors Admissions News & Events Admissions Preparing to Stay Café Preparing to Stay Getting Discharged Gift Store Getting Discharged News & Events News & Events Support Groups Support Groups Unique Information www.tsmurphy.com
  • 9. Developing the Mobile Site Map Main Site Structure Home Contacts/ ER Wait Find a Health Departmen Patients Visitors Times Doctor Services Admissions ts Visiting Accommod Hours ER Wait Find a Services Departmen ations t List Locations/ Times Doctor List Stay/Leave Directions Info Individual Individual Locations/ Locations/ Dept. Service Directions Directions Admissions Pages Pages Accommod Visiting ations Hours Stay/Leave Info www.tsmurphy.com
  • 10. 10Case Study: Hospital System Mobile WebsiteInventory of the Hospital System’s Website Content www.tsmurphy.com
  • 11. 11Case Study: Hospital System Mobile WebsiteUse site analytics and topics people are searching for in the category www.tsmurphy.com
  • 12. 12Case Study: Hospital System Mobile WebsiteAddressing Users’ Needs and Website ContentWhiteboard and card sorts www.tsmurphy.com
  • 13. 13 Case Study: Hospital System Mobile Website Creating the SitemapMain Site Structure Home ER Wait Health Contacts/ Patients Visitors Find a Doctor Departments Times Services Admissions Visiting Hours ER Wait DepartmentAccommodations Locations/ Find a Doctor Services List List Stay/Leave Info Directions Times Locations/ Locations/ Individual Individual Directions Directions Service Pages Dept. Pages AdmissionsVisiting Hours Accommodations Stay/Leave Info www.tsmurphy.com
  • 14. 14 Case Study: Hospital System Mobile Website Creating the SitemapMain Site Structure Home ER Wait Health Contacts/ Patients Visitors Find a Doctor Departments Times Services Admissions Visiting Hours ER Wait DepartmentAccommodations Locations/ Find a Doctor Services List List Stay/Leave Info Directions Times Locations/ Locations/ Individual Individual Directions Directions Service Pages Dept. Pages AdmissionsVisiting Hours Accommodations Stay/Leave InfoGlobal FooterTerms of Use Privacy Policy Locations Contact Us Social Media Home www.tsmurphy.com
  • 15. 15 Case Study: Hospital System Mobile WebsiteQuick Links - Navigation Elements Find a Doctor ER Wait Times Locations Hospital 24/7 Follow UsMain Site Structure Home ER Wait Health Contacts/ Patients Visitors Find a Doctor Departments Times Services Admissions Visiting Hours ER Wait DepartmentAccommodations Locations/ Find a Doctor Services List List Stay/Leave Info Directions Times Locations/ Locations/ Individual Individual Directions Directions Service Pages Dept. Pages AdmissionsVisiting Hours Accommodations Stay/Leave InfoGlobal FooterTerms of Use Privacy Policy Locations Contact Us Social Media Home www.tsmurphy.com
  • 16. Applied to the Mobile Display Hospital Name Mobile Website Quick and Easy Hospital Name Quick and Easy Mobile Website Quick and Easy Quick and Easy Quick and Easy Quick and Easy Quick and Easy Quick and Easy Quick and Easy Quick and Easy www.tsmurphy.com
  • 17. 17 Case Study: Hospital System Mobile WebsiteQuick Links - Navigation Elements Find a Doctor ER Wait Times Locations Hospital 24/7 Follow UsMain Site Structure Home ER Wait Health Contacts/ Patients Visitors Find a Doctor Departments Times Services Admissions Visiting Hours ER Wait DepartmentAccommodations Locations/ Find a Doctor Services List List Stay/Leave Info Directions Times Locations/ Locations/ Individual Individual Directions Directions Service Pages Dept. Pages AdmissionsVisiting Hours Accommodations Stay/Leave InfoGlobal FooterTerms of Use Privacy Policy Locations Contact Us Social Media Home www.tsmurphy.com
  • 18. 18 Case Study: Hospital System Mobile WebsiteQuick Links - Navigation Elements Find a Doctor ER Wait Times Locations Hospital 24/7 Follow UsMain Site Structure Home ER Wait Health Contacts/ Patients Visitors Find a Doctor Departments Times Services Admissions Visiting Hours ER Wait DepartmentAccommodations Locations/ Find a Doctor Services List List Stay/Leave Info Directions Times Locations/ Locations/ Individual Individual Directions Directions Service Pages Dept. Pages AdmissionsVisiting Hours Accommodations Stay/Leave InfoGlobal FooterTerms of Use Privacy Policy Locations Contact Us Social Media Home www.tsmurphy.com
  • 19. 19 Case Study: Hospital System Mobile Website Stacked Information Find a Doctor Quick Links - Navigation Elements ER Wait Times Find a Doctor ER Wait Times Locations Hospital 24/7 Follow Us Locations Hospital 24/7 Main Site Structure Home Follow Us ER Wait Contacts/ Patients Visitors Find a Doctor Health Services Departments Times Patients Admissions Visiting Hours ER Wait Department ListAccommodations Locations/ Find a Doctor Services List Times Stay/Leave Info Directions Visitors Locations/ Locations/ Individual Service Individual Dept. Pages ER Wait Directions Directions Pages Times Admissions Find a Doctor Visiting Hours Accommodations Stay/Leave Info Global Footer Health Services Contacts/ Terms of Use Privacy Policy Locations Contact Us Social Media Home Departments Terms of Use Privacy Policy Locations Contact Us Social Media Home www.tsmurphy.com
  • 20. 20Case Study: Hospital System Mobile Website Find a Doctor ER Wait Times Locations Hospital 24/7 Find a Doctor ER Wait Times Follow Us Locations Hospital 24/7 Patients Adjusted To Mobile Display Us Follow Visitors ER Wait Times Patients Find a Doctor Visitors Health Services ER Wait Times Contacts/ Departments Terms of Use Privacy Policy Locations Contact Us Social Media Home www.tsmurphy.com
  • 21. Interactions & Functions Hospital Name Mobile Website Quick and Easy Hospital Name Quick and Easy Mobile Website Quick and Easy Quick and Easy Quick and Easy Quick and Easy Quick and Easy Quick and Easy Quick and Easy Quick and Easy www.tsmurphy.com
  • 22. 22Case Study: Hospital System Mobile Website Patients Scrolls for Viewing Content Find a Doctor Visitors ER Wait Times ER Wait Times Locations Find a Doctor Hospital 24/7 Health Services Follow Us Contacts/ Departments Patients Terms of Use Privacy Policy Locations Contact Us Social Media Home Visitors ER Wait Times www.tsmurphy.com
  • 23. 23Case Study: Hospital System Mobile Website Leveraging Operating Systems’ Navigation Large Lists Will Be Displayed Hospital Name Intuitively In Devices’ Native Mobile Website Operating Systems Health Services www.tsmurphy.com
  • 24. 24Case Study: Hospital System Mobile Website Next Steps: • Detailed Content & Functions Hospital Name Mobile Website • Prototype Find a Doctor ER Wait Times • Visual Design Locations • Beta & Test Hospital Name 24/7 Follow Us • Launch Patients Visitors • Audit & Iteration ER Wait Times www.tsmurphy.com
  • 25. www.tsmurphy.com www.tsmurphy.com