UIUX Case Study: Mozilla Iris, a QA Testing Tool

Image for post
Image for post

The Ask

Context

Image for post
Image for post
Image for post
Image for post
User Interface for Iris 1.0

My Role

Challenges

The Process

Stating Assumptions

Research

Discovery

Image for post
Image for post

Defining Who

Defining the Problem

Generative Research

In order to build a user centered interface I needed to know which details would help the user know that they wanted to run a particular test.

Image for post
Image for post
Image for post
Image for post

Providing Solutions Through iterative research, solutions and feedback.

Designing & building prototypes

Image for post
Image for post
Image for post
Image for post
Iris’ Current UI Detail Visual Organization
Image for post
Image for post
Parking Lot of ideas

Brainstorm

Research Existing Solutions

The Outcome

Image for post
Image for post
Image for post
Image for post
Interaction for Debug Images

What’s Next

Takeaways (what I will do differently next time)

Written by

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store