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

1. Case Study:
Mobile Website Development
for a Hospital System*
*Actual Hospital System Name Has Been Changed www.tsmurphy.com

2. 2
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
www.tsmurphy.com

3. 3
Case Study: Hospital System Mobile Website
The Process1
Mobile Site Objectives
Clearly identify the strategic goals for the site, for both business objectives and user needs.
Mobile User Needs
Use research and input to clearly identify the potential users and their motivations and
behaviors. Identify how users will interact with the interface.
Mobile Content & Function
Clearly identify the required functionality of the site and the content needed to meet the
user’s needs.
Mobile Interaction Design & Information Architecture
Identify the system components and how these components interface with each other. Begin
site map. Evaluate, refine, reiterate if necessary.
Mobile Interface, Navigation & Information Design
Create wireframes: page schematics or a visual guide that represents the skeletal framework
of the page layout and arrangement of the website’s content. Evaluate, refine, reiterate if
necessary.
Mobile Prototype
Construct 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. 4
Case Study: Hospital System Mobile Website
The Process1
Mobile Visual Design
Develop and apply the graphics, typography, and other visual elements that make up the “look and
feel” of the site.
Launch
Deploy completed product.
Audit & Iteration
Reevaluate 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. 5
Case Study: Hospital System Mobile Website
The Objective
The goal of the Hospital System was to have a mobile website for quick and easy access to
information that smartphone users are looking for.1
What 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. 7
Case Study: Hospital System Mobile Website
Users’ 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. 8
Case Study: Hospital System Mobile Website
Identifying The Unique Needs Based On Users
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
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. 10
Case Study: Hospital System Mobile Website
Inventory of the Hospital System’s Website Content
www.tsmurphy.com

11. 11
Case Study: Hospital System Mobile Website
Use site analytics and topics people are searching for in the category
www.tsmurphy.com

12. 12
Case Study: Hospital System Mobile Website
Addressing Users’ Needs and Website Content
Whiteboard and card sorts
www.tsmurphy.com

13. 13
Case Study: Hospital System Mobile Website
Creating the Sitemap
Main Site Structure Home
ER Wait Health Contacts/
Patients Visitors Find a Doctor Departments
Times Services
Admissions Visiting Hours ER Wait Department
Accommodations Locations/ Find a Doctor Services List List
Stay/Leave Info Directions Times
Locations/ Locations/ Individual Individual
Directions Directions Service Pages Dept. Pages
Admissions
Visiting Hours Accommodations
Stay/Leave Info
www.tsmurphy.com

14. 14
Case Study: Hospital System Mobile Website
Creating the Sitemap
Main Site Structure Home
ER Wait Health Contacts/
Patients Visitors Find a Doctor Departments
Times Services
Admissions Visiting Hours ER Wait Department
Accommodations Locations/ Find a Doctor Services List List
Stay/Leave Info Directions Times
Locations/ Locations/ Individual Individual
Directions Directions Service Pages Dept. Pages
Admissions
Visiting Hours Accommodations
Stay/Leave Info
Global Footer
Terms of Use Privacy Policy Locations Contact Us Social Media Home
www.tsmurphy.com

15. 15
Case Study: Hospital System Mobile Website
Quick Links - Navigation Elements
Find a Doctor ER Wait Times Locations Hospital 24/7 Follow Us
Main Site Structure Home
ER Wait Health Contacts/
Patients Visitors Find a Doctor Departments
Times Services
Admissions Visiting Hours ER Wait Department
Accommodations Locations/ Find a Doctor Services List List
Stay/Leave Info Directions Times
Locations/ Locations/ Individual Individual
Directions Directions Service Pages Dept. Pages
Admissions
Visiting Hours Accommodations
Stay/Leave Info
Global Footer
Terms 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 Website
Quick Links - Navigation Elements
Find a Doctor ER Wait Times Locations Hospital 24/7 Follow Us
Main Site Structure Home
ER Wait Health Contacts/
Patients Visitors Find a Doctor Departments
Times Services
Admissions Visiting Hours ER Wait Department
Accommodations Locations/ Find a Doctor Services List List
Stay/Leave Info Directions Times
Locations/ Locations/ Individual Individual
Directions Directions Service Pages Dept. Pages
Admissions
Visiting Hours Accommodations
Stay/Leave Info
Global Footer
Terms of Use Privacy Policy Locations Contact Us Social Media Home
www.tsmurphy.com

18. 18
Case Study: Hospital System Mobile Website
Quick Links - Navigation Elements
Find a Doctor ER Wait Times Locations Hospital 24/7 Follow Us
Main Site Structure Home
ER Wait Health Contacts/
Patients Visitors Find a Doctor Departments
Times Services
Admissions Visiting Hours ER Wait Department
Accommodations Locations/ Find a Doctor Services List List
Stay/Leave Info Directions Times
Locations/ Locations/ Individual Individual
Directions Directions Service Pages Dept. Pages
Admissions
Visiting Hours Accommodations
Stay/Leave Info
Global Footer
Terms 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 List
Accommodations 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. 20
Case 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. 22
Case 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. 23
Case 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. 24
Case 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