Empathy Maps & User Personas
Using the information gathered from our initial customer resarch, I translated that insight into an empathy map to identify our users' painpoints and desires, which then informed two of our user personas, an arts administrator and an artist.
User Stories & Flows: We prioritized user stories that focused on wanting to learn about new artists and supporting their work (either by following them on social media or making sales). Outreach and awareness are key to reaching a Minimum Viable Product.
Wireframes + Sketches
Next I began sketching some solutions that I would convert into wireframes after some very basic user testing. Sketching allows for divergent thinking and makes the design process as collaborative as possible.
These are wireframes of the Virtual Project Room, Homepage, and Donation page.
Usability testing was performed using Adobe Xd’s usability testing interface and Zoom. We had four participants and met for 30 minutes.
Donation checkout flow.
Selecting an article to read.
Using horizontal scroll to make it through the entire article.
Using horizontal scroll to explore the entire gallery flow.
All of our users were able to make it through the donation process, but some would have preferred an option to use paypal, and others wanted more confirmation screens. 3/4 of the users were able to select an article to read, with some users a bit confused by the low fidelity of the prototype. Only half of our users were able to use the horizontal flow. One user had a hardware problem that would not let them scroll in that direction, and another user did not know it was an option. We later added icons to clarify the scrolling feature.
Low Fidelity PrototypeInteractive/Clickable Prototype
I would want to add some fidelity to the prototype using actual content from the gallery, and then perform some more usability testing and A+B testing. Additional heat map testing would also provide insight into user preferences. Adding more payment options to the donation page would increase the donation base. I would do more experimenting with applying parallax effects and animation to the online project space.
For the article pages I may forgo the horizontal scroll altogether and create a series of pages that would be reminiscent of printed book spreads that would have navigation from left to right, but would load as its own page that could be scalable.
This quick design sprint was an exciting opportunity to work with my first UX client, and use this design process to clarify their goals and make them actionable. Working with the client also gave my design process the gift of divergent thinking, where I was able to take their perspectives and wishes into consideration. This product will serve as a library of sorts, a space where users are immersed in a wealth of artist’s projects and scholarship that honors their work, while at the same time giving a voice to the gallery and its mission. The design also addresses accessibility concerns, not just through a simple high contrast presentation, but by providing user affordance by offering an audio interface to listen to articles and a “reader view” that presents the article information without any of the design elements that could impede a reader.
We both were a bit new to this process, and I should have made a clearer timeline for our meetings and my deliverables. Our communication was warm and effective, but I would have preferred to offer more structure and efficiency to keep the momentum of the Sprint consistent.