<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>
<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>
#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;
}
Design concept - Writing Battle
Our prototype's concept was to inspire and motivate writers by having them "battle" against another opponent. Users could choose a topic of their interest and were given a prompt based on that topic to write about. They were also put under a time constraint to make sure that they stayed focused. Having an opponent involved would also inspire the writers and allow them to see what ideas someone else could come up with when given the same prompt. After writing period ends, other users have the opportunity to read the two pieces of writing from various battles and vote on which piece their preferred of the two.
For writers who feel pressured by a competitive setting, we also offer a freestyle writing mode, which allows writers to choose a prompt and have a timer but not compete with an opponent.
Users with a registered account can also visit their profile page to see a history of their writings.
Prototype photos
|
|
|
|
|
|
|
|
Writing Battle Window for task 1. |
Vote Window for task 2. |
Free Style Window for task 3. |
Profile Window for task 3. |
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
- All users completed the tasks easily with little guidance.
- Some users were unsure at the beginning but learnt quickly and were able to navigate fluidly by the third task.
- Some major learnability and usability issue include:
- First time users unsure what writing battle entails
- Change the topic to write on
- 'Unvote' a piece on the voting page
- Color highlight around the writings on profile page to indicate vote were not easily understood
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, and did not notice that there was a timer/limited time to write.
- Ability to have a random category, or to choose a different topic.
- 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.
Response to Studio Discussion
- One person commented that voters might want to indicate in their vote that they think two pieces of writing are equally good. This is was a good point that we can include by allowing voters to checkmark the vote boxes under both pieces of writing. During our prototype sessions, we only allowed voters to vote on one piece, and if they tried to vote on both pieces, their vote would be on the piece clicked last.
- Another student commented that voters should not be able to see the names of the writers when voting, which is also a very good point that we will keep in mind.
- Someone mentioned that it would be confusing for a user who visited our site to immediately be placed on the battle page.