The app to report endangered
aquatic animals
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
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
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
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.
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.
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.
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.
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.
Consult the complete identification process and empathy here.
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.
Check the complete competitive analysis here.
Ideation
Tree - test results
The term “contact” was misleading the user
report flow.
Solution: change the section contact to social icons.
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.
Low fidelity prototype
Usability test
Unmoderated study with Maze and optimal workshop
Flows of prototypes tested with thirteen users, performing tasks and recording and analysing the results to iterate and improve the product.
1
Focus on the main function: Inform about animals at risk with an app and web easy to use like yes or no question with images.
Avoid skipping questions options and a map
necessity.
2
Automatized data results at the dashboard with case statistics and results and download and share option.
3
Inform about the weather in the home screen.Tips how to deal with an wild animal on the beach, river or lagoon.
Next steps
1
Add more support to adapted bike users.
2
Add more details about safety road advice.
Read detailed case study here.