Habitat

Turning complex satellite data into abstracted digital forest twins to motivate new forest owners

The image shows two different representations of a map. On the left, there is a relatively detailed map with markings in various shades of green and red. An arrow points from this map to another one that is structured differently. This second map is divided into squares, and each square contains a 3D icon resembling a forest.

habitat is a concept for a digital browser application. It is designed to educate and motivate a new generation of forest owners and make complex forest management more tangible through abstracted digital twins.

Client/Setting

Bachelor thesis

Role

Research, Ideation, UX, UI, Prototype, Testing, Illustration

Tools

Figma, Adobe Illustrator, Framer, Mapbox

Team

Jonas Pflug, Katja Rößler

German forests under climate stress

Forests are vital to life on earth. However, in many regions there is an alarming trend toward widespread forest dieback. Factors such as droughts, air pollution and over-intensive forestry put them under constant stress. One way to counteract this trend is to strengthen biodiversity and restore mixed forests.

The image shows a photo of a destroyed forest area. Behind the photo is an illustration visualizing four factors contributing to forest decline: fragile monocultures, abiotic damage, harmful forestry practices, and pests.

Stakeholders

Restructuring a forest is a lengthy process and no one knows for sure which tree species can withstand future conditions. However, in interviews with active foresters, we also noticed that the desire for technical support was relatively low. They saw more potential in activating young, inexperienced forest owners.

The image shows a collection of research documents: a visualization of forest stakeholders and how they are connected, two visualizations of research into similar products on the market, and a photo of a laptop in the forest with forestry software open on the screen.

"Many forest owners are not being reached. The potential for environmental protection and raw materials is not being utilized. We must try to spark their interest."

From an interview with the head of the forestry course (University of Applied Forest Sciences Rottenburg)

Target group challenges

  • Lack of time, money or equipment to engage with forest management
  • Missing bond to the forest results in lack of motivation to maintain it
  • Common fear of making mistakes and causing damage
  • Forest-related data are generally not accessible to everyone

Target group

Roughly half of the German forest area is privately owned. Due to continued inheritance, forest lands are becoming more and more fragmented and thus also the number of new and mostly inexperienced forest owners. This makes large-scale forest restructuring difficult. On top of the common environmental issues, inexperienced forest owners face a number of additional challenges.

The image displays information about two personas: Laura, a new forest owner, and Armin, an experienced forest owner. Additionally, a quote from Laura and a user need statement from her are shown.

Project goals

  • Remote monitoring made easy through simplified maps and data
  • Arouse interest and increase motivation by implementing gamification
  • Provide guidance, illustrate processes and opportunities
  • Facilitate communication among forest owners and other stakeholders

With our plattform we aim to make remote monitoring more accessible for small private forest areas. Through playful visualizations and elements of gamification, we want to spark interest and motivate users to visit their forest more often and learn more about it.

The image shows excerpts from the storyboard, as well as the question zero which reads: How can we motivate proactive forestry and provide small forest owners with an easy way to monitor and learn about their forests?

Ideation

In order to find design solutions for the identified user group challenges and to achieve the project goals, we brainstormed different approaches, discussed our ideas and evaluated their feasibility.

The image shows a collection of pictures from the ideation process. One picture shows two people from above, sitting at a desk and discussing a sketch. Below them are two sheets with wireframe sketches. A third image shows a pinboard with sticky notes and various design methods.

Concept validation

We collected our best approaches and turned them into more elaborate wireframes. In an agile user test phase we validated the results several times. With the help of click dummies we were able to test different use flows and eventually landed on our final design.

The image displays a large number of wireframe screens. These are connected by arrows, representing clickable prototypes. In total, there are seven different flows. In the foreground, a photo shows two people sitting at a laptop in a testing situation.

System rules

By implementing it as a browser application, we ensure platform-independent access for all users. With the inexperienced target group in mind, the design is deliberately playful and friendly. To visually represent the forest's condition, we combined interface components with illustrations. As users delve deeper into the application and the complexity of the data increases, the design of the modules becomes more "serious."

The image compares the complexity of UI components. On the left are low-complexity UI components, including a card and an illustrated map. On the right are high-complexity UI elements, also showing a card and a map, but much more detailed and comprehensive.
The image shows a collection of UI components. The visual appearance is friendly, light, and playful. Icons and illustrations are three-dimensional and playful. Additionally, cards, buttons, filters, labels, and many other elements are displayed.

