This design focuses on live search, allowing the user to quickly see search results and get instant feedback on if his search is too specific (no results) or still too broad (page upon page of results.) The user can still filter by a selection of classes and/or skills in order to find matching students.
Design 1: inputting requirements and live search
Sketch |
Explanation |
---|---|
|
Professor Smith first goes to the home page, where he is presented with the search form. He can see, at a quick glance, that we have 19-24 students in the system (6 per page, 4 pages.) He can then begin adding classes/! |
|
He first wants to quickly view a student's profile, because one caught his interest. He clicks on the ID card on the search page. He would see an overlay like this. At this point, he could select the student or close the popup. The overlay can also be closed by clicking on the grey, transparent overlay (the squigglies in the drawing.) |
|
After closing the overlay, Smith begins to search by adding a few classes. He notices the results are beginning to thin without the page reloading. All of the sudden, we only have four results. |
|
So, he decides to add some skills now, to further thing the candidate pool. |
|
After getting only three results, Smith clicks the check box for each student, selecting them. (Their ID box changes color as well to signify selection.) He then clicked "E-mail students" and went on to find this page. |
|
He then types up an e-mail title and body to send to the students. |
|
Sadly, he was just informed midway through the process that he can only have two students, so he decides to remove the last one by clicking the red X. |