UI workflow illustrations

[vilen]

Should we create some simple illustrations of the UI to demonstrate the basic workflows?

[davidmaxwaterman]

I think this is probably a good idea - for ourselves but also for the likes of Claudio. I can do some basic hand-sketches, if someone else can convert them into something presentable.

[davidmaxwaterman]

ok, I added a file docs/images/flow.jpg which is an extremely rough sketch of how I see the application flow working.

I don't know any of the formal methods of describing such things, so perhaps someone can convert it into something more formal (and at least something more tidy)?

Some narrative :

Application launch takes the user to the page at the top left - 'JOURNEYS'.

JOURNEYS :

1. just a scrollable list of the journeys the user has configured (if none, perhaps the text 'click top left' to make new journey')
2. tapping one of them transitions to the ROUTES page
3. long pressing one of them transitions to the JOURNEYS EDITOR filled with the tapped journey
4. tapping the gear icon on the header transitions to the JOURNEYS EDITOR with empty fields and focus on the name field ("HOME TO WORK" in the diagram)

ROUTES:

1. scrollable list of routes obtained from the reittiopas api for the tapped journey
2. each item can be tapped to expand to show the waypoints on the route
3. not sure how to format the data - perhaps some table format?

JOURNEYS EDITOR

1. 'name' field - plain text that user can choose
2. two drop down menus of locations that the user has already configured, (or "GPS" for left hand one, which will cause the routing to use the GPS for lat,long)
3. tapping the gear icon will take the user to the LOCATIONS EDITOR
4. delete (button or icon?)

LOCATIONS EDITOR

1. scrollable list of location buttons
2. tapping one will take the user to the LOCATION EDITOR
3. each location has a delete icon on the end of its "button"

LOCATION EDITOR

1. could be a page, or popup?
2. two fields, name and address
3. both can be anything the user enters
4. "resolve" button? if the address resolves to multiple, then the address changes to a drop down list of the options

Still quite many unanswered questions, but I think we just need to do some of it and see how well it works. The current journeys page can be a starting point.

Someone want to figure out how to split that up into actual tasks? I guess we can each work on a different page or something like that.