Minimum viable product Wireframes and explination - Hamster339/Piping-Tool-Java GitHub Wiki

Intro

This page will showcase the wireframes for the minimum viable product of this project, and use them to explain in greater detail how the program is to work. A series of wireframes will take you through the workflow of creating a new list, creating a new tune, and adding that tune to the list.

newly opened program

This wireframe shows the state of the program when a user first opens it.

new item menu

Here the user has clicked on the new item menu in the top left of the screen.

creating a new list

Here the user has clicked the "new list" option in the menu. The list creation window has opened.

new list created

Here the list has been created and the user has been returned to the home screen.

Adding tune to list

Here the user has selected the option to add a new tune to the list. No tunes are available to add as no tunes have yet been added to the program.

creating a new tune

Here the user has chosen to create a new tune to add to the list, from the "create tune" option at the bottom of the "add new tune" window.

Ready to add a new tune to list

Here we can see that the user has successfully created a new tune, and it now shows up as an option to add to the list.

tune added to list

The user has successfully added the new tune to the list.

accessing tune infomation

The user has now selected the added tune to view information about it. Note the edit button allowing the user to edit the details of the tune.