01 Big Banner.jpg

01 Background

01 -2 Background .jpg

No matter you are a foodie or not, many people today share one similar habit - taking photos of the food before (well, almost) every meal. The behavior serves as an action to record the event no matter if people choose to post the photos to social media or not. However, this action fails when people request the detailed information(restaurant location, dishes name, address etc) due to many reasons:

  • Photos or posts are mixed with tons of other events

    (“I went there two years ago, let me find the photo for you. Oh, that was me with my parents at Central Park. Oh, that was me at Yosemite“)

  • The photo or post itself lacks the information

    (“Oh, I find the photo, but I still don’t remember the name of the restaurant“)

  • Too many platforms to find the photo.

    (“Did I post it on Instagram? Instagram story? Facebook? WeChat? Oh, wait I didn’t post it“)

 

02 Concept

Food Story attempts to solve the problem in 3 steps:

RECORD, SHARE and ORGANIZE.

02-1-1:2.jpg

Record

Stickers

We provide interesting stickers to add on your photos to make your photos cool with restaurant information. A sticker shop with cool stickers is on the way!

Filters

Better filters designed for food pictures.

Detailed Information

While creating stickers, your restaurant and dish information will be recorded automatically and included in your post. Of course, you are free to choose add those information without stickers.

02-1-2:2.jpg

Share

Share to your other social medias

Directly post on other social media as long as you link your accounts here. You can choose the platform you want to share to after finish editing the post.

Community

Share your experience to the foodie community. Here we understand your passions and discuss experiences faithfully.

Recommendations

Explore new food adventures from our editors and community.

02-1-3.jpg

Organize

Gather your story from other social medias

Link your account and post with #FoodStoryApp, we will add your story automatically to your draft box. Now you can only come to Food Story to retrieve your food memories.

Detect food photos from Photos*

Using the search feature of iOS Photos, we can detect new food photos, add into your draft box and remind you to add them by one tap.

Food Map

A map of all your food experience, along with restaurants you add to your favorites. Open Food Story, and have another food adventure!



03 DESIGN PROCESS


A.Defining the problem

I am deeply interested in the phenomenon that many people must take photos before eating. In fact, I do that every time I dine out with my friends. Starting with research to this phenomenon, I aimed to find out: Why people take photos of food before eating? What happen to these photos?

After interviewing 5 people with this habit, I mapped out their main activities around the behavior of taking food photos. There have been lots of tools supporting this behavior in the short term (within one day). However, users are encountering difficulties in a longer period, for example after several months or even years. Most of them described that it was hard for them to find the photos of a certain dinner nor recall the name of the restaurant or their favorite dish in order to recommend it to their friends.

mapping chart2.png
 

B.USER INSIGHTS

Here are some insights from interviewees about how do they solve the problem when they need to recall a restaurant they visit long time ago.

user insights.png
 

C. FROM PROBLEMS TO SOLUTIONS

D.Flow Chart

Here is the flow chart of user posting their food experience.

flowchart - post.png
 

E.Wireframes

Here is the wireframe based on the flowchart of posting stories.

upload wireframe.png
3.1 Upload 2.png
 

F.VISUAL DESIGN

06-1 Visual-5NavView-1X.jpg
06-5 Visual-MyStoryView-1X.png
 

You can try the digital prototype here: https://marvelapp.com/1ce6b3h

The main scenarios for the  tvOS version are:

  • Families are sitting together in the living room, sharing each other's eating experiences.

  • Families are discussing about where to eat.

  • One person looks through the feeds quickly to pass the time.

Considering the special scenarios and the features of a TV, I cut off the social functions including comments, like, and following. I also raise the level of "My favorites", which plays an important part during the sharing process.

There are also lots of design considerations for "feed" and "popular". Feed is the place you can see stories posted by the people you follow, which means that the one who posts it matters. So I designed it in a card shape, which you can know the stories, the photos and the person at a glance. "Popular" is the place you can see stories that are very quality, and have lots of comments and likes, like the editor's choice. For stories like these, you care more about the content than the person who post it. Also, stories like that usually have good pictures, which are very attractive to users. So the stories in "popular" section are shown in just pictures. When you focus on the story, you can learn about the people and the date.

I encourage my users to use it not only on TV but also on their phone. And I think that it is very annoying to open my safari, type in the address (what if the user is aged and hates typing!) and also type the code. So I use the QR code to sign in. The TV will show you a big QR code, and you can just simply open the app on your phone and scan it. This method of signing in is accepted and very popular in China. Thanks to Wechat, Chinese people are used to scanning almost every QR code they see. However, I realized people in America may have different habits. So I will test more on that.

You can try out the prototype here: https://marvelapp.com/hfcacb

Paper Prototyping

I tested my paper prototype on class, focusing on my users' expectation and their using habits.

Visual Design

Feed.png

You can try out the tvOS version here:

https://marvelapp.com/hfcacb