User story #1: Saving content using labels
Content in this sense means information that's typically found in an email. The usual suspects here are important texts like quotes, passwords, to-do lists & links such as articles, videos, photos, etc. For my first round of designs, I started off thinking about how content once saved to a label will appear to the user. The final design direction needed to be flexible and congruent with Gmail's current visual & functional aesthetic.
V1 LoFi Components of the Content Cards
V2 HiFi Components of the Content Cards
V2 HiFi Components of the Content Cards
User story #1 Contd: Further iteration
The previous exploration would require a lot of functional changes to the Gmail eco-system, I wanted to avoid doing that if possible. Any new changes should have a low implementation overhead and shouldn't stray too far from the current visual language.
Associated components for the updated design
Highlighted labelled content
Collapsible CTA to contain user's labelled items
User story #1: Testing & Feedback
Based on interviewed user accounts:
Positives: 3 out of 5 users found it very helpful and were pleasantly surprised because they weren't expecting that this was something they would need.
Pain-points: Finding labelled content under the label was difficult. Not very discoverable when the CTA is collapsed as default.
Nice to haves: An easy way to go back/reference the original email.
Likelihood of user adoption: Likely but with caveats. 3 out of 5 users would prefer having this feature as a standalone and not coupled with labels.
Updates: Updated the labelled items CTA to default to open instead of closed, added a go-to-email button on labelled items component.
Updated component, featuring a prominent go to email button.