FieldGuide is your key to uncovering a world of diverse plant species and wildlife. It’s your one stop shop for educational quizzes to prepare you for the great outdoors.
Study plants, animals, insects, and fungi through fun, educational quizzes.
Go outside. Know outside.
My Role
Solo UX Designer
Researcher, Design Strategist, UX/UI Designer
Platform
IOS
Tools
Figma, Procreate
Project Length
10 weeks
Discovery
Let Me Tell You a Story
Like many people, I dream of living in a little cottage in the woods, maybe next to a stream, perhaps on the edge of a mountain. I would spend my days reading and drawing, baking and sewing, and, of course, walking through the woods. I dream of knowing every plant I see. Its name, how common it is, it’s uses, etc.
I think of this whenever I do find myself out and about, passing by plants, trees, mushrooms, birds, and all the like. With life and all the hustle and bustle it brings, I don’t find time to read through my books on plants and animals, and even less time to work on actively remembering what I read, or better yet, going into the woods solely to ID everything I see with the help of a book or my phone.
Thus the idea for FieldGuide was born. Much like Duolingo, the aim of the app is to prepare its users for real life interactions, without the use of their phones. Through fun, interactive, educational quizzes, users can build their knowledge of plants, animals, insects, and fungi based on whatever region they’re interested in studying. Within various categories, nature enthusiasts can start with the basic, most common species that they might know already, or would most likely interact with on a regular basis, building their confidence as they learn to ID.
Understand the Problem
The Problem Space
We are quickly losing more and more natural landscapes to human development, while also creating a further disconnection from understanding the ecosystems we dwell within. This leads to less of an understanding and appreciation for natural environments, which can result in:
more urban sprawl
a decrease in good mental health
increased loss of natural habitats for wildlife
increase greenhouse gases and climate change
more dependence on global food imports
Secondary Research
Research shows that a connection with nature improves mental health; we have become dependant on global imports, leading to a weakened circular economy; Canada’s natural landscape is quickly dissappearing in areas of human infrastructure and settlement.
Mental health is improved by 92% when individuals engage with natural outdoor environments.
An estimated two-thirds of all produce consumed in Canada is imported.
Canada’s landscape consisting of settlement and human infrastructure went up by 11% from 2000 to 2015.
Assumptions
Individuals' lack of awareness affects their ability to understand environmental changes.
Enhancing awareness can motivate individuals to make sustainable choices.
Personal experiences and connections with nature improves peoples' quality of life and mental health.
People want to know more about the flora and fauna in their area.
Conduct User Research | Learn about Target Users and User Problems
Primary Research
Conducting User Interviews
The research includes qualitative user interviews to explore participants' perspectives on nature, their understanding of local biodiversity, and the impact of this knowledge on their decisions.
Participant Criteria:
Participants must be adults aged 18 and above, from various backgrounds and occupations, residing in urban or suburban areas and have some regular outdoor interest.
Conduct User Research | Learn about Target Users and User Problems
Interview Insights
Below are 3 user interviews with individuals who met the participant criteria. Included are each participants background, a summary of the interview, highlights, and insights.
-
Occupation: Digital Architect
Age: 34
Gender: Male
Location: Victoria, BC
-
In this interview, the interviewee shared his insights on his daily routines, outdoor activities, and his perspective on nature's role in his life.
The participant expressed a curiosity about local plants and animals, the importance of knowledge about biodiversity, and how a deeper understanding could impact decision-making.
He also highlighted challenges in finding reliable information and the value of accessible and engaging resources.
-
Active in summer outdoor activities: swimming, sports, camping, hiking, and foraging.
Curious about plants and animals, uses apps and books for identification.
Nature provides anxiety relief, purpose, and a connection to the past.
Recognizes the importance of local plant and animal knowledge for ecological awareness.
Utilizes native plants for health and engages in invasive species removal.
Confident in identifying various species in their surroundings.
Faces challenges in accessing reliable information on local biodiversity and learning opportunities.
Believes deeper understanding enhances environmental appreciation and foraging experiences.
Values accessible, enjoyable, and engaging learning resources.
Open to learning through mobile apps, workshops, guided tours, and volunteering.
Motivated by a desire to fully embrace and understand outdoor environments.
Inspired by an impactful volunteering experience highlighting ecosystem importance.
-
Prioritize accessible and engaging resources that align with an active lifestyle.
Emphasize the connection between knowledge, well-being, decision-making, and environmental awareness.
Consider easy access and entertainment value when designing resources.
Recognize the potential for outdoor experiences to drive motivation for learning.
Interview 01
-
Occupation: Communications Coordinator
Age: 29
Gender: female
Location: Victoria, BC
-
In this interview, the interviewee discussed her daily routines, outdoor activities, and her profound connection with nature. The participant expressed a constant curiosity about plants and animals, emphasizing the role of nature in her well-being and the significance of understanding local biodiversity.
-
Engages in daily outdoor routines, observing flora and fauna in her neighborhood.
Enjoys bird watching, hiking, and spending time with friends in natural settings.
Constantly curious about native plants and animals for their environmental and indigenous significance.
Nature profoundly impacts well-being, providing emotional connection and a sense of interconnectedness.
Knowledge of local biodiversity enhances appreciation for the environment and deepens nature connection.
Shares native plant knowledge during hikes, aiming to raise awareness and ecosystem protection.
Desires deeper understanding of plant and animal species.
Challenges in retaining extensive biodiversity information due to life's busyness.
Seeks stronger connection with land and increased happiness through comprehensive nature understanding.
Values resource aiding memory retention during outdoor activities.
Prefers practical resource features: common and indigenous names, species history, and visuals.
Favors mobile apps and guided tours for accessible and immersive learning.
Motivated to deepen nature connection, share knowledge, and learn about indigenous culture.
Emphasizes respect, curiosity, openness, and connection with the world in nature relationship.
-
Regular nature engagement bolsters well-being and interconnectedness.
Knowledge of native biodiversity enriches environmental understanding and cultural appreciation.
Practical resources suited for outdoor routines are crucial.
Desire to deepen nature bond, share knowledge, and engage with indigenous culture fuels motivation.
Interview 02
-
Occupation: Lead Software
Developer
Age: 29
Gender: female
Location: Victoria, BC
-
The interviewee discussed her daily routines, outdoor activities, and thoughts on connecting with nature. She highlighted her changing perspective on nature due to impending parenthood and described the uplifting effect of being outdoors on her well-being.
-
Engages in daily outdoor routines, spending around an hour outside each day.
Enjoys various outdoor activities, including hiking and picnicking.
Curious about plants and animals due to impending parenthood and desire to teach her children.
Nature plays a vital role in well-being, positively impacting mood.
Considers knowledge of local biodiversity enjoyable, especially for community engagement.
Not encountered instances where biodiversity knowledge influenced decisions.
Lacks confidence in identifying species, can identify deer and roses.
Challenges in learning due to lack of fundamental knowledge.
Deeper understanding of local flora and fauna would enhance outdoor experiences.
Values easy, fun resource promoting learning accountability.
Envisions resource with history tracking, quick access, social aspects, and achievement features.
Prefers indirect engagement through photography, with later summaries.
Motivated by impending parenthood, nature-interested friends, and distinct environments.
Would rather not spend time on her phone when in nature.
-
Impending parenthood drives renewed interest in nature.
Convenience, enjoyment, and accountability are key factors for resource engagement.
Capturing observations for later summaries aligns with preferred engagement mode.
Interview 03
Affinity Mapping
Through Affinity Mapping I was able to establish the interviewees Goals, Motivations, Pain Points, and Behaviours. I then synthesized these findings into two main themes:
Theme 1: Desire for Knowledge and Connection With Nature
Users seek to bridge the gap between their curiosity about nature and the challenge of identifying local plants and animals. They want accessible and engaging resources to deepen their understanding and appreciation of the environment.
Theme 1 Insights
Theme 2: Deepening Nature Connection
A strong desire exists among users to nurture a deeper connection with nature, driven by the uplifting effect of outdoor experiences. They aim to share this connection with others and infuse nature into their daily lives.
Theme 2 Insights
Create User Personas | Affinity Mapping | Empathy Mapping
How might we develop an intuitive and enjoyable platform that helps users effortlessly identify and learn about local plants and animals, addressing the challenges of information scarcity and identification, and sparking their curiosity and connection with the natural world?
Who am I designing for?
Based on the User Interviews, I developed Emily. She is a modern woman, but someone who enjoys slowing down and taking in the world around her. She is ambitious and hungry for knowledge, always aiming to deepen her understanding and gain insights into the biodiversity that surrounds her.
Experience Map
Currently Emily must either rely on her previous knowledge from personal research, or bring out her phone to ID, when she’s looking for a disconnection from technology, as someone who works from a computer all day long and relies on it for most other aspects of her life.
Developing a Solution
User Stories and Epics
Expanded Epic
This app is all about connecting nature enthusiasts to their local environment. These user stories and epics outline how the app helps users learn about plants and animals while they're out enjoying nature.
I want to make learning fun and distraction-free, so users can focus on the world around them. These stories cover everything from creating quizzes to tracking progress and earning rewards.
My goal is to help users become more knowledgeable and engaged with their natural surroundings.
-
As a nature enthusiast, I want to create custom quizzes by selecting specific plants and animals I want to learn about, so that I can focus on what interests me the most.
As a nature enthusiast, I want to browse and use pre-made quizzes created by experts or the community, so that I can learn from a variety of sources.
As a nature enthusiast, I want to set quiz preferences like the number of questions and quiz duration, so that I can tailor my learning experience to match my pace.
-
As a nature enthusiast, I want to start a quiz and receive questions about the species in my chosen quiz, so that I can test my knowledge.
As a nature enthusiast, I want to receive immediate feedback on my quiz answers, including correct answers and explanations, so that I can learn from my mistakes.
As a nature enthusiast, I want the option to pause and resume quizzes, so that I can fit learning into my schedule.
-
As a nature enthusiast, I want the app to keep track of my quiz performance and show my progress over time, so that I can see how my knowledge improves.
As a nature enthusiast, I want to review my quiz results, including questions I answered incorrectly, so that I can reinforce my learning.
-
As a nature enthusiast, I want to earn badges or achievements for completing quizzes or achieving certain milestones, so that I can stay motivated and engaged in learning.
-
As a nature enthusiast, I want to access my saved quizzes and continue learning even without an internet connection, so that I can learn about local flora and fauna in remote areas.
The heart of this nature exploration app lies in the engaging and informative quiz-taking experience.
Through this core epic, users will immerse themselves in an interactive and educational journey that fosters a deeper connection with the natural world.
The quiz-taking functionality is designed to make learning about plants, animals, and ecosystems not only fun but also accessible.
Let's explore the key features and user stories that make up this enriching epic.
-
User Story:
As a nature enthusiast, I want to start a quiz easily so that I can quickly test my knowledge while I'm out in nature.
Acceptance Criteria:
The app's home screen prominently displays an option to start a quiz.
Users can tap this option to begin a quiz immediately.
-
User Story:
As a user taking a quiz, I want clear and concise questions so that I can understand them easily.
Acceptance Criteria:
Quiz questions are presented one at a time, with a clear, legible font.
Each question is accompanied by a high-quality image or audio recording related to the topic.
Questions are written in plain language, avoiding jargon.
-
User Story:
As a quiz taker, I want to see multiple-choice answers for each question so that I can select the correct one.
Acceptance Criteria:
Each quiz question is followed by a set of multiple-choice answers.
Users can tap the correct answer to proceed to the next question.
Tapping an incorrect answer provides feedback and the opportunity to try again.
-
User Story:
As a user, I want a time limit for each quiz question so that I can challenge myself and stay engaged.
Acceptance Criteria:
The app imposes a reasonable time limit for each quiz question (e.g., 30 seconds).
A countdown timer is prominently displayed during each question.
If the user exceeds the time limit, the app automatically moves to the next question.
-
User Story:
As a nature enthusiast, I want the option to skip a question if I'm unsure, so that I can keep the quiz flowing.
Acceptance Criteria:
Users can tap a "Skip" button if they choose not to answer a question.
Skipping a question does not penalize the user.
Users can revisit skipped questions later if they wish.
-
User Story:
As a quiz taker, I want instant feedback on my answers so that I can learn from my mistakes.
Acceptance Criteria:
After answering a question, the app provides immediate feedback on whether the answer was correct or incorrect.
If the answer is incorrect, the app briefly explains the correct answer.
Users have the option to review their quiz results after completing the quiz.
-
User Story:
As a user taking a quiz, I want the option to save my progress and resume later, in case I can't finish the quiz in one go.
Acceptance Criteria:
During a quiz, users can tap a "Save Progress" button.
Saved quizzes are accessible from the app's main menu under "Saved Quizzes."
Users can resume a saved quiz at any time.
-
User Story:
As a quiz taker, I want a variety of quiz topics and difficulty levels to choose from so that I can tailor my learning experience.
Acceptance Criteria:
The app offers a diverse selection of quiz topics, such as plant identification, animal facts, and ecology.
Users can filter quizzes by difficulty level, ranging from beginner to expert.
Users can also browse quizzes by popularity or recent additions.
-
User Story:
As a nature enthusiast, I want the option to compete with friends in quiz challenges to make learning more engaging and fun.
Acceptance Criteria:
The app allows users to create and join quiz challenges with friends.
Challenges have a specified time limit, and participants aim to answer as many questions as possible.
Leaderboards display the top participants in each challenge.
-
User Story:
As a quiz taker, I want the option to review my quiz history and see my progress over time so that I can track my improvement.
Acceptance Criteria:
The app maintains a history of completed quizzes for each user.
Users can access a "Quiz History" section to view past quizzes, scores, and detailed results.
The app provides visual representations of progress, such as graphs showing quiz scores over time.
Task Flow
Welcome to the app's Quiz Taking task flow. This journey guides users in exploring nature through quizzes. The app caters to nature enthusiasts of all levels, offering engaging quizzes on various topics. In the Task Flow, you’ll go through the steps, starting from the home screen, to the quiz, to reviewing the results. The User’s goal is to complete a quiz on Edible Plants and to view their final results.
Create Paper Representation of Solution
Prototype Development
Inspiration to Paper
I began looking for inspiration for the design and layout of the the app. I took elements from other quizzing apps, various vintage style UIs I came across, and even old library catalogues.
I wanted to give the user the feeling of being a botanist or zoologist in a time of new discovery, and transport them to another era, where these plants and animals are just being newly uncovered, and understanding them is important work.
I’m took UI inspiration from other designs that align with this vintage feel.
Inspiration for the design of this app comes from vintage “Field Notes” notebooks and old library card catalogues.
I aimed to incorporate a simple, clean line design, with an old-time feel, with the file folder motif throughout the app.
The original inspiration for this app is Duolingo, with an education focus, driving the user to come back and learn every day, through quizzes and more. So, I looked at other quiz/education UIs, as well.
Though the tab style for the different pages was hard to nail down on paper, I went ahead and used that motif in the final designs.
And these were the final designs I went with. Though the tab style for the different pages was hard to nail down on paper, I went ahead and used that motif in the final designs
Create UI Mockups of Solution
Conduct User Tests | Iterate | Refine
Prototype Development
User Testing
I conducted User Testing with 5 different individuals. Each gave invaluable feedback, of which I was able to implement most of. Look below to see their insights.
-
There was some confusion about why they were doing what they were doing - could be clearer in instruction and have an on-boarding/instruction page
Found the top tab system to be cramped, would benefit from having an intro to the quiz page
-
Found the indexed and new species confusing
Would like to see indigenous name
Confusion over the point of the app. Can you ID by taking pictures
Really liked the idea of the hike challenges
-
Confusion around quiz part 03, order of the paragraph and “select the correct statement” needs to be reevaluated
Confusion over the index having the same plant twice
Would expect to see the settings in the profile tab
Could be cool to be able to arrange the index in different formations (alphabetical, order of discovery, etc)
Would like to know why salal was chosen to learn
Should add other photos for the multiple choice quiz
-
Confused by why there’s two of the same plant in index
Unclear why I would follow someone
exploring a new species box at the bottom that feels wrong
Should change the tree illustrations
Tabs too jumbled/hard to see
The path looks like it should start from the bottom
Wants to feel like correct answers are a bigger deal
Should be as many dots at the top as there are questions
“I wonder how it would look with lots of species. How to organise, or endless scroll.”
like that you have three easy words to remember plant by
# of things you've indexed should be part of your stats.
under achievements should be things you've achieved
-
Pokemon, but for plants
“Makes me want to increase my list”
noticed in the explorer the heading changed.
Pics next to the field guide in the top but not in the other heading.
Negative thing: inconsistent capitalization.
Branding
Typography
I wanted to carry on the Futura font from the Field Notes notebooks and pair it with a more vintage feeling typeface, so landed on Red Hat Mono, which reminded me of a typewrite and looks a lot like the typeface one would find on old library catalogue cards.
Branding
Wordmark
I was inspired by icons of national parks, outdoors brands, and books.
My initial drawings followed my inspiration quite closely.
I then decided to start playing around on the computer, as I knew that the simple “Field Guide” in Futura was going to be the basis of my wordmark.
I started playing around with adding little outdoorsy icons.
I eventually landed on the branch and butterfly.
I decided to enlarge the butterfly and move it to the second “D” to spread out the imagery within the lettering
And this is my final wordmark in black and white.
I liked the imagery in the wordmark, so decided to just make a simple, slightly modified version for the icon
I played around with colour and the placement of the butterfly.
In the end, this is where I landed for the icon and wordmark
High-Fidelity Prototype
In this final app iteration, I've invested countless hours in trials, testing, and refinement. Every element was meticulously chosen. But this is just the start. I'm excited to witness FieldGuide's ongoing evolution.
For now, I take pride in the work I’ve accomplished and am thrilled to present this latest version of FieldGuide.
Marketing Website
Check out the FieldGuide Mareting website.
Available on Desktop and Mobile!
What Did I learn?
Though this is just the beginning of FieldGuide’s journey into being, I’m proud of these humble beginnings. I’ve learned an incredible amount and still feel there is so much more I can do and look forward to exploring what this app idea and I are capable of!
Some of my key take aways from this adventure have been:
don’t throw things out.
make copies of files for new versions
get the basics up and deal with the small details later
it’s easier to edit overall pieces if they’re a component’s iterant
go over everything first and make a plan
explore every option
don’t stop on the first idea, even if it’s what you end up using
Next Steps
I truly believe that FieldGuide is something that could be of great use to many people. Not only to connect them with nature, but with themselves and their community.
The next steps in this journey are:
do more user testing and feedback
further refine existing features
expand the content and features
prioritize making the design more accessible
work with developers to begin building
address any legal aspects
continue to develop a long term vision
explore revenue options (ads, subscription, etc.)
Contact me.
keiroblyth@gmail.com
Victoria, BC, Canada