top of page
cover.jpg
Take-photo-with-tags.gif

VocalFolio

Design an audio photo taking & tag collection system for snap takers for better emotion contact and collection. 

​

An audio photo-taking and tag collection APP can help snap takers quickly record photos with audio notes and automatically categorize them as needed with tags. 

RIT Spring 2020

Individual

School Project

Deliverables

Mobile Prototypes
TV Prototypes
Interaction Demos

Tools

Figma 

Adobe Illustrator

Photoshop

After Effect

cover-2.jpg
Problem & Solution

Problem & Solution

Problem

People always take a lot of photos but don't have time to organize them. After a while, people will forget why the photo was taken and the emotion of the photo.

Solution

An audio photo-taking and tag collection APP can help snap takers quickly record photos with audio notes and automatically categorize them as needed with tags. 

Mobile Prototypes

Tag System

Take-photo-with-tags.jpg

Take Photo with Tags & Audio

Users can take photos with tags, and tags can create either before or after the photo-taking. 

​

The users also can take audio photos to keep the memory of the photo. 

 

1    Frequently used tags

2   Take a photo with vocal

Tag
Category

Users can manage their tags and create different folders for them. 

​

If there are any tags that the user always uses, and the user can pin the tag, so the tag will show in the featured area. 

​

   Pined tags 

2   Add new tag folder

edit-tag.jpg
edit tag.gif

For Work

User Story

I am an employee who needs to take photos of my works. 

​

I want to sort out the photo category based on my routine and time. 

Filter Photos with Tags

The user can use tags to filter photos, and they can choose multiple tags to find the photo they want. 

​

Users can also choose the time period to filter photos.

filter photo.gif

For Life Recording

User Story

I am doing muscle training, and I always take photos to record and compare the changes.

 

I want to organize my photos based on the timeline and have my weight and muscle information with the photo. 

Album + Photo Strip

The users can create an album with Muscle Training Tag, and the system will make a long photo strip, the user can just scroll down to look through the photos. 

​

  Edit Photo Info. & Oder

 Turn on/off Audio

3   Listen to the Audio

 Comments

photo-strip.jpg
photo strip.gif

For Family

User Story

As the father of a family, I always take photos of my family to record our daily life.

​

I want to see my child's growth through photos, and I also want to record the first time my child called me daddy. 

Photo Book with QR Code

The user can create and order a photo book through VocalFolio. 

​

The photo book will have a QR code that allows users to scan and listen to the audio.

photo book.gif

Photo Book with QR Code

Users want to listen to the audio of the photo to get the same emotion.

 

Users can scan the QR code on their photo book to listen to the recorded audio. 

Qualitative Interview

In Her Fifties

"It would be fun if can send photos with audio to my friends." 

Coach

"I want to have some notes on my photos, such as body information, and compare them to see changes."

Chemical Engineer 

"It would be great if the system can sort out the photo category based on my work and schedule." 

Unresolved Issues

I. Notes

Users want to leave comments and notes for later use.

2. Compare

Users want to compare photos from one category based on time to see changes.

3. Organization

Many Users want a better system that can help them organize photos based on the event and schedule.

Research

Competitive

Present-3.jpg

Comparative

Present-32.jpg

Strategy

Audio Photo

Users can say short comments when taking the photo. 

Tags

Do not use folders to categorize, but use tags to organize photos. 

Photo Strip

Make a long Photo Strip of selected tag photos with dates and comments by timeline. 

Strategy

User Flow

For Daily Work

For users who need to take pictures of works every day and send them to coworkers. 

​

Users can use the tag function to collect their work photos, and the photo strip sharing function will automatically collect their work photos according to the timeline.

User flow 1.png

For Memory

For users who take photos of the family to record daily life, and want to collect kid’s growth through photos with kid’s voice.

​

The user can use the tag function to collect all of the photos of his kid. 

​

Then the user can create and order a photo book. The photo book will have QR codes that allow the user to scan and listen to the audio.

User flow 2.png

Initial Wireframe

Initial Wireframe

Photo Tags

To develop a simple process of storing categories to avoid users getting tired of organizing photos.

Present-3.png

Photo Strip

Pay attention to functional details to avoid useless repeat processes. 

Present-32.png

Photo Book

Users need high-quality photos and want to choose different formats and designs.

Present-33.png

Visual Design

Flowing
Marble

The marble is firm, but the texture is flowing, which made the marble feel softer.

​

  • Firm

  • Smooth

  • Gradient

  • Reliable

Present-3.jpg
Three-Images-Across-1.jpg

Hidden

Power

Nature always hides some surprises. Even small flowers can bloom wonderfully.

​

  • Shining

  • Nature

  • Power

  • Energy

Present-32.jpg
Three-Images-Across-3.jpg
Visual Design

Design Iteration

Tag Setting

Simplify the process of tag making and category editing to avoid users getting tired of organizing photos.

New

Frame 40.jpg

OLD

Frame 2.jpg
Frame 9.png

Photo Strip

Change the horizontal scroll to vertical to make the comparison process easier. 

​

Add title and tag info of the album at the top, and mark the notes and date next to the photo for easier reading.

 

Move the setting icons to the upper right corner, so icons would not be tap when scrolling the page. 

New

Frame 28.jpg

OLD

Frame 19.jpg

TV Platform

Photo Capturer for TV Show & Video Game Lovers to Record Their Interesting Memories

Photo Capturer on TV, can capture photos and audio when users watching shows or play video games.

 

The user also can share the photos with friends later. 

Research

Present-3.jpg
TV Platform
boy-standing-in-front-of-flat-screen-tv-

User Flow

User Story

As a comedy lover, I would like to watch a comedy with my friends, and I want to keep some fun moments when we watch the show, such as some funny expressions and laughter.

Group 83.png
Scan-1.jpg

Before Movie

VocalFolio will be a plugin for Television.

​

When the user chooses the play button, a notification will display and ask if the user wants to use Vocal Folio. For yes, the system will record the user's fun memory of the show by audio photos.

 

 screen for camera testing

Present-33.jpg

After Movie

The photo album of the show will show up after the movie.

​

The user can choose photos to share with friends.

​

The chosen photo will show up in the phone APP, and the user can edit it and share it on any social media.

​

1    More Social Media

2   Add Comment

Present-32.jpg

Wrap-up

We always think about how to organize our photos in the future. In this project, I designed it differently. VocalFolio allows users to take photos with tags, which means users have already organized their photos when taking the photo, so they don't have to worry about future organization. 

​

At present, short videos are popular, but many people still want to take a single frame photo. Taking photos with audio allow users to take audio notes, and record fun noise for better emotional contact and collection later. QR photo books give users a different enjoyable way to share their photos with friends and family. 

​

Conclusion
  • Ins
  • Vimeo
  • LinkedIn

© 2021 by Yinting Fan

bottom of page