This is the main / home page of the website. The navigation bar and RSS feed will be on the left hand side, and the logo and name will be at the header of the page. On the right hand side will be the social icons - the application / site will be linked to an RSS feed, Twitter, Facebook, StumbleUpon, Reddit, and Blogger. The main reason for this is coverage / advertising, as well as to provide more insight and information about the application.
In the center of the page is the content. On the main home page, this is a small description of the application, and a button. When the user presses the button, the function of the application will be performed - using HTML5's geolocation technology, information about animals nearby the user available for adoption will be displayed.
This is the initial search result page - what is displayed once the user presses the "Find a Furry Friend" button. The content on this page is a description of the map, and a map which visually displays the data found (animals available for adoption nearby the user). A "You are here!" marker will indicate the users location. If the user clicks on a marker, they will be taken to a page displaying the information about that animal.
This is the animal search results page. Here is the information displayed about the animal the user chose by clicking on the "X" on the previous page. In the content section, there is information about the animal such as age, species, gender, and so on. There is also an image or images of the animal (if available) - if there is more than one, there is a slider / scroll bar to show this, and a map indicating the animals location.
I think this page looks like a bit of a mess. I'll probably do it again.
If the user clicks on the "Customised Search" link, they are taken to this page. Here they can choose search criteria to make their search results more relevant to their preferences.
No comments:
Post a Comment