<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:1010px;
height:655px;
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:0px 5px 0px 5px;
margin:0px;
color:#FFFFFF;
}
.slideshow > ul > li > div > a > img {
border:2px solid #707070;
width:1005px;
}
.slideshow > ul > li > img {
border:2px solid #707070;
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
Please hover over each thumbnail to display the screenshot with a description underneath. We recommend browsing the thumbnails from left to right.
<DIV class="slideshow">
<UL>
<LI>
<IMG mce_src="http://i.imgur.com/mTGwak5.png" src="http://i.imgur.com/mTGwak5.png"></IMG>
<DIV>
<A href="http://i.imgur.com/mTGwak5.png" mce_href="http://i.imgur.com/mTGwak5.png" target="_blank" title="Click to see full image">
<IMG alt="write now" mce_src="http://i.imgur.com/mTGwak5.png" src="http://i.imgur.com/mTGwak5.png"></IMG>
</A>
<P>This homepage is simple: some text information and 3 buttons. These buttons describe and link to the three main activities on the website. This design is borne out of a desire to quickly convert the user from the homepage to an active user - writing or voting. We added these buttons in response to user testing, where users would be initially lost for where to start.</P>
</DIV>
</LI>
<LI>
<IMG mce_src="http://i.imgur.com/n8j12mi.png" src="http://i.imgur.com/n8j12mi.png"></IMG>
<DIV>
<A href="http://i.imgur.com/n8j12mi.png" mce_href="http://i.imgur.com/n8j12mi.png" target="_blank" title="Click to see full image">
<IMG alt="write now" mce_src="http://i.imgur.com/n8j12mi.png" src="http://i.imgur.com/n8j12mi.png"></IMG>
</A>
<P>words</P>
</DIV>
</LI>
<LI>
<IMG mce_src="http://i.imgur.com/w2ryPrF.png" src="http://i.imgur.com/w2ryPrF.png"></IMG>
<DIV>
<A href="http://i.imgur.com/w2ryPrF.png" mce_href="http://i.imgur.com/w2ryPrF.png" target="_blank" title="Click to see full image">
<IMG alt="write now" mce_src="http://i.imgur.com/w2ryPrF.png" src="http://i.imgur.com/w2ryPrF.png"></IMG>
</A>
<P>words</P>
</DIV>
</LI>
<LI>
<IMG mce_src="http://i.imgur.com/3xYedY9.png" src="http://i.imgur.com/3xYedY9.png"></IMG>
<DIV>
<A href="http://i.imgur.com/3xYedY9.png" mce_href="http://i.imgur.com/3xYedY9.png" target="_blank" title="Click to see full image">
<IMG alt="write now" mce_src="http://i.imgur.com/3xYedY9.png" src="http://i.imgur.com/3xYedY9.png"></IMG>
</A>
<P>words</P>
</DIV>
</LI>
<LI>
<IMG mce_src="http://i.imgur.com/pwecSLp.png" src="http://i.imgur.com/pwecSLp.png"></IMG>
<DIV>
<A href="http://i.imgur.com/pwecSLp.png" mce_href="http://i.imgur.com/pwecSLp.png" target="_blank" title="Click to see full image">
<IMG alt="write now" mce_src="http://i.imgur.com/pwecSLp.png" src="http://i.imgur.com/pwecSLp.png"></IMG>
</A>
<P>words</P>
</DIV>
</LI>
<LI>
<IMG mce_src="http://i.imgur.com/OtfkdbX.png" src="http://i.imgur.com/OtfkdbX.png"></IMG>
<DIV>
<A href="http://i.imgur.com/OtfkdbX.png" mce_href="http://i.imgur.com/OtfkdbX.png" target="_blank" title="Click to see full image">
<IMG alt="write now" mce_src="http://i.imgur.com/OtfkdbX.png" src="http://i.imgur.com/OtfkdbX.png"></IMG>
</A>
<P>words</P>
</DIV>
</LI>
<LI>
<IMG mce_src="http://i.imgur.com/nbjr3ps.png" src="http://i.imgur.com/nbjr3ps.png"></IMG>
<DIV>
<A href="http://i.imgur.com/nbjr3ps.png" mce_href="http://i.imgur.com/nbjr3ps.png" target="_blank" title="Click to see full image">
<IMG alt="write now" mce_src="http://i.imgur.com/nbjr3ps.png" src="http://i.imgur.com/nbjr3ps.png"></IMG>
</A>
<P>words</P>
</DIV>
</LI>
<LI>
<IMG mce_src="http://i.imgur.com/JEIO9MX.png" src="http://i.imgur.com/JEIO9MX.png"></IMG>
<DIV>
<A href="http://i.imgur.com/JEIO9MX.png" mce_href="http://i.imgur.com/JEIO9MX.png" target="_blank" title="Click to see full image">
<IMG alt="write now" mce_src="http://i.imgur.com/JEIO9MX.png" src="http://i.imgur.com/JEIO9MX.png"></IMG>
</A>
<P>words</P>
</DIV>
</LI>
<LI>
<IMG mce_src="http://i.imgur.com/VX2SlsK.png" src="http://i.imgur.com/VX2SlsK.png"></IMG>
<DIV>
<A href="http://i.imgur.com/VX2SlsK.png" mce_href="http://i.imgur.com/VX2SlsK.png" target="_blank" title="Click to see full image">
<IMG alt="write now" mce_src="http://i.imgur.com/VX2SlsK.png" src="http://i.imgur.com/VX2SlsK.png"></IMG>
</A>
<P>words</P>
</DIV>
</LI>
<LI>
<IMG mce_src="http://i.imgur.com/DShUHyF.png" src="http://i.imgur.com/DShUHyF.png"></IMG>
<DIV>
<A href="http://i.imgur.com/DShUHyF.png" mce_href="http://i.imgur.com/DShUHyF.png" target="_blank" title="Click to see full image">
<IMG alt="write now" mce_src="http://i.imgur.com/DShUHyF.png" src="http://i.imgur.com/DShUHyF.png"></IMG>
</A>
<P>words</P>
</DIV>
</LI>
<LI>
<IMG mce_src="http://i.imgur.com/1T1kWfH.png" src="http://i.imgur.com/1T1kWfH.png"></IMG>
<DIV>
<A href="http://i.imgur.com/1T1kWfH.png" mce_href="http://i.imgur.com/1T1kWfH.png" target="_blank" title="Click to see full image">
<IMG alt="write now" mce_src="http://i.imgur.com/1T1kWfH.png" src="http://i.imgur.com/1T1kWfH.png"></IMG>
</A>
<P>words</P>
</DIV>
</LI>
<LI>
<IMG mce_src="http://i.imgur.com/UNXFKb2.png" src="http://i.imgur.com/UNXFKb2.png"></IMG>
<DIV>
<A href="http://i.imgur.com/UNXFKb2.png" mce_href="http://i.imgur.com/UNXFKb2.png" target="_blank" title="Click to see full image">
<IMG alt="write now" mce_src="http://i.imgur.com/UNXFKb2.png" src="http://i.imgur.com/UNXFKb2.png"></IMG>
</A>
<P>words</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.
Scenario
You are Mob Riller, a Harvard graduate. You have written a few books but none of them are published. Dejected and out of ideas, you decide to visit write('now') for inspiration and motivation for your next book.
Tasks
- Task 1: Create an account and log in.
- Task 2: Compete in a Writing Battle.
- Task 3: Vote on other user's writings.
- Task 4: Perform a freestyle writing task. Go to your profile to see your previous writings.
No demos are included in the briefing as the website is designed to have low entry barriers with friendly user-interface for first time users.
User 1: (Kim)
words
User 2: (Clara)
User description:
A liberal art undergraduate at Standford University. She is an amateur poet and fiction writer. Some of her work has been published on books and newspapers.
The user is my high school friend. She fits into our target population of active, amateur writers.
Test description:
Google hangout was used to conduct the test. The user shared her screen with us so we could see the cursor movements.
The user is briefed on the scenario as described above. She is given one task at a time to complete. We observed her during the test and at the end of the test, she talked to about us her overall user experience.
Usability problems:
- When performing the task 1, ......
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