Home page UI design notes

What will be on the page

Map

• This will take up the full screen except for the parts covered by the search bar and buttons
• Centered on current location on startup
• Historical markers within map window will be shown

Search bar

• Top middle (think Google maps UI)

Button 1

• Bottom left
• This button will open up the Menu page, which will take up 2/3 of the page. (Full-height, flush to screen edge on left)

Button 2

• Bottom right
• This button will open up the Marker List page
• The marker list page will show the closest markers, sorted by proximity to current location, in list form

What other pages need to be accessible from this page

• Menu
• Marker List
• Marker Preview
• Marker Detail
• Search (not a separate page, but will be accessed via home page)

How will a user navigate to each page

• The Menu will be accessed via Button 1, on the bottom left of the screen
• The Marker List page will be accessed via Button 2, on the bottom right of the screen
• The Marker Preview page will come up when a user chooses a marker on the main map page
• The Marker Detail page can be opened from the marker preview page to find more information on a given marker