...
Section |
---|
Column |
---|
| 
|
Column |
---|
| This interface is much more visual and allows Mrs. Black to immediately zoom in to the specific areas that she is interested in, while filtering for Rebecca's interests and qualifications for the college process. The first map allows Mrs. Black to begin selecting important features and zoom and select a region of interest. Once she has selected the New England area as her first area of interest, she could zoom further or begin to see schools represented as pins in the map. When clicked on each of these colleges a description will be pulled up with important statistics (e.g. average SAT scores/GPA of admitted students) and key tour times that might be necessary for planning to a visit. As she inspects schools Mrs. Black can decide to add those schools to her current selections or go back to searching other schools and clicking on other pins in the map. Since Rebecca is particularly interested in urban schools, eventually Mrs. Black can zoom in to the city level and just look closely at the Boston schools she as selected on a map. In the final screen Mrs. Black can see the generated itinerary with a map view showing the route from one school to the next (to stay consistent with the overall map interpretation of the problem). |
|
Hybrid Design (travel site + map)
Section |
---|
Column |
---|
| 
|
Column |
---|
| In this design, Mrs. Black would log on and immediately begin to filter her search by the criteria that Rebecca finds most important. By having an interface similar to other travel websites, it will allow her to quickly begin searching for schools fitting into certain categories. Once she selects the criteria a list of schools will be generated ("Results" in the second panel) and all of the schools will be put onto a map so Mrs. Black can see relative locations and make selections of schools that she would like to visit. |
|
Section |
---|
Column |
---|
| 
|
Column |
---|
| After making her selections Mrs. Black will be brought to a screen showing all of the possible itineraries that she could use to get to visit all of the colleges and go on tours and information sessions. There will also be a list of activities happening at each school that fit within her criteria (e.g. varsity soccer games this weekend) so that they can see if there is something they would like to attend and add it to their itinerary. Then she can select an itinerary or components of the schedule and add them to a Google-Calendar type interface where the whole trip can be laid out. She can save multiple itineraries and thus plan all of her college tours through this website. |
|
Preliminary Designs
These are some of the designs that we created while brainstorming and components of each of them were combined into the above storyboarded designs. Some features of these may also be present in our final design, as we refine our interface further.
Sharon
Section |
---|
Column |
---|
| Image Added
|
Column |
---|
| Description 1 goes here |
|
Section |
---|
Column |
---|
| Image Added
|
Column |
---|
| Description 2 goes here |
|
Section |
---|
Column |
---|
| Image Added
|
Column |
---|
| Description 3 goes here |
|
Kevin
Section |
---|
Column |
---|
| Image Added
|
Column |
---|
| Description 1 goes here |
|
Section |
---|
Column |
---|
| Image Added
|
Column |
---|
| Description 2 goes here |
|
Section |
---|
Column |
---|
| Image Added
|
Column |
---|
| Description 3 goes here |
|
Alex
Section |
---|
Column |
---|
| Image Added
|
Column |
---|
| Description 1 goes here |
|
Section |
---|
Column |
---|
| Image Added
|
Column |
---|
| Description 2 goes here |
|
Section |
---|
Column |
---|
| Image Added
|
Column |
---|
| Description 3 goes here |
|
Zach
Section |
---|
Column |
---|
| Image Added
|
Column |
---|
| Description 1 goes here |
|
Section |
---|
Column |
---|
| Image Added
|
Column |
---|
| Description 2 goes here |
|
Section |
---|
Column |
---|
| Image Added
|
Column |
---|
| Description 3 goes here |
|