Stroll

HCDE 518 • Autumn 2020 • Research / UX / Product Design

“Travel” without leaving your neighborhood—discover new ways to connect with the local people and places you love.

Team
  • Anders Herberg
  • Beth Dunbar
  • Elisabeth Fonden
  • Kallie Bracken
Duration
  • 10 weeks

Tools
  • Figma
  • Sketch
Deliverables
  • Design Research
  • High-Fidelity Prototype
  • Design Spec
  • Promotional Video
The Problem:

The COVID-19 pandemic has restricted mobility and travel; for many of us, it has limited our ability to explore new places.


Design Question:

How can we utilize technology to promote neighborhood exploration and encourage physical activity while building a bridge for community connection during quarantine?

Our Process

Research
For our research, we used a combination of methods, including:
  • Diary Study
  • Survey
  • Competitor Analysis

Diary Study & Survey

Diary Study

We invited 18 participants to walk around their neighborhood and share 5 pictures of interesting things they encountered and explain why each picture caught their eye.

We wanted to see what types of artifacts caught their attention the most and to understand why they selected these artifacts. We consolidated all photos into a slide-deck and analyzed them by theme.


Findings

A majority of users took pictures of houses, scenic views, and hidden gems
Younger users incorporated mostly selfies into their exploration photos
  • "This was one of my favorite shops when I lived here and this mural inspires me."
  • "A nice place to eat lunch and enjoy the shade on the edge of campus."
  • "Innovation."
  • "One of the candy chutes we saw for pandemic Halloweening."

Survey

All 18 Diary study participants completed a brief survey. This mixed-methods, post-activity survey asked whether participants found taking photos to be a boring or interesting task, about the importance of getting outside to support physical and mental health during COVID, how connected participants felt to their neighborhood and how important neighbrohood connectivity was to them. We analysed our survey results in Excel and summarized our findings in a slide-deck.


78% 94% 78%
felt getting outside was important to their mental and physical health during Covid-19 reported importance in being connected to their community explored their neighborhood at least weekly, either by walking or biking

Competitor Analysis

Competitive analysis helped us gain insight into the exploration industry, and how apps similar to Stroll incorporate community involvement. We created a list of seven different competitors, then chose 3 to analyze in-depth:

  • World Brush — an AR experience where users can paint on the world for others to discover
  • Like a Local — an app experience where users can connect with locals on their favourite cafes, restaurants, bars and sights
  • Google Maps — a search experience for places and the directions to get there.

Findings
Explore apps, Google Maps, lack in ‘community connection’ and main features are for search and direction, and ratings
Apps, like World Brush, that have ‘mystery’ elements have limited feature sets.
User content creation is common in explore apps (e.g. adding professional businesses)

User Personas

By designing an application that includes users who want to explore neighborhoods and/or create content, we wanted to cover multiple types of users with different behaviors and goals. Wanda Wanderer and Cory Creator were chosen as our primary personas since our research found that people value connection to their neighborhood and a desire to discover points of interest.

Learn More




Design Ideation

Main design needs:
  • The solution should foster a sense of belonging by helping people feel more connected to their community.
  • The solution should encourage users to get outside in support of physical and mental wellness.
  • The solution should activate users’ curiosity and urge to explore -- giving them opportunities to look at familiar things in new ways.
  • The solution should help users who are contributors connect with their joy of creating content -- taking pictures, sharing videos, etc.
  • The solution should be intuitive and easy to use for people from a broad variety of technical backgrounds

Proposed Features

  • ‘Scavenger Hunt’ navigation (see details once you arrive at pin)
  • User-generated content (create a pin or contribute to an existing pin)
  • User profiles, messaging, and connecting
  • Filter pins to discover content by hashtags

Low-Fidelity Sketches

For our first attempt at design, we each drafted up our own ideas of the apps navigation and core features. After sharing our designs, we voted on the most desirable features and confirmed the expected features of the app.

Mid-Fidelity Wireframe

This is an example of one of our mid-fidelity prototype/user flow. This flow focuses on our "Creator" pathway, in which a user is uploading their own content to a "Pin" or point of interest they interact with.

User feedback & Iterations

Here are a few examples of our iterative changes throughout the testing process.

    1. On-screen, Live Map
  • Users loved the combination of an Augmented Reality (AR), real-time view. However, users thought the location marker looked like a video ‘play’ button, and once you click into a pin they were unsure what to do next. Also, they were unsure why the pin was called space needle when it wasn’t directly on it.
  • Changes: Adjusted location marker, made CTA language more clear, and added elements to display the pin is user-generated
  • 2. Pin Profile Page
  • Once you get close to the pin, users were confused and one commented that the UI for our arrival screen looked like an ad.
  • Changes: Changed the location marker to reflect the pin itself, to maintain consistence. We also changed the layout of the expanded pin to compliment the ‘Start Walking’ screen.
  • 3. User Onboarding
  • Users felt like they were unclear about the app's capabilities when they arrived to the home screen. So we needed to make our onboarding very clear so the user knows functions like navigating to "Pins" and how they can share their own content.
  • Changes: Redesigned the onboarding experience to include more action oriented language to descibe the app’s core functions. The new design also switched from tapping ‘Next’ to navigate to the proceeding screen to a drag motion.

Final Product

Deisgn Rationale
  • Why did we choose the mobile platform?
  • Mobile phones are portable and common devices used for exploration and connection within the US.

  • Why did we choose AR?
  • Using Augmented Reality gets people outside and adds an element of novelty and fun.
  • Why did we choose an explore app with navigation?
  • To create the joy and fresh adventure of ‘travel’ without users needing to leave their neighborhood.

  • Why did we incorporate opportunities to connect?
  • People crave a sense of belonging within their communities, especially during Covid-19.

Prototypes

Create a profile and begin exploring your neighborhood the way you like it.

While onboarding, users get to learn about Stroll and have the ability to sync it with their social networking profiles.

Start your own adventure by exploring "Pins" in your area.

From the homescreen, users can discover pins of nearby points of interest and route to a Pin destination.

Discover and explore different Pins by using hashtags that other users have added to Pin Profiles.

Your neighborhood adventures can be customized to you.

Create and share your own ingishts about your neighborhood.

When you're at a pin, share your experience by uploading a photo or review of the location to help others when planning their own new adventures.