Pain Point

In the initial version of the work index page, each work lacked tags or categories. This led to user confusion as they couldn't easily identify the type of works they were interested in, making it challenging to find their desired content.

 Before

After

Iteration 1

I added links to the tags, so that users can click on the tags to browse works of the same type.

Usability Testing

Users provided feedback that although they could browse a specific type of work by clicking on the label, all works would appear together when they returned. Additionally, due to the label's auxiliary nature, it wasn't very prominent, and not all users would click on it.

Drop-down menu

Code

Iteration 2

To address this issue, I implemented a non-skippable step before browsing works. I made modifications to the code and added a drop-down menu, allowing users to find the specific type of work they want to see more accurately.