Scribd
Upload
37 views25 pages

Example Google UX Design Certificate - Portfolio Project 1 - Case Study Slide Deck (Template)

The document outlines the design process for a mixed reality art gallery app called Spatiallary. It describes conducting user research through interviews and personas to understand pain points like access to art from home and shareability. Wireframes and prototypes were created and usability studies conducted to refine the design based on user feedback. The final design addressed needs like knowing more about artists and saving favorite art pieces.

Uploaded by

Sangeeth Kumar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
37 views25 pages

Example Google UX Design Certificate - Portfolio Project 1 - Case Study Slide Deck (Template)

The document outlines the design process for a mixed reality art gallery app called Spatiallary. It describes conducting user research through interviews and personas to understand pain points like access to art from home and shareability. Wireframes and prototypes were created and usability studies conducted to refine the design based on user feedback. The final design addressed needs like knowing more about artists and saving favorite art pieces.

Uploaded by

Sangeeth Kumar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 25

Spatiallary

Uko Ekpenyong
Project overview

The product:
This is a mixed reality art gallery app. It allows artist to
express their art with a new digital medium. Its target
users are art enthusiast and anyone that wants a new Preview of selected
polished designs.
experience.

Project duration:
March 2021 to August 2021
Project overview

The problem: The goal:


Making new digital art media for users to Designing an app that makes it simple and fun
experience. to experience new digital art media.
Project overview

My role: Responsibilities:
UX designer designing the spatiallary app from Conducting interviews, paper and digital
conception to delivery wireframing, low and high-fidelity prototyping,
conducting usability studies, accounting for
accessibility, and iterating on designs
● User research
Understanding ● Personas
Problem statements
the user ●
● User journey maps
User research: summary

I conducted interviews and created empathy maps to understand the users i’m designing for and
their needs. A primary user group identified through research was teens and young adults who
want to be able to experience new digital art media.

This user group confirmed assumptions we had about augmented reality and mixed reality art
experiences. Research revealed that more people like the idea as it means they can view the art
anywhere. Other problems included access to a wide variety of artists and shareability on social
media platforms
User research: pain points

1 2 3

Comfort Shareability Boredom

People would like to view art from People would like to be able to Users wanted to be able to
the comfort of their homes. share the art on social media experience art in a new way that
platforms was more interactive and fun
Persona: Marie

Problem statement:
Marie is a Mother who needs a
new way to make art more
entertaining for her child
because of the pandemic she
cannot go outside.
User journey map

Mapping Marie’s user journey


revealed how helpful it would
be for users to be able to
Image of user
access a number of different journey map

artist and share them on


social media.
● Paper wireframes
Starting ● Digital wireframes
Low-fidelity prototype
the design ●
● Usability studies
Paper wireframes

Taking the time to draft iterations


of each screen of the app on paper
ensured that the elements that
made it to digital wireframes
would be well-suited to address
user pain points.
Digital wireframes

As the initial design phase


A timeline that
continued, i made sure to shows new
It shows the
artist based on
base screen designs on what the user
users if there
are any art
likes as they
feedback and designs from mixed reality
scroll down.
installations in
the user research. areas around
them.
Digital wireframes

Shareability was a popular


pain point from the user
research that we solved by
adding a share button that
helps the user to share on
other social media A feature that
allows the user
platforms. to share their
mixed reality
experiences on
social media.
Low-fidelity prototype

The low-fidelity prototype


connected the user flow of finding Screenshot of
prototype with
a virtual art piece and placing it in connections or
prototype GIF
the user’s environment.
Usability study: findings
Write a short introduction to the usability studies you conducted and your findings.

Round 1 findings Round 2 findings

1 Most users are confused on how AR 1 Users want the UI to be simple and
works easy to navigate

2 Users would like to share their 2 Users would like to save the art they
experience like on their profile.

3 Users would like to know more about


the artist.
● Mockups
Refining
● High-fidelity prototype
the design ● Accessibility
Mockups Before usability study After usability study

Early designs allowed users


to see the artists gallery but
after usability studies, i
added a follower, following
and likes count. I also
added a bio section in the
drop down menu at the top
right corner.
Mockups
Before usability study After usability study

Second usability study


showed that users wanted
to curate what they like and
have it in one place. So a
like button was added to
the timeline screen that
when taped would save the
virtual element in the user’s
profile page.
Mockups
High-fidelity
prototype
The final high-fidelity
prototype presented
Screenshot of
cleaner user flows for prototype with
connections or
selecting a virtual prototype GIF
element and placing it in
the user's environment. It
also met users needs to
know more about the
artist and share it on
social media platforms.
Accessibility considerations

1 2 3
Used icons to help make Provided access to users Used detail images of the
navigation easier. that are visually impared virtual assets so users can
through adding alt text to better understand the
images for screen readers assets before using them.
● Takeaways
Going forward ● Next steps
Takeaways

Impact: What I learned:


The app really makes users to understand While designing the spatiallary app, i learned
more about mixed reality and how it can be that the first designs are really your biases on
applied to art. display. But doing usability studies helps
incorporate other ideas that ends up making
One quote from peer feedback: the design more accessible and fun for more
“This app made me to see how cool augmented people.
reality can be when used tastefully. It made the
experience more interactive.”
Next steps

1 2 3

Conduct more user Conduct another round of Find more artist that are
research to determine usability studies to willing to explore this new
any new areas of need validate whether the pain artistic medium, so they
points users experienced can put their art on the
have been effectively app.
addressed.
Let’s connect!

Thank you for your time reviewing my work on the spatiallary mixed reality art gallery app. If you’d
like to see more or get in touch, my contact information is provided below.

Email: [email protected]

You might also like