Linkedin.png
mail.png
Dribbble.png

Story Journal

Story Journal combines maps, photos, and videos to tell compelling travel stories. It makes it easy to share and discover photos and videos with location references.

Goal

Create an app to help people tell their travel stories

Research

I interviewed people to learn their needs of capturing the moment when traveling. I asked them questions about how they take photos and videos and what could help them share those media. 

Quotes from users

Interview findings

Stories on existing social media apps

Easy to consume but do not emphasize user curating 

Need to record travel experiences

Stories or journals that do not expire; longer stories for trips

Need to know where stories happened

Want to know where photos or videos were taken. Locations are part of a story.

Persona

Based on my research findings, I created a  persona to help guide my design decisions. Sophia has motivations and frustrations similar to what I learned from the user interviews.

Comparative research

The stories format has been one of the most sticky features in social apps like Snapchat and Instagram. Users put together videos, photos, and texts to share their moments and experiences. Below is a brief summary of the Stories feature in popular apps.

Functional requirements

The app has to allow users to manage their travel stories, including locations, photos, and videos.

1.

2.

3.

Create stories with texts, photos, videos

Save locations from media or user input

Show stories along routes on a map

4.

Follow others’ stories

5.

Like, bookmark, comment, and share stories

Wireframes

Profile screen

View comments

Add location information to a photo

View other's story

Photos missing location information

 

View own story

View locations information

Edit photo/video information

User test

5 users tested

Tasks

Create a story from a recent trip

Edit locations of photos for a story

Edit own profile

Test findings

1.

Create story

2.

Add location

3.

Edit profile

Have to import photos and videos first.

Unable to add more photos once the creation started.

Not sure where to find story drafts.

Unable to mark locations on the map

 

The location input does not look like a search input

Unclear what the settings look like

UI design

Selects a friend who travels with you

Select media from photo library and import them into the story.

Edit location of photos

View the published story. 

Takeaways

A structured design process can save a lot of time later.

Important to develop information architecture and task flow first before jumping into designs.

Wireframes need to show details of task flows.

Previous project

Next project