Case Study: Healthcare | Sr. Product Designer / Sr. UX Researcher

UNIVERSITY OF MICHIGAN MEDICAL CENTER

Intranet Design

Challenge: How to show medical practitioners across the organization all the information they need and want in an uncluttered and easy to use platform.

PROBLEM

The University of Michigan's Medical Center – composed of multiple hospitals, schools and departments, had each design and manage their unit's intranet. The results were a hodgepodge of confusing sites with poor functionality and little use.

SOLUTION

Using a Hub and Spoke framework, we proposed a responsive design to address the University of Michigan Medical Center's requirements while providing a clear, logical, and unified visual language for its various units and their distinct functional objectives. their multiple needs. The work comprised the full spectrum of UX, including User Research, Persona Development, Task Analysis, crafting of User Flows and information Architecture.

RATIONALE

The templates created standardize text and image components, providing a uniform, responsive interface for all divisions and departments within Michigan Medicine and making their internal systems available and fully functional in all viewports.

MY ROLE

Senior Product Designer, Senior User Interface Designer, User Experience Researcher

Michigan Medicine's ecosystem, composed of administrative, clinical, research and academic departments.

CONCEPTUAL FRAMEWORK

Navigation Structure proposed, using a hub and spoke model.

Proposed Global and local search with filtering, sorting and targeting.

USER INTERVIEWS, CARD SORTING, STRATEGIC PRIORITIES AND EFFORT & IMPACT

User interview culling feature ideas, challenges and pain points per role group.

User Interviews of role groups and its distillation into ideas and challenges.


Synthesis of Interviews, grouped by categories.

Feature needs and requests mapped after 13 user interviews with stakeholders at Michigan Medicine. The graphic shows how often a feature was requested, and which category it belongs to (functionality, tools, etc).


Feature needs and requests detail, showing how often a feature was requested, and which category it belonged to – functionality, tools, etc.


Challenges and pain points culled from user interviews with role groups, showing how often an issue was pointed out and in which interview. The sticky notes on the side contain the actual user comments.


Feature requests by interview group.

Ideas sorted and grouped.

Cart Sorting exercise per function group.

Cart Sorting exercise per function group.

Card Sorting exercise with Administration Leaders. It was important here to track who was making the sorting.

Strategic Priorities grouped by categories: Structures and Functions, Governance and Management, and Content.

Strategic Priorities mapped on to Effort/Impact chart for Michigan Medicine's "Spoke" ACS – Its Ambulatory Care Center.

PERSONA DEVELOPMENT

Persona categories – Program Input, Purposeful Input and Governance & Oversight and System Users.

Michigan Medicine Persona culled from 13 user interviews with stakeholders. It details their function, roles, needs and tactical implications.

Persona detail in the Governance category.

USER JOURNEYS

User journeys for Michigan Medicine's Ambulatory Care Center ("Spoke")

Wireframe development for ACS' Leadership, highlighting personalized content and applications.

Template for ACS's homepage, containing Typographic hierarchies and styles from the Visual Style Guide we developed. This page showcases Global (Michigan Medicine's) search/ Spoke-specific (Ambulatory Care Center's) search/ Advanced search; Image Carousel/ Dynamic content for News and Calendar and contextual fields for Forms 

and Quicklinks. Wireframe development for ACS' Leadership division, highlighting embedded real-time analytics content.


Template for Content page, showcasing Breadcrumbs, Headline, Subhead, Caption and Pullquote typographic treatments/ Embedded Dynamic Content; Contextual Fields for related resources and articles and Contextual Bar containing options to share on social media, save, forward a copy and report an issue.

Template for a Content Detail page, showcasing a Dropdown Menu with section links and hover over link selection, body text and link typographic treatments; Dynamic Field for real-time analytics and Contextual Field for related documents table.



Template for a Search Results page, showcasing results sorted by document type, videos, articles and multimedia, as well as a Contextual Field displaying a calendar of related events.



Template for Forms page.