Hawaiian Land Snails App

Project Introduction

This Hawaiian Land Snails app was my senior year independent research project and was my first exposure to UI/UX design! In collaboration with Bishop Museum malacologists, I designed and developed to raise awareness about the necessity of native Hawaiian land snail conservation and identify non-native snails.

I coded the app in HTML, CSS, and JavaScript and uploaded it to App Store through Monaca (hybrid app development platform). Unfortunately, it is no longer published on the App Store due to lack of funding. However, I presented my app and research at the Hawaii Conservation Conference 2021 and have attached my app walkthrough, research paper, and research presentation below.

Problem to Solve

The development of an app about Hawaiian land snails was important to help correctly inform the public about these interesting invertebrate creatures that are underrepresented in conservation management and policies. There is a high rate of extinction of native land snails, especially those of the Pacific Islands, due to human interference through habitat alteration and destruction and fifty-three introduced snails that reside in Hawaii and are invasive in natural ecosystems.

For this project, I worked with Dr. Kenneth A. Hayes and Dr. Norine W. Yeung from the Bishop Museum. The goal of this project was to develop an app with the ability to help everyday users easily identify invasive snails, learn about the severity of the native snail extinction crisis and lack of conservation efforts, learn about the negative effects of non-native snails, gain access to the contact information of Bishop Museum malacologists, and overall have a good user experience while learning about snails in Hawaii.

Design Iterations

In this project, I went through multiple ideas regarding how to create a filtering tool for invasive snails. At first, I thought it would be user-friendly to use checkboxes to filter, but this did not work since the data was only given to me in a dichotomous key. Then, I had another idea of having the user walk through the entire snail identification process using the dichotomous key and then be returned one specific snail. However, if the user made a mistake or couldn't find the identifying feature, then the snail would be completely wrong or the tool wouldn't work. Therefore, we created a dichotomous key filter hybrid tool that uses the dichotomous key structure but filters from the main snail list and displays them one step at a time with the option to undo. You can see this below in the App Walkthrough. Additionally, in my research presentation, you can see the process that I went through from doing sketches on Notability to prototypes in Adobe XD to finally developing the app in HTML, CSS, and JS.

App Walkthrough

Research Paper

Research Presentation

Skip to #152 - Developing an Informative Hawaiian Land Snail Identification Mobile App

Won "Outstanding Undergraduate Student Oral Presentation"

Project Conclusion

In this project, I learned how to code in HTML, CSS, and JS and learned the beginnings of UI/UX, such as making sketches, mock-ups, and doing user-research, that helped prepare me for Brown University's CSCI 1300 class.