You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 11 Next »

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

<A href="https://wikis.mit.edu/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>

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

<UL id="ul">
<LI id="li"><A href="https://wikis.mit.edu/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/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/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/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/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/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/confluence/display/6DOT813sp13/write%28%27now%27%29+-+GR6" id="a" mce_href="#contact">GR6</A></LI>
<LI id="li"><A href="https://wikis.mit.edu/confluence/display/6DOT813sp13/write%28%27now%27%29+-+GR7" id="a" mce_href="#contact">GR7</A></LI>
</UL>

Unknown macro: {style}

#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;
}

Prototype photos.





Writing Battle Window for task 1.
The user just clicked on the start button. The topic,
the remaining time as well as a keyboard focus on
the user's textbox shows up. The user can now
start typing in his answer. The opponent's writing
will show up at the 'opponent' textbox at same time.

Vote Window for task 2.
User is shown two pieces of writing and is asked
to vote for the better one by clicking one of the 
green check marks below the writings.

Free Style Window for task 3.
The user just finished a freestyle writing. A 'Time's 
up' prompt appears on the window with a link to the
user's profile page.

Profile Window for task 3.
The user can scroll and view a list of his own past
writings.

Briefing.

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.

Scenario Tasks.

  • Task 1: Compete in a Writing Battle.
  • Task 2: Vote on other user's writings.
  • Task 3: Perform a freestyle writing task. Go to your profile to see your previous writings.

Observations.

Usability Observations Summary

  • <observations!>

User A

A male student.

Task 1
  • Unsure what a writing battle is
  • Unsure if the opponent is a compute or a human
Task 2
  • Unsure what to do if they both seem the same (neither is better).
Task 3
  • Suspected but unsure if green outline meant that people liked a piece of writing.
Overall Thoughts
  • Homepage is sparse. Can be confusing as to what to do next.
  • Time constraint is constraining.
  • Ability to have a random category
  • Add more info the front page.

User B

A female student.

Task 1
  • Unsure what to do at the front page
  • How do I know if someone is my opponent?
  • I didn't know I was going to be given a topic
  • Not sure if she can close the settings and start bar.
Task 2
  • Unsure if she could vote twice for a piece of writing.
Task 3
  • Found the page very quickly after learning it from the writing battle task.
  • Not sure how to skip a topic.
  • Understood the color highlights.

User C

A male teaching assistant.

Task 1
  • Understood the interface very quickly.
  • Thought that viewing results was fun.
  • Unsure if he was already logged in.
  • Thought that auto-saving and register after trying feature was cool.
  • Expected view results to bring him to the specific essay results page with comments.
Task 2
  • Understood the vote page very quickly.
  • Suggested a counter for remaining number of writings.
  • Feature to save or favorite liked writings.
  • Suggested list view for voting.
  • Suggested ability to view writings by topics.
Task 3
  • Found the interface very simple, safe, and easy to learn.
  • Suggested sorting profile writings by date, subject, votes, etc.

User D

A male student.

Task 1
  • Understood category selection and start button very quickly.
  • Enjoyed winning the writing battle.
Task 2
  • Navigated to the vote page very quickly.
  • Found voting to be fast and efficient.
  • Quickly understood writing navigation on the vote page.
Task 3
  • Navigated to the freestyle and profile page very quickly.
  • Expected a grade for the freestyle writing, like the battle writing mode.

User E

A male student.

Task 1
  • Unsure how to refresh the battle.
  • Understood the category selection and start bar.
Task 2
  • Found no way to unvote, aka not vote for anything.
Task 3
  • Unsure what the color hints meant.
  • Unsure how to edit the profile information.

Prototype Iteration

Overall, our second prototype had more implemented features, pages, and content. Our changes included:

  • Adding a profile and voting page. The first prototype only had writing battle and freestyle page.
  • Adding interaction for the category settings and start. We added slips of paper for the dropdown, countdown, and topics, which drove the interaction.
  • Added color to the clickable objects on pages. We also added color to highlight writings on the profile page.
  • Added interaction for the writing battle, including simulated opponent writing.
  • No labels