0% found this document useful (0 votes)
127 views

XGallery Case Study

The document summarizes the design process for an app to showcase an art gallery. It describes conducting user research through interviews and empathy maps to understand primary users. Two rounds of usability studies informed redesigns from wireframes to high-fidelity prototypes. Key findings addressed navigation between sections and accidental button presses. The final design improved usability while maintaining aesthetic appeal. Next steps include further user testing and research.

Uploaded by

Rishajit Prakash
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
0% found this document useful (0 votes)
127 views

XGallery Case Study

The document summarizes the design process for an app to showcase an art gallery. It describes conducting user research through interviews and empathy maps to understand primary users. Two rounds of usability studies informed redesigns from wireframes to high-fidelity prototypes. Key findings addressed navigation between sections and accidental button presses. The final design improved usability while maintaining aesthetic appeal. Next steps include further user testing and research.

Uploaded by

Rishajit Prakash
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

App to showcase an

Art Gallery
Rishajit Prakash
Project overview

The product:
A simple app to showcase an Art Gallery.

Project duration:
1.5 months
Project overview

The problem: The goal:


Art Galleries don’t have a lot of exposure to the Create an aesthetically pleasing app that will
general public without a good medium to draw in the general public
showcase their featured works
Project overview

My role: Responsibilities:
UX Researcher, UX/UI Designer My responsibilities included wireframing, user
research, usability studies, prototyping, etc.
● User research
Understanding ● Personas

the user ● Problem statements


● 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 working adults who are unaware of XGallery.
User research: pain points

1 2 3 4
Not known well Time Poor Communication Pain point

Most working adults are Most people aren’t Artists who are interested Write one to two
too busy and are usually drawn into putting in in showcasing their work sentences reflecting
unaware of effort to use an app for don’t find a proper on the pain point listed
lesser-known art an art gallery. medium to get in contact above and how it
galleries. with a gallery will guide designs
moving forward.
“Art makes me feel whole”

Add image that


represents this
Goals Frustrations
● To network with other ● Long check-in
persona
artists and perfect her processes
craft ● Lack of available staff
● To put up her own to help assist her at the
paintings in a gallery gallery
someday

Preethi
Age: 19 Preethi is an exceptionally talented abstract artist who is
Education: Bachelors in Design looking to perfect her craft. She loves meeting fellow artists
Hometown: Bangalore and is always looking to learn.
Family: Lives with Mom and
Brother
Occupation: Art Student
Browsing
Logging Browsing through
ACTION through
in/Signing up Gallery
Exhibitions

Tasks Tasks Tasks

A. Sign up using A. Tap the Content A. Tap the Gallery


their email icon icon
B. Logging in if B. Browse through B. Browse through
TASK LIST they’ve already upcoming the Gallery
made an account exhibitions.
Persona: Preethi C. Use the skip
option
Goal: Browsing Exhibitions at XGallery

User emotions User emotions User emotions


FEELING 1) Confused 1) Hopeful 1) Mesmerized
ADJECTIVE 2) Hopeful 2) Glad 2) Content

Skip button Layout Layout


IMPROVEMENT
OPPORTUNITIES
● Paper wireframes
Starting ● Digital wireframes

the design ● Low-fidelity prototype


● Usability studies
Paper wireframes

[Your notes about goals and


thought process]
Digital wireframes
(Low-Fidelity)
Digital wireframes

[I initially made browsing


through various exhibitions
horizontal navigation]
Low-fidelity prototype

https://www.figma.com/file/UGzQ
8uArivvLaCiMwqYf33/Untitled?no
de-id=0%3A1
Usability study: findings
I conducted two rounds of usability studies. Findings from the first study helped guide the
designs from wireframes to mockups. The second study used a high-fidelity prototype and
revealed what aspects of the mockups needed refining.

Round 1 findings Round 2 findings

1 A Sign up and Login Page would make 1 The skip button was accidentally
things receiving newsletters easier pressed often

2 Users want better navigation between 2


Gallery and Exhibitions

3 Users want a better layout for the


Gallery
Mockups
Refining

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

[Based on the usability


studies, I improved the
navigation between Content
and Gallery, as well as the
layout.]
Mockups
Before usability study 2 After usability study 2

[Since users often


accidently pressed the skip
button, I have made the
Skip button a ghost button]
Mockups
High-fidelity
prototype

[https://www.figma.com/
proto/eYUKpF9ueQ7vS4E
DXQs3k5/XGallery?node-i
d=227%3A2342&scaling=
scale-down&page-id=221
%3A1891&starting-point-
node-id=222%3A1867]
Accessibility considerations

1 2 3
Applied the use of Use of consistent Navigation is minimal and
negative space iconography simple
● Takeaways
Going forward ● Next steps
Takeaways

Impact: What I learned:


The app makes users feel more drawn into this While designing the XGallery App, I learned
relatively unknown Art Gallery, due to its that the first ideas for the app are only the
aesthetic appeal. beginning of the process. Usability studies and
peer feedback influenced each iteration of the
One quote from peer feedback: app’s designs.
“This App Design Oozes Class”- One of the Google
Peer Reviewers
Next steps

1 2

Conduct another Conduct more user


round of usability research to determine
studies to validate any new areas of
whether the pain need.
points users
experienced have
been effectively
addressed.
Let’s connect!

IThank you for your time reviewing my work on the XGallery App! If you’d like to
see more or get in touch, my contact information is provided below.

Instagram: @rishajit, email: [email protected]

You might also like