Album pre-ordering app for a rock band
The product:
The app is for rock music lovers, that are collecting albums too. App ensures that they have their albums when the album is already released.
Project duration:
December 2021 - February 2022 (It is a fictitious project for Google UX Design Certificate studies)
The problem:
People does not have time for checking up when the album they want is already released.
The goal:
Create an app that ensures easy and fast album pre-ordering process.
My role:
UX designer, researcher.
Responsibilities:
I conducted multiple user researches. I also made wireframes, prototypes (both low and high fidelity), mockups.
UNDERSTANDING THE USER
User research. Affinity diagram. Personas. Problem statements. User journey maps. Storyboards
User research: summary
I conducted direct user research with seven questions. There were 8 participants. I wanted to know what expectations people have when they hear about an app like this.
User research: pain points
#1
Users do not want to waste their time on checking when it will be available to order. They need time saving solution.
#2
Sometimes albums are sold out the same day they are released.
#3
Record stores are in inconvenient locations
Personas
User journey map
Mapping user journey showed how helpful this kind of app would be.
Affinity Diagram
Storyboards
STARTING THE DESIGN
Paper wireframes. Digital wireframes. Low-fidelity prototype. Usability studies
Paper wireframes
Paper wireframes is important step ensuring that all components would fit together in digital wireframe. First wireframes were very different from from what it end up. I was almost sure there would search field, burger menu and other things that later were refused.
Digital wireframes
Compared to paper wireframes, digital wireframes were little closer to what I end up with. I focused on two main buttons - listen to album and pre-order.
Usability study: findings
REFINING THE DESIGN
Mockups. High-fidelity prototype. Accessibility
Some mockups of refined design
Mockups before and after usability study
Accessibility considerations
#1
Big bright buttons for easy navigation.
#2
High contrast - white text on dark background for better readability.
TAKEAWAYS
Impact:
The app is clear and simple to use. It does not have any unnecessary things that distracts from its’ main point.
“Pre-ordering is super easy, as it is the main feature of this app.” - usability study participant.
zbliujute@gmail.com
