...
Rob arrives at the first page of the site and takes a look. 'Hey, this looks cool,' he thinks to himself, 'and its exactly what I was looking for.' Rob clicks on the sign-up button and signs up for an account. He uses his favorite username 'BobtheBanker'. He confirms his username and password, and submits the form. Once logged in, Rob makes an additional household, titled "NYC Loft" for the apartment that he currently lives in. He is not sure that his suitemates have accounts on the site, so he shares the household with them by typing their emails into the form. For this "NYC Loft" household, he adds the electrical bill. Not wanting to wait for more overdue fines, he writes a check to the electrical company, and goes downstairs to mail it. when he comes back to his computer, he enters the bill as "paid" on housebill.com. After that, Rob puts in the gas and water bills. He looks over these bills in the calendar view before logging off.
Design
Design 1
dd
Storyboard 1
When Robert Miller navigates to housebill.com, he sees the first page of the site. Here, there is a dynamically refreshing demo, which tells him about the site and its uses. There are screenshots, which show several of the site's common tasks. At the top of the site he sees the option to sign into the site, or to sign up. Seeing as how this is his first time using housebill, he opts to sign up.
He is greeted with a signup form, and enters his information. He chooses the username "BobtheBanker," and the password "SuperSecretBob." He enters in the the email address "Bob@gmail.com," and after confirming the fields, he submits the form. He waits until there is a confirmation email in his inbox, and then clicks the link in the email. This takes him to the signed-in Account Page of housebill.
At the top, he sees a banner telling him that he is logged in as Rob MIller, which is correct. He has the options of signing out or changing his password, but he does not want to do that yet. Instead, he clicks on the "Add Household" button on the main page.
This takes him to an Edit Household Page, where he has another form to fill out. He puts in the information for the loft that we lives in, titling it "NYC Loft." He puts in his address, "123 Canal St., NYC, NY 10246," and adds the members of his household. He is not sure if his roommates already have housebill accounts, so he enters in their email addresses. There is "amy@gmail.com", "ben@gmail.com", "dave@gmail.com", and "vanessa@gmail.com". The 'member' fields only add one at a time, so every time Rob adds a new member, he must click on the "add another" button. When he is done, he clicks the "submit" button, and is brought back to his Account Page. He He sees an entry for the "NYC Loft" household. To his surprise, Amy is already on housebill, and the site matched the email address he provided to her account. Rob then clicks the "Add Bill" button under this household.
He is directed to the Edit BIll page, where he puts in the name of the bill as "Electrical Bill". The household field is preset to "NYC Loft," but had there been other options for households, they would have been selectable with a drop-down menu. Rob enters the total amount of the bill, $150, and divides the cost into the appropriate chunks for each member in the section titled "Amount Per Member." After entering the due date, "March 13, 2011," Rob submits the form.
He gets sent back to the Account Page. This time, he utilizes the page's tabbed view, which allows him to choose between a Household View and a Calendar View. Up until now, Rob has been using the Household View, to see the details that he submitted for the "NYC Loft" household. This time, Rob uses the Calendar View, which shows him the dates that individual bills are due.
After making sure that the electrical bill he just entered appears correctly on the calendar, he goes back to the Household View, and clicks on the "NYC Loft." This shows him a screen with the household, with the address and members displayed, along with all of the bills for the household. Through this screen, Rob sees that Amy has already paid her share of the electrical bill. Satisfied with his progress, Rob logs out of housebill.
Analysis 1
Learnability
This design is very learnable to the first time user.
...