#UI/UX # RWD #Programming

#UI/UX # RWD #Programming

Plant Discovery

Plant Discovery

An interactive learning platform designed for students, filtering out redundant information to raise awareness of endangered plants.

An interactive learning platform designed for students, filtering out redundant information to raise awareness of endangered plants.

Project Overview

Project Overview

"Plant Discovery" is an interactive learning website that leverages unused data from the Queensland Government. With a visually engaging design, it helps users explore information about Australia's endangered plants, increasing their interest and motivation to learn.

"Plant Discovery" is an interactive learning website that leverages unused data from the Queensland Government.

With a visually engaging design, it helps users explore information about Australia's endangered plants,

increasing their interest and motivation to learn.

"Plant Discovery" is an interactive learning website that leverages unused data from the Queensland Government. With a visually engaging design, it helps users explore information about Australia's endangered plants, increasing their interest and motivation to learn.

Disclaimer: The project is a conceptual initiative that explores the potential of public datasets without claiming ownership of any data used.

Disclaimer: The project is a conceptual initiative that explores the potential of public datasets without claiming ownership of any data used.

ROLE

ROLE

User Research, Visual Design, Interaction Design, Programming

User Research, Visual Design, Interaction Design, Programming

DURATION

DURATION

3 months (2023)

3 months (2023)

TOOLS

TOOLS

Figma, Procreate, Visual Studio Code

Figma, Procreate,

Visual Studio Code

Background

Background

Australia's unique geographical location has fostered a rich diversity of plant species, many of which are currently endangered.


Our research revealed that while existing resources provide accessible knowledge, most users lack interest or familiarity with applying it. Traditional information sources often rely heavily on lengthy text, which can overwhelm users and negatively impact their learning experience.


To address this, our project uses a visually centered, interactive learning approach to enhance awareness and engagement with these endangered plants.

Australia's unique geographical location has fostered a rich diversity of plant species, many of which are currently endangered.


Our research revealed that while existing resources provide accessible knowledge, most users lack interest or familiarity with applying it. Traditional information sources often rely heavily on lengthy text, which can overwhelm users and negatively impact their learning experience.


To address this, our project uses a visually centered, interactive learning approach to enhance awareness and engagement with these endangered plants.

Key Performance Indicators (KPI) Tracking

Key Performance Indicators (KPI) Tracking

We established three key metrics to monitor the initiative's progress during the project planning phase. The following results were obtained from research conducted three months later:

We established three key metrics to monitor the initiative's progress during the project planning phase. The following results were obtained from research conducted three months later:

Learnability

Learnability

80% of users can understand the description of 5 different plants

80% of users can understand the description of 5 different plants

Usability

Usability

85% of users can identify 3 specific plants

85% of users can identify 3 specific plants

Retention

Retention

70% of old users will return to website when they in need

70% of old users will return to website when they in need

Understand Issue

Understand Issue

Secondary research and interviews were carried out in the initial stage of the project to identify the potential design opportunity.

Secondary research and interviews were carried out in the initial stage of the project to identify the potential design opportunity.

What had we learned?

What had we learned?

  • Images serve as crucial visual aids within a website

  • Traditional information sources rely heavily on text and lack of interaction for users

  • Interviewees expressed interest in learning botanical knowledge through visual methods

  • Images serve as crucial visual aids within a website

  • Traditional information sources rely heavily on text and lack of interaction for users

  • Interviewees expressed interest in learning botanical knowledge through visual methods

Persona

Persona

Target users:

Students aged 18 to 24 who seek a deeper understanding of Australia's endangered plants.

Target users:

Students aged 18 to 24 who seek a deeper understanding of Australia's endangered plants.

Traditional Task Flow

Traditional Task Flow

Traditional information platforms provide users with a simple way to access information but often lack interactivity. By analyzing the traditional task flow, we better understood user behavior and brainstormed potential design solutions.

Traditional information platforms provide users with a simple way to access information but often lack interactivity. By analyzing the traditional task flow, we better understood user behavior and brainstormed potential design solutions.

Hypothesis and Ideation

Hypothesis and Ideation

