Page History

...

A user can see all of their bills on a single page. We took an idea from the way that groupon lets users organize their couponsgroupons. In particular, users can see bills that have already been paid, and those that are yet to be paid. This gives us a high degree of error correction, in case a user accidentally marks a bill as paid. This means that bills are never actually deleted, and gives the user a full record of their payments. The bills are arranged in a table, ordered by date due.

Any bill that has not been paid can be edited by the user. This page looks very similar to the page for adding a bill, except for the fact the the existing bill's information is pre-loaded into the text box fields. In this way, the user can exactly see the bill state at any time, and can change any aspect of the bill.

Because all of our users will have slightly different preferences, we offer them slightly different ways to view their bills. One of our views in the timeline. This lets the user scroll a slider to a desired point in time, for example three weeks from the current day. The interface will then show the user all of the bills that are due within three weeks. Image Added
A different approach is our dedicated calendar view. As opposed to the small calendar on the user page (shown immediately after the user logs in) this calendar gives the user to search for any month in any year, not just the current month. Image Added
Bills are displayed as due on a certain day. We took this design approach, instead of listing out all of the bills due on a certain calendar day, so that the user would not be overwhelmed with information on a single screen. When the user clicks on a calendar day that says it has bills due, the user is brought to a page that displays all of the bills due on the selected day. It is on this screen that we give the user all of the information about the bills for the day. 

There is another page of the site, dedicated to presenting information on all of the users in a particular household. This household page allows a user to add or pay a bill within that particular household.

HOUSEHOLD PAGE

Every page of the site presents the same header. This header is used for navigation. There are tabs for each of the pages on the site, which gives the user access to all of the site's features in one place. A user can look at the header and see all of the possible ways that they can interact with their bills. Image Added

Design Changes

...