User Experience Case Study
Gmail App
Gmail App
Project duration: 1 month (Sep 9 – Oct 9, 2023)
Problem: This case study aims to analyze and craft a solution to quoted/nested email content in conversations within the Gmail mobile app. Currently, when one has a long email chain, the quoted content of the prior email is nested and indicated by an indentation using a new margin and a border on the left side. This is a viable UI/UX solution when there are only a few emails in the conversation, but that often isn’t the case of many email exchanges. Over time, these quoted emails become extremely constrained on the horizontal axis making it difficult to read back through the exchange in an effective manner.
Goal: Provide a simple solution to this user experience pain point that has seemingly gone unaddressed.
The research conducted for this study was rather straightforward and didn’t require the use of any specific demographic beyond being someone who has used Gmail and used it on a mobile device. Users were shown an email with an extensive email conversation and asked whether they found it difficult or easy to review the quoted emails in the chain. The results of the survey are displayed below.
“Did you find the experience of viewing nested/quoted emails in the Gmail app difficult or easy?”
The text link to expand and view quoted text can be small and difficult to tap on the first try for some users.
The more quoted text in a thread, the more the historical content is constrained on the horizontal axis, making it very difficult to read.
These screens show how the current system for viewing quoted content works. As one can see, the toggle to view is an easy to miss hyperlink. The more that is quoted in replies, forwards, or manually quoted, the more indented from the left the nested content becomes, thereby constraining the text into a smaller and smaller horizontal space.
These screens show how a small, yet elegant update to the current user interface (UI) can greatly improve the overall user experience (UX) of the Gmail app, especially for heavy users. All pain points are easily remedied without the need for a custom, hard to implement solution as buttons and expanded content is a standard UI element.
A simple toggle button that is easy to find and access on an accessibility level.
Expanded quoted content is easy to read quickly when given the full width and appropriate white space to view.
While not as difficult to read through nested, quoted content with smaller email conversations, the greater the historical content, the greater the difficulty it is to read as the content is constrained without an ever shrinking horizontal space.
The existing method of reading quoted content has been the user experience since the inception of Gmail and has seemingly gone unaddressed.
Along with the decreasing width the quoted content is continually constrained to, the current incarnation involves the requirement to find and tap the small hyperlink that states, “view quoted text”. This can easily be missed and difficult to tap. The proposed solution would address this concern by having a toggle button with the space to not only be easily noticed, but easy to activate.
This simple, yet elegant solution would offer an overwhelmingly better user experience for all users, especially those with accessibility concerns. One can take away from this study the realization that sometimes the best solutions don’t need to be overthought or convoluted. There is often a simple answer to a complex problem. In this case, simply adding a button to view quoted content as a toggle, a feature that is already there…it just needed to be refined.