{html}<style> 
.hidable{display:none;} 
</style> 
<script>
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 { 
ele.style.display="none"; 
document.getElementById(section+"show").innerHTML = "Show this design"; 
}}</script> 
{html}

GR2 - Designs

Scenario

Mary is a parent with three children, Andy (12), Barry (10), and Christine (7). Christine comes home from school with an invitation from her friend Daisy to a birthday party next Saturday at 2pm.

Mary would like to add this event to her calendar (Task 1).

After adding the event, Mary would like to view the calendar to plan how to get Christine to the party (Task 2).

When Mary views the event, she sees that Andy has a soccer game at 2pm for which. Mary is planning to drive. Additionally, Barry has drama rehearsal at 2pm for which her husband Nick is planning to drive. Unfortunately, the soccer field, drama workshop, and birthday party are far away from one another, and Mary and Nick will not be able to drive all three children to their events.

So, Mary would like to reach out to other parents or relatives to help getting all three children to their separate events (Task 3).

After Mary reaches out, it turns out that Christine’s best friend Eleanor who lives nearby is also going to the birthday party, and Eleanor’s mother Olivia offers to take Christine to the party.

To show this, Mary would like to update her calendar to show that Olivia will be taking Christine to the birthday party (Task 4).

Design Sketches

Design Set

...

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

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

...

Image Removed

...

The main site navigation has two main navigation bars. The top bar will contain on the left notifications and messages indicator with links to the respective pages, and to the right your standard user account management. The right bar will contain simple text links to all of the main components of the site, and clicking on any link will load the relevant content into the "Content" section.

...

Image Removed

...

The home page will contain the sign in/sign up page. The main focus will be these two mechanisms in the middle of the page, in a widget that can switch tabs between the two. The benefits of this design is that it should make signing in/up super simple. We only ask of the user as little as we really need to in order to create an account, or access their account. There will additionally be some links at the bottom of the page with the standard contact, about, etc... that lead to the relevant content.

...

Image Removed

...

1 - Preston

Preston's Designs

Design Set 2 - Ari

Ari's Designs

Design Set 3 - Andrew

Andrew's Designs

Design Set 4 - Rodrigo

Rodrigo's Designs

Storyboard Designs

Physical Metaphor

Design for Physical Metaphor

Single-Page Effect

Design for Single-Page Effect 

Minimalist

Design for Minimalist Wiki Markup{html}</div>{html}