html: Security restricted macro is not allowed. An edit restriction is required that matches the macro authorization list.

<style>
.hidable

Unknown macro: {display}

</style>
<script>

html: Security restricted macro is not allowed. An edit restriction is required that matches the macro authorization list.

function showhide(section){
var ele=document.getElementById(section);
if(ele.style.display!="block") {
ele.style.display="block";
document.getElementById(section+"show").innerHTML = "Hide this design";
} else

Unknown macro: { ele.style.display="none"; document.getElementById(section+"show").innerHTML = "Show this design"; }}

</script>

GR2 - Designs

1. Scenario

A couple (Anne, Joe) with a kid (Andrew) are tourists in Boston. They decided to go to the Aquarium and they arrive at about 11am. The line for buying tickets has about 70 people waiting and the couple don't have too much time because they would like to visit other places in Boston during the weekend. While in the line, the staff informed that they can buy tickets on-line using their cellphones and in that case they can skip the line and go to the priority access line which is empty. Joe tried to buy the tickets on-line but he found he needs to register. He did try but the cellphone is a little bit uncomfortable for typing and selecting, so after dealing with the website he abandoned the idea and they stay on-line. After 45 minutes spent in buying tickets, they get into the Aquarium and Andrew saw an advertisement about the Blue Little Penguins. Andrew asked his parent to go there but they were confused because the Penguins are signaled to be in the main exhibition place but since the aquarium is currently in reconstruction they were moved. They tried to find the Penguins following the arrows marked in the floor but they got confused, in part because there is so many people in the place and there are arrows for different species, that they got to the wrong floor. They went back and Andrew started playing with a touchscreen system but the parents were unable to find the information in the interactive guide. Finally they saw a member of the staff who helped them to get to the penguins. After that they continued walking through the aquarium and they discovered an exhibit was running in a place hidden at the entrance but it was just about to finish.

Note: This is an adaptation of real situations observed in the aquarium.

Tasks involved in this scenario:

(T1) Buying tickets on line. In this particular case, using a mobile device.
(T2) Find the location of a specific specie and navigate the building to get there.
(T3) Get information about interactive informative sessions held by staff (times-locations).

Other related tasks addressed in the following designs are:

(T4) Find information about an interesting specie that is in a tank.
(T5) Make a plan for the visit.

2. Individual design sketches

This section presents the individual designs:

2.1 Claudia

html: Security restricted macro is not allowed. An edit restriction is required that matches the macro authorization list. <a href="javascript:showhide('design1');" id="design1show">Show this design</a>

html: Security restricted macro is not allowed. An edit restriction is required that matches the macro authorization list. <div id="design1" class="hidable">

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.

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.

2) Sea Metaphor:

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