<A href="https://wikis-mit-edu.ezproxyberklee.flo.org/confluence/display/6DOT813sp13/write%28%27now%27%29+Main+Page" mce_href="../../../../../../../../../display/6DOT813sp13/write%28%27now%27%29+Main+Page"><IMG mce_src="http://i.imgur.com/Z8RG17z.jpg" src="http://i.imgur.com/Z8RG17z.jpg" width="400px"></IMG></A>
<UL id="ul">
<LI id="li"><A href="https://wikis-mit-edu.ezproxyberklee.flo.org/confluence/display/6DOT813sp13/write%28%27now%27%29+-+Main+Page" id="a" mce_href="#home">Home</A></LI>
<LI id="li"><A href="https://wikis-mit-edu.ezproxyberklee.flo.org/confluence/display/6DOT813sp13/write%28%27now%27%29+-+GR1" id="a" mce_href="#news">GR1</A></LI>
<LI id="li"><A href="https://wikis-mit-edu.ezproxyberklee.flo.org/confluence/display/6DOT813sp13/write%28%27now%27%29+-+GR2" id="a" mce_href="#contact">GR2</A></LI>
<LI id="li"><A href="https://wikis-mit-edu.ezproxyberklee.flo.org/confluence/display/6DOT813sp13/write%28%27now%27%29+-+GR3" id="a" mce_href="#contact">GR3</A></LI>
<LI id="li"><A href="https://wikis-mit-edu.ezproxyberklee.flo.org/confluence/display/6DOT813sp13/write%28%27now%27%29+-+GR4" id="a" mce_href="#contact">GR4</A></LI>
<LI id="li"><A href="https://wikis-mit-edu.ezproxyberklee.flo.org/confluence/display/6DOT813sp13/write%28%27now%27%29+-+GR5" id="a" mce_href="#contact">GR5</A></LI>
<LI id="li"><A href="https://wikis-mit-edu.ezproxyberklee.flo.org/confluence/display/6DOT813sp13/write%28%27now%27%29+-+GR6" id="a" mce_href="#contact">GR6</A></LI>
</UL>
#ul
{
list-style-type:none;
margin:0;
padding:0;
padding-top:6px;
padding-bottom:6px;
}
#li
{
display:inline;
}
#a:link,#a:visited
{
font-weight:bold;
color:#FFFFFF;
background-color:#000000;
text-align:center;
padding:8px 24px 8px 24px;
text-decoration:none;
text-transform:uppercase;
}
#a:hover,#a:active
{
background-color:#2E2E2E;
}
.slideshow {
font-family:Arial, Helvetica, sans-serif;
width:800px;
height:500px;
overflow:hidden;
background-color:#000000;
color:#FFFFFF;
border:5px solid #000000;
}
.slideshow > ul {
margin: 0;
padding: 0;
}
.slideshow > ul > li {
display:inline;
margin:0px;
padding:0px;
font-size:1px;
margin-right: -1px;
}
.slideshow > ul > li > div {
display: none;
text-decoration: none;
float:left;
}
.slideshow > ul > li > div > p {
font-size:11px;
text-align:center;
padding:10px 0px 0px 0px;
margin:0px;
color:#FFFFFF;
}
.slideshow > ul > li > div > a > img {
border:2px solid #FFFFFF;
width:790px;
}
.slideshow > ul > li > img {
border:2px solid #FFFFFF;
margin:0px;
padding:0px;
width:80px;
height:60px;
}
/* Shows slides when mouse pointer is over a thumbnail image */
.slideshow > ul > li:hover > div {
display: block;
}
/* Highlights the thumbnail image when mouse pointer is over it */
.slideshow > ul > li:hover > img {
border-color:#FF6600;
}
Design (tim is working on this)
Describe the final design of your interface. Illustrate with screenshots. Point out important design decisions and discuss the design alternatives that you considered. Particularly, discuss design decisions that were motivated by the three evaluations you did (paper prototyping, heuristic evaluation, and user testing).
<IMG mce_src="http://i.imgur.com/FTcHMvX.png" src="http://i.imgur.com/FTcHMvX.png" width="800px"></IMG>
<DIV class="slideshow">
<UL>
<LI>
<IMG mce_src="http://i.imgur.com/qDsOplh.png" src="http://i.imgur.com/qDsOplh.png"></IMG>
<#comment><#comment><#comment><#comment><#comment><#comment><#comment><#comment><#comment><#comment></#comment>
<DIV>
<A href="http://i.imgur.com/qDsOplh.png" mce_href="http://i.imgur.com/qDsOplh.png" target="_blank" title="Click to see full image">
<IMG alt="Calm waters" mce_src="http://i.imgur.com/qDsOplh.png" src="http://i.imgur.com/qDsOplh.png"></IMG>
</A>
<P>Relaxing calm waters back home in <A href="http://ilo.wikipedia.org/wiki/Samboan,_Cebu" mce_href="http://ilo.wikipedia.org/wiki/Samboan,_Cebu" target="_blank">Samboan</A>, Cebu, Philippines.</P>
</DIV>
</LI>
<LI>
<IMG mce_src="http://i.imgur.com/P3TXxXQ.png" src="http://i.imgur.com/P3TXxXQ.png"></IMG>
<DIV>
<A href="http://i.imgur.com/P3TXxXQ.png" mce_href="http://i.imgur.com/P3TXxXQ.png" target="_blank" title="Click to see full image">
<IMG alt="Summer Pebbles" mce_src="http://i.imgur.com/P3TXxXQ.png" src="http://i.imgur.com/P3TXxXQ.pngg"></IMG>
</A>
<P>What a nice place to spend summer. Those mountains belong to Bais, Negros, Philippines</P>
</DIV>
</LI>
<LI>
<IMG mce_src="http://i.imgur.com/r9CXDZJ.png" src="http://i.imgur.com/r9CXDZJ.png"></IMG>
<DIV>
<A href="http://i.imgur.com/r9CXDZJ.png" mce_href="http://i.imgur.com/r9CXDZJ.png" target="_blank" title="Click to see full image">
<IMG alt="Fluvial Parade" mce_src="http://i.imgur.com/r9CXDZJ.png" src="http://i.imgur.com/r9CXDZJ.png"></IMG>
</A>
<P>The fluvial parade commemorating the arrival of Child Jesus Christ in Cebu City and the birth of Christianity in the Philippines.</P>
</DIV>
</LI>
<LI>
<IMG mce_src="http://i.imgur.com/HtuWZTz.png" src="http://i.imgur.com/HtuWZTz.png"></IMG>
<DIV>
<A href="http://i.imgur.com/HtuWZTz.png" mce_href="http://i.imgur.com/HtuWZTz.png" target="_blank" title="Click to see full image">
<IMG alt="Church Cross" mce_src="http://i.imgur.com/HtuWZTz.png" src="http://i.imgur.com/HtuWZTz.png"></IMG>
</A>
<P>Not sure where we took this picture but it's magestic.</P>
</DIV>
</LI>
</UL>
</DIV>
Implementation
Describe the internals of your implementation, but keep the discussion on a high level. Discuss important design decisions you made in the implementation. Also discuss how implementation problems may have affected the usability of your interface.
Evaluation
Describe how you conducted your user test. Describe how you found your users and how representative they are of your target user population (but don't identify your users by name). Describe how the users were briefed and what tasks they performed; if you did a demo for them as part of your briefing, justify that decision. List the usability problems you found, and discuss how you might solve them.
User 1: (Kim)
words
User 2: (Clara)
words
User 3: (Tim)
words
Reflection
Discuss what you learned over the course of the iterative design process. If you did it again, what would you do differently? Focus in this part not on the specific design decisions of your project (which you already discussed in the Design section), but instead on the meta-level decisions about your design process: your risk assessments, your decisions about what features to prototype and which prototype techniques to use, and how you evaluated the results of your observations.