Mobile Website Development for a Hospital System

Case Study:
Mobile Website Development
for a Hospital System*

*Actual Hospital System Name Has Been Changed www.tsmurphy.com

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

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

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

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

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

Designing for Users’ Needs

www.tsmurphy.com

7

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

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

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

Inventory of the Hospital System’s Website Content

www.tsmurphy.com

11

Use site analytics and topics people are searching for in the category

www.tsmurphy.com

12

Addressing Users’ Needs and Website Content
Whiteboard and card sorts

www.tsmurphy.com

13

Creating the Sitemap


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

Creating the Sitemap


Times Services



Admissions
Stay/Leave Info

Global Footer
Terms of Use Privacy Policy Locations Contact Us Social Media Home

www.tsmurphy.com

15

Quick Links - Navigation Elements
Find a Doctor ER Wait Times Locations Hospital 24/7 Follow Us


Times Services



Admissions
Stay/Leave Info

Global Footer

www.tsmurphy.com

Applied to the Mobile Display

Hospital Name
Mobile Website



www.tsmurphy.com

17




Times Services



Admissions
Stay/Leave Info

Global Footer

www.tsmurphy.com

18




Times Services



Admissions
Stay/Leave Info

Global Footer

www.tsmurphy.com

19

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
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
Stay/Leave Info

Global Footer Health Services

Contacts/
Departments

Terms of Use Privacy Policy Locations

Contact Us Social Media Home

www.tsmurphy.com

20


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


www.tsmurphy.com

Interactions & Functions

Hospital Name
Mobile Website



www.tsmurphy.com

22


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

Visitors

ER Wait
Times

www.tsmurphy.com

23


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


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

www.tsmurphy.com

www.tsmurphy.com

Mobile Website Development for a Hospital System

More Related Content

Mobile Website Development for a Hospital System