Silvia Grossmann

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 User Experience Designer, Senior User Interface Designer, User Experience Researcher

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.

Silvia Grossmann

Case Study: Healthcare

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.

Ideas sorted and grouped.

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).

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

Michigan Medicine Persona card, detailing attributes, needs and tactical implications.

Michigan Medicine Persona card, detailing attributes, needs and tactical implications.

Example of Card Sorting results.

Development of user journeys for Michigan Medicine's Ambulatory Care Center ("Spoke").

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 Page Results page, showcasing results sorted by document type, videos, articles and multimedia, as well as a Contextual Field displaying a calendar of related events.