DOCUMENTATION
How did our project evolve?

In poverty-striken areas, people would be much more vulnerable to climate-related extreme events. Recently, the news about sand storm occupied in our social media platform: In January, sand drom Sahara dessert attacked Europe; In March, sand form the North West of China attacked Beijing.





Mindmaps


The first step is to design mindmaps on our assigned theme: "Protect the poorest from climate-related extreme events."

From these mindmaps we developed our original application idea, so we share these to you for better understanding how we come up with our initial two ideas.


Xinchen Lian:

Ruyi HUANG:

Sarah Lelièvre :

Thibault Drieux :

Karim Hamdi :

The project

One of the first step, with the inspiration of mindmaps, we have to brainstorm two ideas we would like to solve or target for helping the poorest from climate-related extreme events. And later we present our two ideas in this glitch project.
This will allow you to have a better understanding of our motivations, the main goals we want to achieve and the spirit we want to give to our application,.


Wireframes and Mockups

Then we made a wireframe of our project, which was the first draft of what our application would look like. It is a simple layout with the placement of all navigation buttons and various features. Later we modify and revise it into our mockups, which allowed us to think about how we could improve the user experience.


Our first mockups: Based on our wireframes, we developed our first mockup as here shows.


User Test

Here is our tests: Click Here
After our user test we learned there are three details we should modify:

  • firstly, the "Weather" button is not indicative;
  • secondly, the medical measures should be illustrated;
  • thirdly, the navigation button is confusing.
Thus, based on these feedbacks, we devise and revised our mockups. And Here is our final mockup: OUTSAND.
Try to discover it by clicking!


Technical Reference


Get an API key to use Google Map: Because our APP need to show route to the temporate shelters for those poor people, we need the aid of Google Map. API is an important tool in building applications.So, here it is the HTML example that we would use Google Maps in our applications.