This document summarizes a proposed multitouch interface for planning green transportation routes. The interface would allow users to select starting and ending locations on a draggable map, choose different transportation modes like train or bus, and click a button to calculate the greenest route. Path colors on the map would indicate the selected transportation mode for each segment. The design aims to make all interactions touch-based like Microsoft Surface, with options to pan, zoom, and select transportation icons directly on the display.

1. Imagine Cup 2008 Interface Design Round 1 Team FilipeFreitas Green Transportation Routing

2. The traditional approach: boring! Note: i made this interface just for this!

3. The multitouch aproach!

4. All interactions are made with finger touch on screen, like Microsoft Surface.

5. S D These icons select which transportation means are to be processed. These dragable pins select the source (S) and destination (D) locations. The Go button. It calculates the “greenest” route.

6. The map is dragable. It can be panned, zoomed in and out, just like Microsoft Surface. S D

7. Let’s go from Porto to Aveiro. We have to drag the S pin over Porto. We have to drag the D pin over Aveiro. S D

8. I desire to travel by train. It’s more ecological. S D I’ll just press the train icon to include the train paths on the router processor.

9. Coloured icons means that they’re selected. S D Let’s click the Go button to find out our route.

10. The path colour indicates which transportation mean will be used. Remember that a path may have various transportation means, thus various path colours along the way. S D We have a route! Notice the colour. It’s the same as the train icon.

11. A few tweaks can be made. We can add sound and animations (i didn’t). S D We can reduce the icon size when not in use and enlarge them when we hover them. An example (a bad one sorry).

12. Thank you for reaching this far. I hope you enjoyed my idea.