CS449 — Design Process for Disperse

The Problem

Our Solution

App Walkthrough Video

Initial Design Research

User Personas and Empathy Mapping

Social Media Influencer Persona
Local Guide Persona
Person with special needs persona

User Interviews

Gender and Age Distribution Graphs for User Interviews

Interview Questions

Interview Question Brainstorm

Analyzing Results

User Interview Affinity Diagram
Consolidated Flow and Cultural Model

Brainstorming

Feature Brainstorming using the Personas
  1. Search & Filter
  2. Rewards System
  3. Itinerary List
  4. Heat Map Visualization
  5. Travel Suggestions
Storyboard for the Map Visualization Feature
Sketch of the Search and Filter Feature
User Flow Diagram for the Rewards System Feature

Rough Sketches

Map Visualization Feature

Paper prototype for the map visualization feature

Rewards System Feature

Paper prototype for the rewards system feature

Search and Filter Feature

Paper prototype for the search and filter feature

Travel Suggestion Feature

Paper prototype for the travel suggestion feature

Itinerary & List Saving Feature

Paper prototype for the itinerary & list saving feature

User Findings, Evaluations, Iterations

Search and Filter Feature

Sketch of the improved search and filter feature

Travel Suggestion Feature

Sketch of the improved travel suggestion feature

Crowdsourcing Feature

Sketch of the new crowdsourcing feature
Additional sketches of the new crowdsourcing feature

Our Solution

Our Visual + Content Guidelines

Brainstorming for App Message and Name

Disperse — Travel in Peace

Style Guide
Design Components in Figma

High Fidelity Prototype

High-Fidelity Prototype Walkthrough Video
High-Fidelity Prototype Designs and Interactions in Figma

Map Visualization

Map Visualization High Fidelity Prototype

Search and Filter

Search and Filter High Fidelity Prototype

Reward System

Rewards System High Fidelity Prototype

Itinerary & List Saving

Itinerary & List Saving High Fidelity Prototype

Travel Suggestion

Travel Suggestion High Fidelity Prototype

Crowdsourcing

Crowdsourcing High Fidelity Prototype
  • map visualization
  • search and filter
  • rewards
  • itinerary/list saving
  • travel suggestions
  • crowdsourcing

Further Interviews and Testing

  1. Search for places to get food that is a 5 minute walk away, caters to peanut allergies and has no line. Add a review to the location
  2. Find a travel suggestion (Niagara Falls) that user is interested in, view details of this travel suggestion and save it to the itinerary list
  3. Visit a ‘hidden gem’ that you have unlocked and observe the level of busyness at the attraction. You may assume the heat map already displays your location of interest

The Future

Team MOXSS

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store