...
The login page was also the home page of the website. The home page consisted of the logo, the title, a brief description (deemed necessary after GR4 for users to understand the nature of the website) and a login component. If the user is a new user (i.e. without a login name/password combination) or has forgotten their password, the interface prompts them with additional components, appropriately. A snapshot of the primary view of the home page is shown below.
There is one main navigation bar at the top of the page that allowed the user to navigate between the different components of the interface. There is also a "Help" option for users to see instructions about how to interact with the interface. This was included because users said that the interface did not allude to its purpose at first, nor did it give any instructions of what to do at first for novice users. At At the top left of the navigation bar is the account settings option for the user which, when clicked, pops up a small pop-up which allows the user to edit his/her profile settings, add friends, change picture and sign out. This is shown in the figure below. 
The below snapshot is the pop up that allows a user to add a trip to his/her trip list. The design has very little text and most of the instructions are embedded into the actual input field boxes. This was a design decision that came up from a lot of the trial and error of designing this pop up, as it proved difficult at first to remove all the unnecessary textual clutter. There is also a dynamic satisfaction rating that is in the form of stars next to the Country drop down list. The design for the input trip pop up is almost identical to how trips look when saved into the trip list. This allows for consistency and increased usability for users, who will understand how their inputed information will get translated into the website. 
...