New Jersey
Artly: An art history app for all.
Artly: An art history app for all.
PROJECT: Artly | ROLE: UX Designer | DURATION: June 2022 - August 2022 (2.5 Months)
“Life imitates art far more than art imitates Life.”
- Oscar Wilde
Whether it is figuring out how to decorate a college dorm or taking inspiration for personal endeavors, we can learn from a lot from art’s past and present. With such rich, expansive history, we can begin to explore the future, ranging from architecture, product design, or even art as an entity.
Problem and Solution
With art from all around the globe from centuries upon centuries, it is difficult to find exactly what you want to learn. More than this, how can someone look for something they did not even know existed? For those who want to explore art, it may be incredibly daunting to start. I created an exploratory user flow to address these concerns, featuring personal artist curations, an expansive database, and effective organization features.
Understanding the User
I conducted interviews with five (5) users. I initially asked about their thoughts on physical art galleries and potential frustrations. To my surprise, the reason users attend art galleries were quite different, as well as their frustrations. I constructed two (2) personas, along with user stories, to embody potential users.
![](https://freight.cargo.site/t/original/i/ce59c028b1ff8bf6e47c8b52e0c39181db460ca48460bf44c56cba0c7ce2e597/Course-2--Week-1---Personas.jpg)
![](https://freight.cargo.site/t/original/i/df609dc97f3def16cd15640933dd8ccfe0f56c0aa8349671a94ba5474ff18c9a/Course-2--Week-1---Personas-2.jpg)
As a freelance artist, I want to go to art museums so that I can learn about art techniques and utilize them in my own work.”
“As a full-time student, I want to discover artists in an organized manner so that I can learn about art history without being overwhelmed.”
Ideation
I first determined the information architecture to inform the user flow. From there, I began to brainstorm how to structure content on each screen to start making wireframes. For each screen, I created five (5) different versions, selected specific elements I liked, and consolidated them.
![](https://freight.cargo.site/t/original/i/a1ac6ccfa25dbadd52d3de4a3e75c2f2d8c07773a0852e2ab75d254b57dbc182/Screen-Shot-2022-09-17-at-11.53.59-PM.png)
Main user flow
![](https://freight.cargo.site/t/original/i/5964d711ec9c8f2019adc99260e51aa69d580a17d3f44a17e3468b604ee2dd1d/IMG_0208-2.jpg)
5 ideas for home screen
Consolidated main home screen wireframe
I then created digital wireframes. After I finished the digital wireframes, I created an interactive, low-fidelity prototype. I gave it to five potential users, received feedback, and collected insights to reiterate upon.
![](https://freight.cargo.site/t/original/i/13363e593c92646fd9fb3b861f0143a31f2a148c142c00603b2bead3862d3c1c/Screen-Shot-2022-09-18-at-12.34.12-AM.png)
Low-fidelity prototype
User Research
I conducted both a research and usability study to gain insights and understand pain points. Using Miro, I then made an affinity map to highlight key points and visually organize them.
Users wanted:
Users wanted:
- Clearer labels
- More gestures
- Expansive features for folders
![](https://freight.cargo.site/t/original/i/4f4317dbda64836df60ad0e458590e6fbd9f86ad94a7b792436bf36eb344ac86/Screen-Shot-2022-09-18-at-10.28.22-AM.png)
Affinity Map Diagram