During the ideation phase, the team conducted a design sprint and used a prioritization matrix to identify key features and constraints. This approach ensured that all team members shared a unified vision of the design solution, laying the foundation for the product's success.

During the ideation phase, the team conducted a design sprint and used a prioritization matrix to identify key features and constraints. This approach ensured that all team members shared a unified vision of the design solution, laying the foundation for the product's success.

Low-Fidelity Prototype

Low-Fidelity Prototype

Project Challenges

Images Creation

In the initial concept, the project’s main feature was to showcase the lifecycle of plants, which set it apart from existing websites. However, the available databases did not include suitable images to fully realize this idea. As the website focuses on Australia’s endangered plants, online resources contain only limited fragments of information about these unique species. To address this, the team retained the key feature but used illustrations instead to represent each plant.

Missing Data

We discovered that the selected datasets lacked complete information and had limited content during the website development process. Relying solely on these datasets would create significant data gaps. The team reviewed three datasets to resolve this issue, carefully selecting relevant information to build detailed plant profiles. Additionally, we expanded the content by writing more comprehensive descriptions to supplement the gaps in the datasets, forming concise profiles for each plant while integrating the original data.

Insufficient Interaction with Data

After completing the initial phase of the Minimum Viable Product (MVP) and conducting tests, the team noticed that removing certain features had led to insufficient interactivity. To address this, we interviewed target users and gathered suggestions. Through these interviews, we incorporated the concept of "learning flashcards," enhancing the overall interactive learning experience.

Testing and Iteration

Three Testing Tasks

  • Locating the plant "Goebelobryum grossitextum" on the plant gallery page

  • Finding the plant "Baileyoxylon" and read its plant description

  • Observing the growth process of the plant "Baileyoxylon" through interactive features

Insights

Insights

  • All participants enjoyed the intuitive and aesthetically pleasing website design and found the interactive approach to learning about endangered plants helpful

  • When users interacted with or provided specific details about plants, they showed higher engagement as opposed to passive reading of information

  • Some participants found the specialized botanical names challenging to pronounce and sought help

  • All participants enjoyed the intuitive and aesthetically pleasing website design and found the interactive approach to learning about endangered plants helpful

  • When users interacted with or provided specific details about plants, they showed higher engagement as opposed to passive reading of information

  • Some participants found the specialized botanical names challenging to pronounce and sought help

Iterations

Iterations

  • Add interactive fill-in-the-blank responses

  • Add audio pronunciation options to assist users with plant names

Visual Design

Color Pallate

Through secondary research, the team analyzed color preferences that align with the project's theme and target audience. Ultimately, I selected three primary colors to build the website's design, ensuring visual consistency throughout.

#DCECBB

#DCECBB

#FFF5E9

#FFF5E9

#363636

#363636

Project Results

The final testing results demonstrated positive outcomes for the project. 92% of participants easily navigated the website and fully understood the functionality of each feature. The UI design received enthusiastic feedback at the showcase, with most users noting that it significantly enhanced the website’s usability.


In follow-up interviews, users highlighted the drag-and-drop feature as particularly helpful in their learning process, fulfilling the project’s initial goal of improving the user learning experience.

“I’m learning and playing at the same time!”

“I’m learning and playing

at the same time!”

participant A

“When I try to complete the information, I feel like I’m learning along the process.”

“When I try to complete the information,

I feel like I’m learning along the process.”

“When I try to complete the information,

I feel like I’m learning along the process.”

participant B

Reflection

At the start of the project, I aimed to deepen my knowledge of product design through the development process and create a user-friendly platform. While I believe we achieved commendable results despite time constraints, I realized the challenges of ensuring that every team member clearly understands the project goals and plans.


Despite ongoing communication throughout the project to bridge information gaps, not all members could consistently stay up-to-date, which occasionally hindered progress. However, this challenge provided valuable opportunities to practice balancing teamwork dynamics and addressing project limitations. I believe these experiences will enable smoother collaboration and development in future team settings.

Lumos Check App

Lumos Check App

Enhance chore management in shared living for young adults

Enhance chore management

in shared living for young adults

Enhance chore management

in shared living for young adults