...

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 User 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".

Analysis 1

Learnability

This design is very learnable to the first time user.

...