Mobile app strategy and user flows

Tumamoc Tour: outdoor interpretive science

Project metadata
Project title “Tumamoc Tour” Mobile App
Project tagline The story of the Sonoran Desert told while walking Tumamoc Hill.
Project purpose To enhance the experience of a popular scenic walking route by giving visitors an appreciation of the history and ongoing research at the Desert Laboratory, thus making them stewards of this sensitive and highly protected long-term ecological research site.
Project summary An hour-long audio/visual interpretive tour of Tumamoc Hill, an 860-acre Sonoran Desert scientific research preserve, historical landmark, and community gathering place surrounded by a growing urban Tucson, Arizona. English and Spanish.
Company/client name University of Arizona, College of Science
Project dates/time frame Sept. 2016-Aug. 2017
My major responsibilities Strategy and concepts; screen flows, illustrations, photography; script writing, audio interviews and movie production.
Platforms iOS and Android
Tools used pencil, draw.io, Balsamiq, Sketch app, Photoshop, Final Cut Pro
Key performance metrics Number of downloads, active users, and retention rate
Collaborators Tumamoc director, 2 writer/researchers, 2 video producers, and Desert Lab scientists
Link to final project Android, iOS

Project summary

THE TUMAMOC TOUR is a mobile app that provides audio narration and visual site-interpretation for visitors walking the 3-mile route at the Tumamoc Hill Sonoran Desert ecological research preserve.

Increasing use of the hill by the public over a decade began to compete with the needs of working scientists. The University decided to allow public access. Insight revealed that visitors were actually an asset–they just needed to be educated about the history and ecology of the surrounding environment. Knowledge will inspire more visitors to respect the rules and become stewards of the place.

My role was UX designer, writer, illustrator, photographer, collaborating with a small team of writer/researchers, audio-visual artists, and scientists, led by the Hill director.


Selling the idea

The College of Science accepted our proposal based on the following sketches. The sketchy nature of the art communicated that we were open to ideas and iteration. Some of the concepts shown here were shelved for a future version.

Definition and discovery phase

University Goals

Community Relations

Increasing population pressure prompted a decision to open the preserve–with strict limits.

Environmental Education

The research station could fulfill it’s role as a science education hub for the Sonoran desert

Protecting Research

Educated visitors are more likely to respect the rules and become long-term community stewards of the site.

Audience needs

We asked these questions:

  • What did we already know about the audience and context?
  • What was unknown?
    • Explicit needs
    • Latent needs
  • In general, scientists think completely differently from site visitors.
    • There were a few topics where interests overlapped

Should we do user research?

Although it’s a scientific research site, there was no time or budget for user research, and little or no understanding among stakeholders of UX design. They were scientists, used to being the experts, lecturing to others less knowledgeable. There was no point in trying to change that here. And to some degree they were right–they were experts and knew what they wanted to communicate about the place. UX would have to be quick and lean.

The College of Science decided to build the app, based largely on assumptions, and the success of a previous science app done for the nearby Catalina Mountain Highway.

Few visitors expressed a desire to be educated about the place. And scientists think very differently from site visitors. But, there were a few small areas were interests overlapped. That’s what we focused on.

The University did provide some previous market research they had done to understand public perceptions of Tumamoc Hill. On-the-spot surveys of 100 walkers, two focus groups, and two town-hall meetings confirmed the three main attractions:

  1. People mainly walked the hill for exercise. Some compared Tumamoc to an outdoor gym, or a treadmill with a scenic view.
  2. There was added value in socializing while exercising, and people often walked in groups.
  3. People appreciated the beautiful views of the surrounding city and mountains.
  4. Around half the people spoke Spanish as a first language.

 

Challenges

Usefulness

People came for exercise and socializing, not to learn science.

Context

Users will be outside on a mountain, usually in bright sunlight, making screens hard to see.

Music

People listened to motivational exercise music, eg, rock, rap, Mexican dance music.

Education

The average level of science education was low.

Our task was to turn challenges into strengths. To do this, we looked at the enthusiasm and sheer numbers of walkers, the fact that everyone carried phones, and common points of interest such as wildlife sightings.

Strengths

Enthusiasm

Most walkers loved the place and made regular visits–Tumamoc was a hot spot to meet and a safe place to walk alone.

Numbers

An estimated 1500-2000 people walked the 3 mile loop every day.

Phone use

Most walkers carried their phone, and many attached headphones to their phone.

Touch Points

Walkers stopped for showy flowers and animals, eg. deer and rattlesnakes crossing the road.

After compiling what we knew about the users of this app, I drew a quick concept map, which allowed us to see the big picture. By focusing content around easily visible things that visitors already wondered about, we could lead them into the more abstract subjects we wanted to convey.

Tumamoc walkers_mind-map2
Concept map for Tumamoc walkers: connecting existing needs and desires–exercise and socializing–to potential topics in environmental education.

 


 Design Phase

sketches by Paul Mirocha for mobil screen flows
Some of the many pages of sketches by Paul Mirocha that went into developing the screen flows

User flows

Next, I started sketching out flow diagrams and shared them with the team. As these drawings got better, I did some secret paper prototyping with people who were available, to see if they knew what to do on each screen.

Drawings used for paper prototyping
Drawings used for paper prototyping
Click to enlarge
Tumamoc director, Ben Wilder sketches his version of Paul's screen flows on our whiteboard
Tumamoc director, Ben Wilder sketches his version of Paul’s screen flows on our whiteboard

Home screen

Early on, I got a 3d terrain model of the hill. This gave me the primary metaphor–location. The blue dot would move over the hill landscape with the GPS location of the walking person as they moved through the various sections, which tied in to the audio programs. Alas, my beautiful hill images were not to be. The developers either couldn’t or wouldn’t register my images as overlays to the underlying Google map.

My rendering from a 3d model of the hill
Early design showing blue dot GPS location on the road, and simple icons for landmarks
Early idea to link audio programs to sections of the road with GPS location shown on hill terrain graphic.
Icons for special features along the route
Icons for special features along the route

Final screens

“Loader”

“Home”

“Sections”

“Features”

What we learned

We had to make some compromises in the final development phase. The reasons for this are familiar: technical, budget, and time. These constrains caused the following issues.

  • The hill terrain I was so attached to had to go because the developers could not get that image to register correctly as an overlay on the Google map. That’s a technical constraint I had no control over.
  • The developers had a strict “waterfall” process. We gave them all our final artwork and they worked almost entirely in a closed system. We had one beta release to test and get approvals for before receiving the final product. As a result, everything was “baked in.” We could not add another sponsor or change the URL of a Youtube video without redoing the entire app.
  • I felt that some of the errors could have been avoided if there was closer team communication. But the management it was faster and more lean to work in smaller groups or silos.

Follow-up

Three months out, the number of users was lower than expected. We are watching the analytics, and observing people when possible.

One interesting observation I made personally: I saw couples listening together on speakerphone. That ties in with previous observations of the social nature of hill walkers. Even science is something to share and comment on, instead of experiencing it alone in individual headphones.

We really need to engage visitors with what they came to the hill for–exercise and socializing. In the next version we’ll do some design thinking and user research. — Tumamoc director

 

 

 

 

 

Leave A Comment

Your email address will not be published. Required fields are marked *