top of page

Clean Shores App

sdds-Portfolio-13.png
clean-shores-3.jpg
Defining personas 
To define the final users of the app we have run a physical workshop with the heads of the Clean Shores organisation and we completed a user persona using Miro.

We named our user persona Bjøn and we used basic characteristics of the average members of Clean Shores voluntaries: young students with a high conscience with pollution. 

All the decisions made was having Bjøn as end user.


 
rrrrr-18.png
s.jpg
How Might We
Before starting the sketches of the wireframes and the ideation process it was important to define how might we solve the user problems. To do so we created a "How Might We" session to solve how we could adapt the exhibition to our final user (Bjøn). Here you can see the result of this session.
User Flow and IA
In the ideation process we find solutions to our HMW session was the following:

1) Create a interactive map where the user can track the reports, current areas to clean and statistics (main page of the app)

2) Make two different ways to report waste:
on real time (so the mobile can track with the location the areas and the time cleaning) or after clean (for those that cannot have the phone with them while cleaning the coast or they forget).

3) The users might not have weighing machine with them, we should find a way that they can add this information easily.

4) The user might need directions about how to get to the place.

5) The user might need to remove the waste recolected in a easy way. 

Here you can see the solution we provided with the User Flow and the Information Architecture.


 
User Flow.jpg
CleanShores.jpg
sadda-19.png
Report
Interactive Mapp (live)
The main page of the app is a interactive map, where the user can have an overview about statistics, areas that need to be cleaned (drones reports) and currents.

On the bottom menu bar the user can navigate to extra features (as community or picture gallery)
Easy waste registration by steps
The user can register the waste founded in a 5 simply steps:

1- Material: The user can register the material. The groups material have been created by the groups of material that Clean Shores usually reports the waste. This is the first step to get the correct data (approx.) of the amount and the volume. Each group has list of examples, so the user has some references if he has doubts. 

2- Metric: Now it´s time to choose the metrics. As the user might use bags for the recollection of waste that is the way he can register the waste that have found.

3- Amount: The user has two ways to register the amount (with a weighing machine) or selecting the number of bags (the app will make a approx. weight calculation regarding the material that have been selected).

4- Picture: The user can report the weight with a picture. This it was a request of Clean Shores because they need pictures for each report.

5- Others: The user can write any note (in case there is something will like to add) and add the time he/she spend cleaning the area (in case is not automatic registered).


From all this information, the app can get the statistics of the areas and the waste reported.

  
Scopify-Portz_x_x_folio-22.png
Scopify-Poasasrtfolio-21.png
Registration: On live/Later
The user can find him self in two different scenarios:

1) He is in the shore and we wants to start cleaning. He has his phone with him. He just need to press Start Cleaning. Once he has finished he just need to press Stop. The app will get track of the time spent and the area cleaned.

2) He is in the shore and he starts cleaning. When he finished he just remembered that he forgot to use his phone to register the time/area. He can just press Report Waste and register the area and the time manually. 
Next Steps
This project just covered the first low-fidelity prototype. Only the main parts was designed (the map and the reporting system). As a next steps would be necessary to design the parts missing. Therefor, this prototype it´s ready to be tested and to get user reports. 

 
CleanShsDAores.jpg
bottom of page