Data basis

Collecting useful data on forest areas is costly and time-consuming. Remote monitoring through airplanes or satellites like ESA's Sentinel-1 and Sentinel-2 is becoming increasingly important. These satellites capture vegetation changes and are ideal for illustrating temporal developments. We accessed datasets from the Forest Research Institute of Baden-Württemberg (FVA) and imported them into Mapbox for use in prototypes with real data.

The image shows an illustration and a section of a map. The illustration depicts a globe with two satellites facing each other and orbiting the Earth. These represent the Sentinel-1 and Sentinel-2 satellites. To the right, a second illustration shows the different functions of a radar satellite and an optical Earth observation satellite. On the map, different shades of green and labels mark various forest types.

Abstracted digital forest twins

An abstract digital twin reflects an abstracted - but not false! - reality. They help avoid overstimulation by eliminating unnecessary information and give inexperienced forest owners a simpler overview. During onboarding, the user enters his property line. It is then pixelized and translated into a grid layout.

The image shows four illustrations connected by arrows. The first photo shows a forest area from above. An arrow points to the second image, where this forest area is faded out, and a green area is marked. In the third illustration, the tree crowns within the marked area are represented by pixels. The fourth illustration shows a stylized version of this forest map.

Instead of displaying each tree individually, an average value is calculated. The icons in the center reflect the terrain structure that makes up the largest part of the respective area. For example coniferous forest, waters or grassland. Since the map is based solely on real data, users have no control over its initial construction. Instead, they have to take actions in their real forest in order to have an influence on the digital one.

A series of images illustrating the logic behind the stylized forest map.
A series of images illustrating the logic behind the stylized forest map.
A series of images illustrating the logic behind the stylized forest map.

Discover page

After completing the registration process, defining the property boundaries, and stating their goals, the user is directed to the Discover page.

The image shows a mockup of a computer screen. At the top is a navigation bar. Two-thirds of the screen is covered by an illustrated map, while the remaining part contains cards displaying tasks for the user and journal entries. On the left side of the screen is a toolbar allowing the user to edit the map.

Discoveries

The outer areas of the square are reserved for the user's own discoveries. They reflect exciting events, objects and places users may encounter in their forest. Discoveries can be placed directly on the map using the toolbar and be customized with notes or attachments. Thus, they function like a spatial diary. All entries are also listed chronologically on the right side of the screen.

A series of images showing how to add a new discovery to the map using the toolbar. The first image shows a cursor selecting a plant icon from the toolbar. It appears to be about to select the storm icon. In the second image, the storm icon is being dragged and dropped onto the map. The third image shows a modal above the map, where the user can add a description and save the discovery.
A series of images showing how to add a new discovery to the map using the toolbar. The first image shows a cursor selecting a plant icon from the toolbar. It appears to be about to select the storm icon. In the second image, the storm icon is being dragged and dropped onto the map. The third image shows a modal above the map, where the user can add a description and save the discovery.
A series of images showing how to add a new discovery to the map using the toolbar. The first image shows a cursor selecting a plant icon from the toolbar. It appears to be about to select the storm icon. In the second image, the storm icon is being dragged and dropped onto the map. The third image shows a modal above the map, where the user can add a description and save the discovery.
The image shows a collection of 3D icons categorized into terrain, waters, damage, seedlings, edibles, and animal sightings.

Insights

In addition to discoveries (green), there are also insights (pink). Unlike discoveries, they are not added to the map by the user but automatically by the software, based on satellite data. They show current developments in the forest, such as storm damage, dead trees or unsuitable tree species.

The image shows a mockup of a computer screen. Only the left half of the screen is visible, while the rest is cut off. On the screen, the illustrated map is visible again. A cursor moves over the map, triggering the opening of a small modal. The modal shows an illustration of a dead branch and explains that this part of the forest contains deadwood. A button allows the user to take action.

Color coding and matching illustrations help to quickly grasp the content and importance of the information presented. Each insight is assigned to the corresponding measures.

The image shows a collection of cards. They display potential insights and consist of an illustration visualizing the insight, a title, an explanatory text, and additional data. At the bottom of the card is a button labeled Take Action.

