[WIP] Redesign material design

[gmaclennan]

I have started a redesign following Google's material design principles. The aim is improve the user experience and add new functionality, such as a photos and list view. I am also designing with mobile in mind, so that this app will also work on mobile.

There is still a lot to figure out, but an initial interactive prototype is here:

MapFilter redesign interactive prototype

• [x] Map View
  • [x] Map marker hover
  • [x] Map marker click
  • [x] Map photo zoom
• [x] Photo View
• [x] List View
• [x] Print View
• [ ] Filter menu
• [ ] Map layer chooser
• [ ] Login screen

All feedback welcome. Discussion here. You can also add annotations to the prototype.

[robheittman]

Excellent choice, looks great and will be especially intuitive for anyone who already uses an Android device for anything.

[kumavis]

perty!

[mcplanner-zz]

Other features to add:

• [ ] display the name of the tool
• [ ] add an About page

[mcplanner-zz]

@gmaclennan, your mockups include a star on the Map View Hover screen. Is this a vestige from the Material Design template, or do you want to allow people to save and curate a list of "favorites" across filter options?

[mcplanner-zz]

@gmaclennan What language have you been using to describe the data in MapFilter? Correct me where I'm wrong:

• a, what... "Case," "Photo," or "Entry"? Each one has a single photo, lat/long, date, activity, person and name attached
• a "Selection" is whatever "Cases" the current set of filters produce
• a "Report" is what gets printed, and it can be one or more "Cases"
• an "Event" is something the monitors observed, and can be represented in MapFilter with multiple "Cases" from different lat/longs, activities, people and dates.

[mcplanner-zz]

Many more questions:

Language What language have you been using to describe the data in MapFilter? Correct me where I'm wrong:

• a, what... "Case," "Photo," or "Entry"? Each one has a single photo, lat/long, date, activity, person, etc.
• a "Selection" is whatever "Cases" the current set of filters produce
• a "Report" is what gets printed, and it can be one or more "Cases"
• an "Event" is something the monitors observed, and can be represented in MapFilter with multiple "Cases" from different lat/longs, activities, people and dates. This doesn't refer to anything in MapFilter.

Pathways

What happens if someone logs in, and immediately selects "Print"? What will it print? Everything? Should we think of the three filter views (map, photos, list) as the entry ways into the data, and Print is something you do after making a selection?

Data

What is the complete list of data attached to each photo? In the mockup I see:

• lat/long Coordinates of where it was taken
• a Description of where it was taken
• Date the photo was taken (which has to be a date, not a range)
• Activity classification (from a predetermined lit)
• Person who uploaded the photo (tied to their user account?)
• a succinct Title of the photo
• a photo Caption that should describe what's in the photo
• a description of the Impacts of the activity shown in the photo

How could a single photo have multiple Persons attached?