Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Prototype 1 Photos

Image

Description

Image Removed  Image Added

The main page.  Barring a login system, this is what the user would see when they first progress to the StudentSearch website.  We included the browser in our paper prototype, incase the user decided to try the back, forward, or refresh buttons, so that we could present our warning dialog.  This page has a blank search (no courses or skills), a pagination bar of 7 pages, and 8 students randomly sorted (since no search criterion can be applied yet.)

Image Added
Image Removed 
Image Removed Image Added

The user enters a class to search for and then hits enter, adding that class as a search box on the left.

Image Removed
Image Removed

 Image Added

Image Added | After entering a search term, the Start New Search button becomes usable and the search results begin to update, including the pagination bar shrinking from 7 pages to 2. |

Image RemovedImage Added Image Removed

After entering more classes, the user tries to enter an OR clause.  He hits enter and gets the following result, depicting an OR clause.  The search results again update.

Image Removed Image Added

Afterwards, he clicks on the button to view more student information.  Here you can access a student's resume or recommendations (if applicable) and view just some more information about them.

Image Removed  Image Added Image Added Image Removed

This is a user trying to hide a student by clicking the X.  It would temporarily remove the student from the search results.  By hiding a student, it also adds the undo bar (2nd pic) and shows the "View Hidden Students" button (bottom, next to e-mail.)

 Image Added Image Removed

The user decides to unhide one student, but is unsure which.  He views the hidden students page, where the "Restore" button has replaced the X's on the cards so that he can restore them.  (A restore all option is also available.)

Image Removed  Image Added

By clicking a student back on the main page, a user selects students.  They achieve a green highlight to signify their selection.  Once he's done, he will click the "E-mail" button to progress.

Image Removed  Image Added

He'll now attempt to e-mail the students.  He has the ability to remove a student from the recipient's list on this page, barring the need to go back.  Should the user to decide to go back to add another user, their currently entered body and message will be saved so that they don't have to retype it.  (It's very easy to highlight all and delete.)

Image Removed  Image Added

Once ready to start a new search, the user is shown the following confirmation dialog.

...