Quests

To motivate users to regularly visit the forest and maintain the application, we implemented aspects of gamification, such as quests and ranks. One possible quest is to look out for damages caused by wildlife and mark them on the map. By doing so, the software is fed with additional data in a playful way and the map becomes more and more accurate.

The image shows a collection of cards. One large, prominent card visualizes the user's level and shows the progress within that level. It also displays data about the forest and objectives. Surrounding it are three smaller, less prominent cards, which show quests.

Main navigation

The main navigation reflects four consecutive work steps: Discover, plan, document and network. Different forest plots can be selected on the left. Each parcel has its own workspace. Via the chat dropdown, it's possible to contact other users.

Plan page

The visual language of the map changes once entering the planning screen, indicating that interventions in the forest have real consequences. In addition to a satellite view, there is a stylized map with different layers available. The map has a significantly greater depth of information and plays a supporting role in the planning process.

The image shows a mockup of a computer screen. It displays the Plan page. The right third of the screen shows a map, with the user’s forest area marked in green. Within this area, sections are marked with pink squares. To the left of the map are three cards displayed side by side, providing information on forest health, forest climate, and tree population. Below them are three more cards providing information about anomalies in the forest, giving more details on the points marked on the map.

Data blocks

Data blocks form the foundation for generating insights. Each block combines different data types to provide specific information, such as forest health, tree population or tree heights. Advanced users can add more data blocks resulting in more detailed information and therefore more insights are generated.

Measures

Measures ONLY exist in the context of insights. They provide users with effective ways to deal with positive, neutral or negative news. Since erroneous diagnoses can never be completely ruled out, users are advised to visit the forest to confirm the assumption - ideally accompanied by their trusted forester.

A measure usually leads to follow-up actions. Since there are user-specific ways for forest maintenance, different approaches to choose from are displayed: ecological (minimum interference with nature), productive (generating economic added value) and multifunctional (something inbetween). Various factors, such as effort, costs and financial support are compared in order to weigh the options.

The image shows a mockup of a computer screen. It is cut off on the right side. Several cards are connected by a line, forming a tree of cards. These represent possible actions and follow-up actions for removing damaged trees.

Documentation page

Each insight and measure-branch can be saved in the documentation. The documentation page is divided into three sections: Saved plans, completed plans and a map. Selected plans are shown on the map. This way users have the possibility to also locate completed projects.

The mockup shows the Document page. It is horizontally divided into three sections, starting with saved plans, followed by completed plans, and then a forest map on the right side. Within the sections, cards are arranged vertically. Each card represents a plan, which consists of an insight and any number of actions.

Plans

In order to save space and reduce complexity, plans are summarized in smaller stacks. They can be unfolded to view details of the related measures and insights. Since one goal was to make forest care more attractive and to reward forest owners for their contribution, possible fundings are shown at this point.

Forum page

Proper forest management requires expertise and equipment. By integrating a forum, we intended to connect neighboring forest owners to share experiences and equipment or even organize joint work.

The image shows a mockup of a computer screen. On the screen is the Forum page. It is divided into two sections. Two-thirds of the screen is filled with various posts, while on the right is a map. The map shows the neighboring forest areas using different colors.

The community page takes up the idea of a bulletin board. It allows users to interact through posts. Others can comment, bookmark or forward posts. The community map allows users to search for like-minded people in their immediate surroundings.

The image shows two mockups of computer screens, partially cut off on the sides. The first screen shows the map with the neighboring forest area. A cursor hovers over the symbol of a neighboring area, opening a modal displaying information about the forest owner. The second screen shows the posts section, with a modal overlay allowing the user to write a new post.
The image shows two mockups of computer screens, partially cut off on the sides. The first screen shows the map with the neighboring forest area. A cursor hovers over the symbol of a neighboring area, opening a modal displaying information about the forest owner. The second screen shows the posts section, with a modal overlay allowing the user to write a new post.

Smartphone app

The smartphone is ideal for keeping an eye on your property anytime and anywhere. Data can be recorded manually via the camera. For example, meassuring trunk diameters or identifying unknown species. While user learn more about their forest, the software is fed additional data thanks to gps and image recognition.

You have reached the end

But there is plenty more to see.