Wire frame notes - Requriments-on-engr-analysis-project/future-sponsor-project GitHub Wiki

Sketch Description:

The first frame shows the home page of the program along with its links to the other essential pages. The second frame shows a list of client data and where to edit that data. The third frame shows the salon's current stock along with some data on each item in stock. The final frame shows a list of employee information and where to edit that data. The wireframe helps with planning by giving an example of how the frame of the program may look and how it might link to other parts of the program giving the programmer a better picture of what their making.

diagram creation Process:

First I read over the reading and my notes to get a better picture of the frame I was making then I used the website draw.io to create the wire frame. To begin with the wireframe I examined my sponsor's old program and used that as a basis, focusing more on ease of use for the user. Afterward, I settled on using a size 16 font to make the wireframe's text easier to read. For colors, I decided on a color scheme of green and grey with a light blue font for the salon's name and a white background for important text and links. Finally, I began making the boxes, filling in the text, and linking the frames with lines. If anything needed more clarification I would make an arrow with text for the part in question.