Software Engineering-UI prototype design, software engineering-ui prototype

Software Engineering-UI prototype design, software engineering-ui prototype

After today's discussion, our group initially provided the design scheme.

After one night of installation, mockupBuilder finally draws several prototype diagrams of the interface. here we need to talk about mockupBuilder. This software is very useful, but the web version and standalone version provide different functions, the standalone version is more comprehensive, but the disadvantage is that it cannot be saved...

Homepage: (the preliminary idea is similar to the homepage style of the Netease cloud class)

Move the mouse to the corresponding label, and the corresponding sub-title will appear. Click the sub-title to enter the learning interface (ps: the learning and login registration page is under the responsibility of another student in the same group, I will not write it here)

After login, The main change here is that the options in the upper right corner have changed. Click the home page to go to the user's personal page, and exit to return to the home page.

The personal page records the user's viewing records and favorite courses. Click the course name to go to the learning page.

 

References:

1. NetEase cloud class

2. the user interface design prototype document is released!

3. mockupBuilder Official Website