Desktop · UX evaluation & redesign · Team of 3

Making Gmail’s hidden tools easier to find.

A research-led redesign of Gmail's desktop inbox that I worked on with two other HCI grad students. We focused on surfacing the powerful tools people never discover and making common controls easy to find and understand.

Role
Research, testing, wireframes, presenter
Context
HCI grad course · reviewed by a senior UX consultant
Timeline
Spring 2017
Gmail icon
Redesigned Gmail desktop inbox
Overview

Working with two other HCI graduate students, we set out to evaluate and improve Gmail's desktop inbox. Research, interviews, heuristic evaluation, and moderated user testing formed the basis for the redesign, which we presented for feedback from a senior UX consultant and our instructor.

Goals

Reduce Cut the time it takes to find and understand common controls.
Raise Increase consistency, forgiveness, and engagement in the interface.

Responsibilities

{{ r }}
Research

Understanding how people really use email.

{{ r.alt }}
{{ r.title }}

{{ r.desc }}

The problem

Gmail's desktop inbox was badly underused and its basic functions were ambiguous. Across every experience level, users were surprised to learn about useful tools they'd never touched, like labels and inbox configuration.

Usability testing

We put the current inbox to the test.

Participants completed tasks built from the issues that kept recurring in interviews.

{{ t.mark }} {{ t.text }}
~50%

task failure rate on even the most basic assignments, which confirmed what we'd heard in interviews.

User testing session in progress
Wireframes

Three problem pages, one focus.

We sketched solutions for the three pages that tested worst (the inbox, the opened email, and settings), then focused the prototype on the inbox, where the biggest wins were.

{{ currentWireAlt }}
{{ wireStep }} · {{ currentWireLabel }}
Final result

Common controls, made visible.

We built a static mockup of the redesigned inbox with one aim: make common controls easier to separate and understand. We made four main changes.

{{ c.n }} {{ c.text }}
Annotated Gmail inbox redesign showing the four numbered changes

“You took an already established design and improved on things I hadn't thought about.”

— our instructor, on the final presentation

Reflection

What it taught me.

This project was heavier on research than on the redesign itself. Taking on a mature design from a company with Google's resources, then genuinely improving it, was difficult but rewarding. With more time we'd have prototyped more of the interface, like settings and the email toolbar.

Google redesigned Gmail about a year later with new features, but didn't address the issues our design set out to fix. That made the case for our findings all the stronger.

Back to all work