Waylist

Waylist is how we reimagined a wayfinding experience through the city.
 
The idea is basically to translate the concept of music playlist to the streets of the city (wayfinding + playlist = waylist), where instead of songs we considered local places and events.
Our main task was to develop a service in order to help a specific target and then design a mobile app. From the very beginning we decided not to focus only on the app, but to keep an analogical device as well, so we started thinking about an actual map. A map on which the personal route would have been highlited. Later on we found out that it was necessary a website, too.
The design process of the three touchpoints (map, app, website) was simple and guided by a few core values. 
Starting with the map, it should have been handy and functional, speaking of its content, but it also should have been essential regarding its form. We experimented a lot for the layout, as we were looking for a way of making it usable even when not completely unfolded.
Another important aspect was that it had to be customizable and personal, so that even after the experience it could have been kept as a sort of souvenir from the trip.
Once we completed the design of the map, we reconsidered the mobile app as another possible instrument of navigation through the personal playlist, but also as an opportunity to enhance the experience of the map.
For that reason we conceived two phisical interactions between them.
Besides that, the app should have been the main device of planning and navigation for those who didn't ordered the personal map on the website, so it was designed primarily as an independent touchpoint.
The last touchpoint was the responsive website. Its main function was to explain the nature of this service, help users planning out their trips and at the end let them personalize and order their own map.
Thanks for watching!
 
Completely folded map, cover (A6)
First unfolding, cover + back with concise playlist (A5)
Second unfolding, more specific playlist (double A5)
Overview without the maps, with cover, back, Moleskine on one side and specific playlist on the other
First unfolding, red version
First unfolding, Moleskine side (A5)
Second unfolding
First unfolding, grey version
Different layouts for the back sides
Third unfolding, map of public transportation (A3)
Completely unfolded map (A2)
Completely unfolded map + details
Overview
Possible personalizations
Alternative Cities
Alternative cities
Waylist app, landing page
Shuffling through the playlists and filtering them
The single playlist presentation, with details, pictures, map and comments
The navigator feature
First interaction:
 
After analyzing a series of benchmarks in this field, we thought about a feature that could both help users orienting their map and at the same time add a touch of play to this experience. 
How it works: you activate it on your phone, you align the Waylist logo to the one on the screen, which behave just like a compass, and then the map is oriented properly, making it easier to locate what you're looking for.
Second interaction:
 
This is a more typical augmented reality interface. One of the advantages of having the map on paper, instead of just on your screen, is the dimension of the map itself, which in this case is an A2 (59,4 x 42cm). This large dimension allow the user to have an immediate glimpse of all his surrounding areas.
How it works: you activate it on your phone and you read the QR code printed on the front or the back of the map, so that the app recognize your personal playlist. Now by using a series of tracking points, this feature allow you to enrich the map with new and updated contents, like all the restaurants around you.
Second interaction behaviour
Create your own map, in four easy steps. Go to the website
Waylist
Published:

Waylist

Laboratorio di Sistemi per l'Interazione, AA 2013-2014, Politecnico di Milano. Progetto realizzato da Michele Mattei, Francesco Padovani, Alessia Read More

Published: