UI Redesign

[Corbzilla]

As per our last few discussions, I'm opening an item on the re-design of the UI. A few elements we discussed were

• make lists more user friendly, specifically on mobile
  • right now on mobile after adding an item to a list or getting directions from the list it's hard to tell that anything is happening as the response to these actions happens off screen
• material design principals
  • I would like to use more Material Design for the UI.
  • create a side bar nav for list options possibly
• List Items as interactive cards
  • would like to make each list item a card with it's own unique interactions ie, get directions, add a picture at this location, find businesses around here.

@AshleyCB @kiefer999 feel free to keep the discussion going

[Corbzilla]

Added this to v 0.4.0 but not looking to rush to get this complete, we can keep moving until it's ready to hit a release

[Corbzilla]

Looking at some early testing data, the most frequent analytic events that happen when using the app in the city for historic events are:

• info
  • clicked
• desitinationList
  • add
  • directions
• location
  • set Basically the most frequent things I've been doing are checking the info on an event to see if I can check in yet. Adding destinations to a list and getting the directions to them. Thirdly, setting the current location and type.

Based on this I'm proposing we add a UI element that allows us to quicky set a single destination, which would provide directions and update automatically when close enough to the destination to check in.

Secondly, we need a manual refresh button, occasionaly the map doesn't seem to be getting my most recent location, so it would be nice to have a button to manually refresh the whole thing with the current map and possibly flush and re-retrive the geo data. See #34 for further discussion.

[Corbzilla]

For the first element, maybe just a GO! button, that sets up a single item list with the directions provided automatically and initally based on distance for type. ie. within 5km walk, greater than 5km drive.

In the future we could also have to provide a way for users to customize the GO! button, so they could set their default travel type or change the distance at which walk and drive switch.

For futher discussion on this see #33

[Corbzilla]

The destination list entry probably doesn't need a GO! button. However when directions are selected, it should hide the other items in the list and provide a checkin button.

[Corbzilla]

Some of the proposed changes

This would include the GO! button. An automatic checkin button on list items with directions selected. New side menu for navigating between contexts, ie. Select new type or location, Lists, etc., this menu would not be visible on the mobile screen on load, it would be in a side menu which would reveal on clicking an indicator.