...
Note: the following sections have been organized divided in parts that can be displayed by the reader for better organization. Please note that this is working in Firefox and Safari, but not in chrome.
...
This design is inspired in a metaphor of the underwater environment. The idea is to present an underwater picture in which animals are clustered according to their locations in the aquarium so that species that are together in the aquarium are in the same cluster in the UI as well. These clusters are drawn near some rock or little sub-environment in the picture and this represent the location. Finally, an underwater diver representing the expert staff is displayed near the species involved in an informative session.
It is posible possible to click on animals (T4), locations (T2) or divers (T3) an each one present the related information an also presents links to the other to options. For example, clicking over an animal shows information about the specie (T4) and also one button to related informative sessions and the location information.
This allows the user to have all the information linked to only one page. After clicking in one of the main options (an animal, diver or location), the new window is shown over the previous one and can be easily closed by clicking the x button so that the user can go back very easy if it was a mistake.
The tickets section (T1) can be handled by a bottom in a corner that replicates the previous design.
3) Thumbnail-styled groups of animals-locations-exhibitions:
This design is similar to the thumbnails that are used by some browsers to present the user the favorites or the most used links. The idea is to show groups of animals-locations-exhibitions that are related by location in the Aquarium. Each group is displayed in a thumbnail. The user can click in one of them an get a bigger window with all that information. Then it is possible to click in the location (T2), an animal(T4) or an event (T3) a get the information that was requested.
| Wiki Markup |
|---|
{html}</div>{html} |
...