Wireframes

[LanesGood]

I've started mocking up mid-fidelity wireframes for the dashboard pages. Below, I've pasted the digitized dashboard pages for Photos, Traces, and Users. Below that are the initial sketches for the dashboard pages and multiple landing page ideas. I don't think Users requires a map on the list page, but don't yet know what would go here.

Edit: Updated wireframes can be found at this Invision link: https://invis.io/JYU854UR3TF

Still to do:

• Landing Page
• User page (individual)
• Views for admin vs. mapper
• Views for all actions (hide map, bulk select, action dropdowns)

Current Wireframes

Sketches

[LanesGood]

Updated wireframes can be found at this InVision link:
https://invis.io/JYU854UR3TF

[LanesGood]

@geohacker @vgeorge the Observe dashboard screens now include:

• Action + hover state for rows
• Checked state for rows w/bulk actions
• Table with collapsed map
• Updated header in the hi-fidelity mock

As discussed, I've removed:

• Users nav item
• Users list + individual pages
• "OSM Object" Filter
• "Add Trace/Photo" button
• "Edit" button on Trace + Photo

Still to do:

• Mockup in-form edit functionality

[geohacker]

Thank you @LanesGood! I added a couple of comments in Invision. Let me know what you think. cc @vgeorge

[LanesGood]

Capturing all comments per note from @batpad that Invision might not keep them visible:

All Tables

• Add sortable columns (all tables)
• Add pagination (all tables)
• Remove map for first version

Traces Table

• Remove gpx trace preview
• Remove distance filter
• Modify bulk actions UI

Trace Page

• Filename = ID
• Uploaded = "recorded"
• Remove tags
• Remove visibility (this was just copied from the current OSM trace page)
• Add Edit button

Photos Table

• Add icons to OSM object column

Photo Page

• Filename = ID
• Location - link to OSM
• Remove tags
• Add Edit button

[LanesGood]

Wireframes updated with the changes suggested above. The InVision prototype now includes a Version-02A section with today's date and the updated screens:
https://invis.io/JYU854UR3TF
/cc @vgeorge @geohacker @batpad

[LanesGood]

@vgeorge dashboard mockups now include a component style guide
https://invis.io/JYU854UR3TF#/390156545_Artboard

Update: styles now applied to Photos and Traces dashboard screens