Inform the proper rescue team and help endangered aquatic animals.
You can provide vital information such as location and quantity to help an animal in distress. The best rescue team can be found based on the information provided
Role
Product Designer, I took full ownership of this case study
Tools
Figma
Maze
Usability Hub
Optimal Workshop
Project plan
2 weeks of discovery and ideation,
2 weeks of prototyping and testing followed by one week of final adjusts
Case summary
Product vision
Be an easy way to report sighting animals, and their condition and contact the right support team. As well as be a place to gather data about the endangered animals.
User problem
Whom should the people call when finding a lost manatee or an injured turtle? What should the lifeguard or waiters do? or what is the best action that the bathers, adults or children, can do? We don't always know the best action to take or the best rescue to call. But we realize that expert help is needed.
Outcomes
An application and a responsive web to report endangered animals and their health condition, capturing user feedback call the appropriate rescue team and be a source of information for the development of future actions.
Empathize
Design process
Empathize
User research
Competitive analysis
Define
Personas
Pain points and opportunities
Ideate
Crazy eights
Information Architecture
Tree- test
Wireframe
Prototype
Low-fidelity prototype
High-fidelity prototype
Validate
Usability test
Iterations
Users research
Conducted quantitative online unmoderated survey with 13 users between 13 and 60 years old who live or often go to the beaches on the coast of 3 capitals in Brazilian northeastern.
92%
92% of users would use a page or app to report seeing a lost, injured animal or environmental problem, 23% of users already contacted the rescue teams and the other 15% don't and 7,6% only would inform if they trust the webpage.
On the beach...
The user's initial research was from creating personas, doing remote interviews, identifying user stories and user journey maps, until defining the problem statement and understanding the competitors. Insights confirmed that the main user in northeastern Brazil will be on the beach, people who usually go for a walk, of all ages and genders, or workers such as lifeguards or waiters.
77%
77% of respondents have seen turtles, 62% birds, 38% manatees, 31% dolphins, 8% sharks and 15% other animals. All of then injured or dead.
23%
23% of users that already contacted the rescue teams informed to Environmental institute, or fire department or Biota Institute.
Define
Personas
is a retired woman that goes walk on the beach and would like to know what she should do because sometimes she finds harmed aquatic animals and she is alone.
is a Lifeguard that works on the beach and needs an easy and fast way to contact animal rescue because his main goal is to save humans' life and can’t take care himself the wild animals.
lives closer to the beach and goes three times a week to fish. He would like to know more about what should do if he sees an animal that is at risk of extinction.
The complete identification process and empathy are... Read more
Empathy map:
Pain points and opportunities
Internet
Some users do not have good internet access so an app that work also offline and updates the information ASAP is connected.
Not tech
Simple interface and clear step by step with visual appeal and option to use the microphone and speaker to complete the step by step.
Information
The rescue team need accurate information about the location and animal situation. Try to do a step by step simple but detailed.
Gather data
A user dashboard that they can see the statistics of the rescues and app usage without identify the user by name.
Competitive analysis
Design
Minimalist interfaces (colour, shape, size, etc) with clues about how it may function.
Goal
Step-by-step decreases mental effort. Each page with limited options removes complexity increasing
straightforwardness.
Ideation
After defining users and analyzing related webs,
It was time to create elements, flows, interactions
and relations between pages.
Methods applied here were crazy eights, Information architecture,
tree-test and Wireframes
"Crazy eight" and "how might we" ideation methods for mobile and desktop
Minimalist interface with no more than 4 actions each time.
Use semaphore colours to identify if the animal is dead, harmed or alive.
Option to add manually local reference as ex. near to the main square.
Accessible text size with image support, microphone inputs available to fill answers and screen reader compatibility.
Prototype
Low-fidelity prototype
Validate | Usability test
The main findings uncovered by the usability study
An unmoderated study to test the two main tasks: inform an animal sighting and check the general report. The research was done with 7 users between 13 years till 60 years old with the web app Maze.
1
Users were doing the wrong path. Misusage generated by confusing labels: contact and inform.
2
The excessive floating button on home/ map was leading to misclicks.
3
Some confusion related to check the report and notifications
High-fidelity prototype
Try out the prototype
I have improved the product to the final version based on test results and user feedback.
Next steps
1
Add tips on how to deal with endangered animals.
2
Inform about the weather on the home screen.
3
Gamification: given
rewards to users