MACROINVERTEBRATES.ORG
  • PROJECT
  • PEOPLE
  • PRODUCTS
  • Blog
  • Resources
    • Help
    • FAQ

Mobile App Pt. I: Beginning a Mobile Macroinvertebrates.org!

5/25/2020

 
by Alice Fang
🐞📱
A little after spring break, Chelsea and I started on conceptualizing and developing a mobile app version of Macroinvertebrates.org, which we will continue to work on into the summer.
​

The original question we started with was what should the app do? (and what can we do to create a minimum viable product as a 2 person group?) The primary functions of the site that could be reflected in a mobile app were:
  • ID Key
  • Traits/Characteristics
  • Practice Quiz

Primary Goals for mobile: learning orders! and providing access when you don't have internet connectivity (creating a lighter weight, downloadable version)

A mobile version of the ID Key was already prototyped by Jaclyn last year, so the majority of the focus will be working on integrating Order and Family level information. Based on how far concept/prototyping goes, we may also integrate a practice quiz as well.
Picture
Different ways of showing 'additional information'
The first issue we ran into while refining the ID Key was the number of cases that the original design couldn’t accommodate for. For example, in the ID Key on the site, there were a few questions that examined/compared two different physiological traits ("wings OR wing pads", instead of just "wings"). How could the gallery of characteristics show images of both, and how should the help button appear to show both text explanations as well? 

This was the first (and definitely not the last) time where I struggled designing for mobile, instead of desktop or 'website on mobile.' I don't have much experience in designing a purely mobile app product, so I'm excited for the challenge and learning experience.

​Areas that need resolving as we move forward!:

  • Level of detail/information? Order to Family; genus is too specific, but how to show family-level information without genus? 
  • Information architecture
  • Working on mobile flow and interaction
​
Looking at Mobile Interactions
Picture
Google Maps|Twitter|Medium
​I took note of some common features of mobile apps to help structure our app as well. These are some references that could help with structure/organization.
​
  • Menu bar on the bottom of the screen, to direct to different functions of the app. Trying to incorporate this to separate viewing the images of the specimen from diagnostic characteristics and order/family overview. [consistent on many mobile apps]
  • How to display diagnostic characters + additional information? Is the bottom bar the way to go, or should the information overlay on top of the actual images? [Google Maps]
  • High-level menu from the left of the screen, to lead back to the ID Key, or a menu of just insect orders (see all the orders at once). [Twitter]​​
  • Scrolling down to see more content (eg. families in an order) and scrolling horizontally to see within the content (eg. genura within a family) [Medium]

​
Organization + Hierarchy
Picture
Trying to figure out how everything fits together
Once a user selects an order, the organization from Order > Family > Zoomable Image (Genus) becomes a little confusing. Should the user be able to select into a family page (option 1) or does it lead directly to the zoomable image? At what level is family-specific information displayed then?

*We established early on that Genus-level information was probably too specific for mobile, trying to keep the app more general
Picture
High-Level Menu
Picture
Bottom bar; popup additional information?

Macroinvertebrates.org: A Virtual Resource for Teaching and Learning ID WEBINAR

5/15/2020

 

Macroinvertebrates.org: A Virtual Resource for Teaching and Learning ID!

The Human-Computer Interaction Institute at Carnegie Mellon University with Carnegie Museum of Natural History, Stroud™ Water Research Center, and Clemson University have officially launched www.macroinvertebrates.org, the online Atlas of Common Freshwater Macroinvertebrates of Eastern North America. The expanded collection includes features nine orders of aquatic insects plus other benthic macroinvertebrates commonly used in water quality biomonitoring and environmental education, with 150 taxa total.

In this webinar, we’ll provide an overview of how this NSF-funded project was developed through a participatory design process with an interdisciplinary team of entomologists, educators, designers, and learning researchers in cooperation with regional volunteer biomonitoring organizations involved in water quality assessment. We’ll demonstrate site features and functionality and cover how this open educational resource can be used to support macroinvertebrate identification training with volunteers and students to improve confidence, accuracy, and engagement.

When: Friday, May 15, 2020, from 2–2:45 pm ET, with time after the presentation for questions.
Where: Online via Zoom and Facebook Live on our Facebook page. (Webinar recording will be shared afterwards on our YouTube channel.)
Audience: Volunteer biomonitors, macroinvertebrate trainers, entomologists, educators, and water quality professionals.

​
https://stroudcenter.org/event/macroinvertebrates-org-webinar/

    Project Team

    An interdisciplinary team
    ​of entomologists, learning scientists, software engineers and designers collaborating to improve macroinvertebrate identification training and technologies with volunteer biomonitoring organizations.

    Categories

    All
    Broader Impacts
    By Clemson
    By CMU
    By Educators
    By Powdermill
    By Stroud
    Design Studies
    Educator Innovations
    Entomology
    Imaging
    Learning Research
    Mobile App
    NSF REU
    User Research

    Archives

    January 2021
    December 2020
    September 2020
    August 2020
    July 2020
    May 2020
    November 2019
    August 2019
    July 2019
    June 2019
    May 2019
    April 2019
    March 2019
    February 2019
    January 2019
    October 2018
    September 2018
    August 2018
    June 2018
    May 2018
    March 2018
    December 2017
    August 2017
    June 2017
    May 2017
    April 2017
    March 2017
    December 2016
    November 2016
    October 2016
    September 2016
    August 2016
    July 2016
    June 2016
    May 2016
    April 2016
    March 2016

    RSS Feed

Project INFO

ABOUT
www.ept.macroinvertebrates.org
NSF Award  Listing

Partners

Learning Media Design Center@CMU
CREATE Lab @CMU
​
Clemson University 
Stroud Water Research Center
Carnegie Museum of Natural History

Collaborators

ALLARM
MD Streamwaders
Senior Environmental Corp
Pittsburgh Parks Conservancy

Trout Unlimited
Picture
This material is based upon work supported by the National Science Foundation under Grant #1623969.
Any opinions, findings, and conclusions or recommendations expressed in this material are those of the author(s) and do not necessarily reflect the views of NSF. ​​

  • PROJECT
  • PEOPLE
  • PRODUCTS
  • Blog
  • Resources
    • Help
    • FAQ