The webpage should have four main parts:
(1) The search box, (2) the output map, (3) single-article view and (4) the interaction component. There should also be a logo at the top, and about/contact links at the bottom.
We do not have a logo -- you are welcome to include one in the design, or just write the name in some nice font.
The most important challenge is, in our opinion, fitting the four parts in a single web page without it getting too cluttered (say, when browsed from a laptop). For this reason, the design has to be truly minimalistic and clean. We do not want any real photographs on it -- only geometric forms or clipart.
Also, we want to stress the importance of usability. Since the user interface is non-standard, the user needs to easily understand how to use the site.
Here are some of the considerations we have in mind.
* Output map:
- What does the map look like (fonts, background, frame, etc)?
- There are usually about 20 'stops' in the map. How do we fit twenty titles+dates in the map? Horizontal scrolling? Zooming and panning?
- The x-axis of the map corresponds to time -- should the date appear under/over the map instead of in the stop name?
* Single-article view:
- Where does the article show up? Is it a side bar? Perhaps hovering above the map? We prefer that it does not appear in a new window.
* Interaction component:
What does the interaction component look like? Where on the page is it located? What is the interaction mechanism?
Here are some options, but feel free to add your own.
- Word placement: one word per line.
- Importance: represented by size? color? both?
- Adjusting importance: dragging a word up and down the list? having small '+-' buttons near each word? something completely different?