{html}<style> 
.hidable{display:none;} 
</style> 
<script>{html}

{html}function showhide(section){ 
var ele=document.getElementById(section); 
if(ele.style.display!="block") { 
ele.style.display="block"; 
document.getElementById(section+"show").innerHTML = "Hide"; 
} else { 
ele.style.display="none"; 
document.getElementById(section+"show").innerHTML = "Show"; 
}}</script> 
{html}

GR3 - Paper Prototyping

...

1. Scenario

...

Two people with a kit arrive at the aquarium without a visit plan. They have limited time available because they are tourists in Boston. This web-based system is available through a mobile device to accomplish the some specific tasks:

2. Description of the initial prototype

most common tasks required by visitors.

We asked a total of 7 users to solve a set of 4 tasks while pretending to be visitors to the Aquarium. We used two prototypes and some changes between user tests in order to improve the UI. The observations, changes, usability problems and prototypes are described bellow.

...

2. Description of the initial prototype

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

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

...

The following table presents all the screens used in this prototype desing.

{html}</div>{html}

...