The assignment: Creating the flow for the Amsterdam Discovery Challenge App
The main goal is for tourists to discover more of Amsterdam than just the inner parts. By using the app they will explore other places spreaded across the city and region. The working of the app will be based on the location of the user. For using the app the user needs to activate the GPS-function on the mobile.
Research and ideation
The research part was already finished for this project. I had to deepen myself in the given information. I use this as a reference work to better empathize with the target group. The overall picture of the concept had already been sketched out as well. I had to try out a few apps to search for interaction patterns, functions and look for further inspiration.
Design and redesign
The name Amsterdam Discovery Challenge raises ideas about challenges and exploring a journey through Amsterdam. After redefining the concept, there will be three big functions in the app.
1. Check-in points for collecting discounts (for example on drinks at a café).
2. Challenges, these are quizzes to test the knowledge about Amsterdam.
3. Exclusive information points, at this point the user will receive extra information in the form of audio or video.
I had written down on my colorful sticky notes what types of screens needed to be developed with the corresponding functionalities for creating the flow. Working with this method will give me quickly a clear overview of the things that I should remember to insert in the flow. Then I started sketching, cutting pieces out and shifting them trying to find the most logical order. When I became happy about the results, I asked a colleague to review my work. The final version of the flow must be made in Adobe Illustrator. However, I like use paper prototyping as tool before going into the digital process. The reason why I choose the tool paper prototyping is because even though the sketches are a rough first setup, you will be able to test it in an easy way. After doing small tests and figuring out what works and what doesn't, I took the feedback with me when digitalizing the flow. The image below gives a sneek-peek in my workprocess with the program Adobe Illustrator.
It took some time to get everything in a logical order. Eventually after reviewing, testing and redesigning, you can see the end result in the image below. The flow is meant for the visual designer, the developers and the client. The visual designer will make the designs for the app based on my flow with the screens. The flow is also useful for the developers because they will be building the app. With the flow they will have a clear overview of the navigation structure. The client can experience how the product is put together. This way the client will get a better idea on how the app will function.
By clicking on the image below you will be able to download the file as pdf, if you'd like to take a closer look at the flow.