Thomas Francis
2 min readJan 7, 2022

--

This post is part of a project for the Web Development specialization at Holberton New Haven.

In response to the fake user persona and story map below, I have come up with the following ideas to improve overall user experience.

https://holbertonintranet.s3.amazonaws.com/uploads/misc/2020/2/c7786afc216b3a98a651.pdf?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIARDDGGGOU5BHMTQX4%2F20220107%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20220107T192216Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=3a64675a0b36b9ee56f142284c91795ed91645e678176a4351777c76d054308d

https://holbertonintranet.s3.amazonaws.com/uploads/misc/2020/2/accd845a3edce3f3f311.pdf?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIARDDGGGOU5BHMTQX4%2F20220107%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20220107T192217Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=832c799b6302a215557062878532919319e6e1d48f23049f1c5fbfec201c5aee

Addressing Specific Pain Points

  • instead of users initially scrolling endlessly, have a favorite song or favorite artist widget so that users can begin listening to them without typing in their entire name in the search bar
  • instead of a randomly choosing songs even from the same artist, switching between entire genre’s should be avoided to ensure a consistent user experience
  • make it so that clicking on the specific header in a list, sorts that list by that header. Clicking on year should switch between different sorting methods such as sorting by oldest or newest.
Figma Diagram
Favorites Widget Prototype
Favorites Widget Prototype Expanded (Pressing “Load more…”)

Opinions

Student #1:

I think the colors and font need to be closer to Spotify’s original look, but otherwise the feature seems straight-forward.

Student #2:

It’s missing a way to toggle it off and on. And there should be a “Less” button so that “Load more…” doesn’t go to infinity.

Student #3:

I like it. I would totally use it.

Student #4:

The widget needs to follow the font. The color is fine because it allows it to pop out just enough to know that it is its own thing.

Student #5:

Missing an “exit” and a minimize button. I like the concept.

--

--