Skip to content

Rough Designs

Suzanne Prentice edited this page Sep 24, 2019 · 19 revisions

Login Screen

The login screen is the main page users will get to when searching our website. Users can do several things here: login, create an account, or continue as a guest. One they choose one of these things they will be redirected to the homepage.

Homepage

The homepage is where users can copy and paste text and analyze it. They can also upload a file. After the text is analyzed, the final output screen will appear (with the analyzed text and corresponding statistics). The sidebar is used for navigation.

Recently Used 1

The recently used screen is where users who have an account, can look at previous files they have analyzed. They can also upload another file to analyze. Users can also group files into projects and compare the files in a project here. The sidebar is used for navigation.

Recently Used 2

This is the second version of the recently used screen. It has the same functionality as described above, but has a different design.

Final Output Screen

The final output screen is very similar to the homepage, however, it shows the analyzed text and algorithms used. It also shows the statistics that have come from the analysis. Users will see the analysis both on the text and to the right side. Users can also add more statistics (statistics from less commonly used text processing algorithms), or hide statistics they do not care about.

Browser Extension

This is the main screen a user sees when they click on the button for our browser extension. They can choose what algorithms to use on the website and then run it. The user can use the links at the bottom to navigate to the website pages. They can either use link one to login or they can use the homepage link to go to the main page.

Browser Extension with Error

This is the error screen a user sees when they try to use the browser extension but something goes wrong (ex. our extension was not able to get the text). The user can use the links at the bottom to navigate to the website pages. They can either use link one to login or they can use the other link to go to the main page.

Navigation between screens

The homepage, recently used screens (both versions), and the final output all utilize a sidebar to navigate to the other screens. Users can click on a number of buttons to get to all other pages on the website (note: we have not fully decided what other pages we will include). When a user goes to the homepage, enters their credentials, and then clicks the login button they will be redirected to the homepage (from there they can use the sidebar for navigation). Lastly, from both the browser extension pages, the user can use the two links at the bottom to navigate to other pages. They can either use link one to login or they can use the homepage link to go to the main page.