Interface Design - Vorquel/yard-sale-mapper GitHub Wiki

Here is our working layout for the web app.

The layout is fairly straightforward. The main navigation links are across the top and at the bottom right of each page, for ease of access both before and after scrolling. The center bottom of each page has a list of links back to the original listing of yardsales. The particulars of each page is listed below its respective image.

Home Page:

The Read More button links to the about page, and the Get Started button links to the mapping page.

Profile Page:

The Submit button updates profile information, and the Use Yardsale Mapper button links to the mapping page.

Mapping Page:

The Submit button updates the map and directions. The category links at the bottom (if we ever have time to implement them) will eventually show lists of yardsales by category.

Contact Page:

The email button opens up the default email composer for feedback, and the Use Yardsale Mapper button links to the mapping page.

About Page:

No extra navigation here, just an extended blurb about what the site is all about.