1 Overview
Role: Content Designer, UX Designer, User Researcher
Timeline: 7 months
Context: artvibra is a responsive app connecting art lovers to the upcoming and current art space.
Tools: Miro, Figma, Canva, Microsoft Suite
Problem: Users are in the dark about when new are exciting exhibitions are on and available information is challenging to find.
Solution: Connect art lovers with vibrant events, exhibitions, and workshops fostering cultural engagement and seamless access to public art events.
Questions
How can users discover a diverse range of events that align with their preferences?
How can artvibra streamline the user journey, ensuring a simplified and user-friendly process for art enthusiasts to discover, plan, and attend art events with ease?
2 Empathise
Meet the users
"As an art enthusiast, I want to engage in more interactive art history, so that I can learn more!" - Sasha.
"As an art enthusiast, I want to engage in more interactive art history, so that I can learn more!" - Sasha.
"As a professor, I want to stay updated on art movements, so that I can improve my lectures and seminars for my students." - James.
"As a patron, I want to know when exhibitions are on, so that I can enjoy a day out." - Gothai.
User Pain Points
Here are a list of user pain points I anticipate and how I intend to avoid them.
Complex Booking Process —> artvibra's design will prioritise streamlining the user journey by simplifying booking steps, enhancing the search bar functionality, and minimizing friction to ensure a seamless and enjoyable transaction experience.
Lack of personalisation —> artvibra will incorporate user profiling and behaviour analysis (search history) to offer tailored event suggestions, allow users to review and recommend events.
Limited Event Discoverability —> artvibra will refine recommendation algorithms and enhance search capabilities, providing users with a broader and more personalized array of art events.
User Research: I used qualitative and quantitative research methods (user interviews, surveys, and usability testing). The research revealed user behaviour and expectations nuances, challenging some initial assumptions. For instance, users strongly desired personalised recommendations to enhance their overall art experiences during the prototyping stage.
User Research: I used qualitative and quantitative research methods (user interviews, surveys, and usability testing). The research revealed user behaviour and expectations nuances, challenging some initial assumptions. For instance, users strongly desired personalized recommendations to enhance their overall art experiences during the prototyping stage.
UX Research Study
I'm designing the artvibra app to help people find and book multiple art-related events in one place, allowing them to skip endless searches and enjoy a streamlined payment process.
Research goals: Figure out if collaborative ordering and collective listing of available art events saves people time when searching and booking activities.
User Research: I used qualitative and quantitative research methods (user interviews, surveys, and usability testing). The research revealed user behaviour and expectations nuances, challenging some initial assumptions. For instance, users strongly desired personalized recommendations to enhance their overall art experiences during the prototyping stage.
UX Research Study
I'm designing the artvibra app to help people find and book multiple art-related events in one place, allowing them to skip endless searches and enjoy a streamlined payment process.
Research goals: Figure out if collaborative ordering and collective listing of available art events save people time when searching and booking activities.
UX Research Study
I'm designing the artvibra app to help people find and book multiple art-related events in one place, allowing them to skip endless searches and enjoy a streamlined payment process.
Research goals: Figure out if collaborative ordering and collective listing of available art events saves people time when searching and booking activities.
I then made note of the Key performance indicators (KPIs) I would use:
Time on task
User error rates
Conversion rates
To ensure relevancy, I decided that my participants would be art lovers with full-time jobs who visit museums or exhibitions at least once a month.
To ensure inclusivity, the study will include two males, two females, and one nonbinary individual.
The study is designed to be accessible for use with a screen reader and a switch device.
Script example:
4 Ideate
Paper wireframes:
3 Define
Affinity Diagrams to be added.
Goals and Thought Process: I want a clear homepage layout, incorporating interactivity and optimizing user flow for a cohesive and engaging experience. A feature beneficial to this app is the seamless carousel, as it allows multiple exhibitions to be shown while optimizing space.
4 Ideate
Paper wireframes:
Goals and Thought Process: I want a clear homepage layout, incorporating interactivity and optimizing user flow for a cohesive and engaging experience. A feature beneficial to this app is the seamless carousel, as it allows multiple exhibitions to be shown while optimising space.
Goals and Thought Process: I want a clear homepage layout, incorporating interactivity and optimizing user flow for a cohesive and engaging experience. A feature beneficial to this app is the seamless carousel, as it allows multiple exhibitions to be shown while optimizing space.
Low-fidelity wireframes:
5 Prototype
artvibra's soft reddish-orange colour palette and funky 'hobo' script invite a playful and artsy vibe to the ticket-buying space.
I used Colorkit.co to create my colour palette and utilised different shades and complementary colours to ensure artvibra's design complies with WCAG standards.
I initially chose the suggested complementary colour #3AB9CA for artvibra's UI and logo.
However, after testing in Kleki, I found that the dark teal was too harsh and potentially inaccessible for colourblind users or those using dark mode.
I liked the idea of a blue contrast and played around with different shades until I chose a softer blue (#8CCED3) for artvibra's UI and logo.
Using #8CCED3 as a contrast allows the reddish-orange tones to stand out.
As artvibra is designed with the entire community in mind, I designed a cheery but wobbly (on purpose) mushroom for its logo. The mushroom —let's call him Frank, haha fungi frank—represents the trial and error of the art space, the urge to try something new, and embrace that creativity is not standardised perfection.
artvibra, and, well, Frank, invite their users to explore new art-related events, exhibitions, talks, and workshops in a unified app designed to make finding and booking art events easier.
3 Define
*Affinity diagrams to be added.
What I Learned … (so far)
In my learning journey, I've realised the importance of iteration in design. The notion of quick 5-minute wireframe exercises has been a game-changer, combating design fatigue and emphasising that perfection is a process, not an endpoint.
