Page History

...

{html}<a href="javascript:showhide('design1');" id="design1show">Show this design</a>{html}

{html}<div id="design1" class="hidable">{html}

1) For tiny screen:

This design pursues the goal of minimizing the amount of information displayed so it's compatible with tiny screen such as cellphones. The main screen of the UI will contain several icons representing the main tasks to be accomplished by users. Let's focus on (T1) buying tickets as first task. The user clicks on the "buy tickets" option, then a very simple screen is shown with two options: today or for other day. The idea is to present the "option" today because it's expected to be widely used and that way we reduce the time for the user to select the date in a calendar which is usually tedious in a tiny screen. Once the user clicks "today", the UI shows a form with the minimum amount of fields required to do the electronic transaction for payment. No registration is required. The user gets then a confirmation number that can be used to have direct access tot he Aquarium.

Once the visitors are inside the aquarium, they can look for the location of a specific species (T2) by selecting the icon "species". A list of animals is displayed using recognizable pictures and then clicking in one animals will produce a new screen with general information and the location.

Image Added

The UI can handle alerts about sessions that are about to start as well as another main icon with this events (T3). After clicking in the events icon or the alert, the UI shows information about the session, the location and quick access to the schedule of other sessions in the same day.

Finally, the user also have access to information about a specific specie that is interesting by clicking in the species icon (T4). It's important to remark that sometimes is hard for non-expert to identify that an animal in a picture is the same that is being observed in the tank so it will be important to produce good images that facilitates this recognition.

Image Added

2) Sea Metaphor:

Image Added

Image Added

3) Thumbnail-styled groups of animals-locations-exhibitions:

Image Added

{html}</div>{html}

...