ALYSE MARIE ALLRED
ALYSE MARIE ALLRED
  • About Me
  • Philosophy
  • Projects
    • Masters Capstone
    • Haptics Haunted House
    • Celery Bog Interactive Map
  • Illustrations
  • About Me
  • Philosophy
  • Projects
    • Masters Capstone
    • Haptics Haunted House
    • Celery Bog Interactive Map
  • Illustrations

aPPLICATION dESIGN

CELERY BOG INTERACTIVE MAP

Overview

The Celery Bog Nature Area is a protected wetland located in West Lafayette, Indiana, not far from Purdue University. The marsh plays a number of important roles, both to park visitors and the plants and animals that it shelters.

As part of a wave of recent park renovations, the park directors expressed interest in expanding technologies that might aid visitors.

My Role

User Research, Usability Testing, UI Design
Picture

User Research

Picture
Site Familiarization
Early on, our team realized that in order to craft a good user experience, we had to gain a physical understanding of the park. We accomplished this by walking the trails, exploring landmarks, and learning the park's history.
Informal Interviews and Brainstorming
A series of informal interviews were conducted with the Celery Bog's three directors. Follow-up interviews, check-ins, and additional brainstorming sessions were also conducted as needed through the rest of the project.
Picture

A Double-Layered Problem

Picture
Picture
Picture
Park Visitors consisted primarily of three groups: joggers, dog walkers, and bird watchers, all of whom would benefit from an interactive park map.
Picture
Park directors required an application that could be maintained long-term, without the need for technical assistance.
Picture

Core Question

How can we design an interactive map application that can be easily maintained in the long-term?

Picture

Prototyping the Application

Picture
Data Gathering
Description
Preliminary data gathering for prototypes took the form of physically touring the Celery Bog Nature Area and documenting GPS coordinates of major landmarks, paths, and path nodes.
Picture
Sketch Wireframes and Paper Prototyping
Description
Paper sketches and wireframes were constructed to better envision the application. These paper prototypes were submitted to cognitive walkthrough testing.

Results
​We learned from our various paper prototypes that we were trying to convey too much information at once, and needed to simplify the application.
Picture
High-Fidelity Prototype
Description
Using the insights gained from the low-fidelity prototype testing, we simplified the interface and began developing a high-fidelity prototype. This prototype was then subjected to another round of cognitive walkthrough testing, both on the front-end (map) and back-end (administration).

​Results
The front-end prototype was better received and required fewer tweaks to proceed. The administrative back-end however still suffered from over-complication. A backup default version was created, and several features, such as the path editor, were removed entirely.
Picture

Final Deliverables

Picture
Application
  • Embedded in the park website (rather than as a downloadable app)
  • Location-sensitive interactive mobile application with a myriad of path tracking functionalities
  • Simple, browser-based administrator back-end for editing and adding photos
Administrator User Manual
  • Step-by-Step manual for park directors
Announcement Poster
  • Physical announcement with accompanying QR code to alert park visitors to the new application
Picture
Picture

Master's Capstone
​Fandom Archive Co-Design

Qualitative Methods
Co-Design
Picture

Haptics Haunted House

Emerging Technology
Service Design

Picture

Celery Bog Interactive Map

Application Design
Powered by Create your own unique website with customizable templates.