Design Work at UPMC's Technology Development Center: Convergence

tags: research, synthesis, prototype/wireframe, finished ui, mobile, web, print, sketching/illustration

Artifacts I’ve worked on at the UPMC TDC, a technology / innovation house within UPMC focused on medical-related software to aid both patients and clinicians.

Note: all PHI and potentially sensitive information has been edited out.

Convergence A Windows 8.1/Surface app that unites data from various EHR systems to give clinicians a comprehensive view of a patient’s health history over time. My first 6 months at the TDC were focused on "discovery” work, collaborating with designers and business/product analysts to research and envision the future of Convergence.

My Role For my first 6 months at the TDC, I worked on discovery, research, wireframing and prototyping, and validation. The second 6 months were active development. I split my time between doing renderings (visual UI design) and discovery/UX/research. We did agile scrum, with 2-week sprints. I worked closely with a lead designer on the visual design, and with developers and QA on implementation details, including renderings and the overall user experience.

Product accolades Microsoft recognized Convergence as a flagship app, and featured it when demoing the Surface at trade shows, conferences, and presentations.

Using Convergence on a Surface 3 tablet

Research The right-hand image was a group research activity the designers and business/product analysts did on several occasions. Here, we did multiple iterative rounds of 5-10 minute sketch sessions to revisit our Timeline feature (a condensed view of meds/labs/vitals/documents data over several days, a week, a month, or a year).

During the Discovery phase, we did a lot of generative activities, usually involving whiteboarding or quick sketching like this.

We also did numerous rounds of research with clinicians, ranging from exploratory to evaluative. We’d invite them to our office, where we have a testing room with a room behind one-way glass for additional observers and notetakers.

More valuable, though, were the days when we could go onsite to a UPMC hospital and run validation sessions with clinicians/fellow/interns, while also doing ethnographic research/observations of their interactions, routines, and rituals.

Group research and brainstorming session

Synthesis A couple of samples of our research synthesis docs, to share findings with our team in a fun and easily-scannable way.

Note This format is my creation, and I owned these documents for our team. I took charge of editing/formatting/copywriting research notes (leading meetings and synthesis sessions with the other designers/analysts), and did all the sketches and document layout/formatting.

Research synthesis document Research synthesis document

Renderings Samples of the visual/UI design work I did in collaboration with another designer. He'd already set some visual conventions and a color palette that it was easiest to continue to apply here.

Convergence rendering: Patient Selection Convergence rendering: Clinical Dashboard Convergence rendering: Clinical Dashboard Convergence rendering: displaying Vitals data
want to move to another piece?
Pittsburgh JET Alumni Association
Presentation: Classical Music and UX
Autodesk ReCap
Pirates of Dark Water
Autodesk InfraWorks
Information Design: Self-Portrait
Presentation: Intercultural Design
AutoCAD Utility Design
Information Design: Designing Information Spaces
Presentation: What is UX?
Shirt Design: CMU's All University Orchestra