Yumshow

编组.png

Enjoy a fantastic dish show in your coach, and stand up to cook it!


About the Project

Yumshow is a film app for Apple TV to recommend good movies about food for families. While users are watching videos, some food appeared in the movies will be highlighted and the recipes are provided by the app. Users can follow the recipe to cook dishes appeared in the movies.


Design Challenge

What motivates people to watch dish themed shows?

How to minimize the disturbing effect of recipes on the video-playing screen?

How to adapt the control gestures in the TV app?


Design Duration


Team

Individual Project

​March 2019 - April 2019 (6 Weeks)


Design Tools


Design Practices

User research

Wireframing

Rapid prototyping

User test

Visual Design

Interactive prototype

Sketch

Adobe Photoshop

Marvel

Yumtube is a film app for Apple TV to recommend good movies about food for families. While users are watching videos, some food appeared in the movies will be highlighted and the recipes are provided by the app. Users can follow the recipe to cook dishes appeared in the movies.

Taking advantage of the big screen, the recipe can be displayed on the same screen along with the video play, which makes the experience to be shared by all the family members.

Designing for Apple TV

This project is an iteration of the food application project for the spring 2018 mobile media course. It mainly aims to figure out another way to design for devices with full-size screen and hand-off operation. How to show the advantages of big screens of TV for home use? How to get rid of restricted ways of operation on a remote control? And how to create a new way of interaction experience on a home digital device apart from the traditional mobile devices?

Before getting down to this project, I knew little about Apple TV and its design guideline. The primary research on tvOS GUI inspired me a lot on the potential advantage and weaknesses on the Apple TV interface. Detailed findings will be listed below.

Logo Design

The background color is yellow with a gradual change to metaphor a healthy and convenient lifestyle. The icon includes a filmstrip and a fry cooking pan, which represents the connection between film and cooking, forming the main feature of the application.

Functional design

Think differently from the mobile application, the interface design for tvOS should focus on the preciseness of operation and the better experience on watching motion content (animation, videos, etc).

So the main feature of the app is watching video and browsing corresponding cooking recipe. See the user flow map on the right side.

Paper prototype & User test

In the first edition, according to the user insights, the using process is simplified in the rating system. Also, the order of specific pages are changed according to the user behavior.

For example, when user enter the video info page, they tend to read the listed recipe first rather than reading the summarized recipes at the end of video. So I adjusted the order and put it before the video play.

User flow map

Wireframe - low fidelity

Target Users

Home Cooks

Family groups

Film lovers

To make it specific, the recipe has two ways to display. The left one is displayed with photo and texts only while the video pauses. And in the right one, the video is still playing, but the screen is split up in two parts for both functions.

Specialities

Split screen view

Best food videos

Handy control

The application has shared split screen view as one of the specialties. Also it provides best food movies. And for the operation, you don’t need to sign up for account / connect with phones / type in any words. So it minimizes the control difficulty.

Now enjoy your time with Yumtube!

编组 3.png

© 2020 Franky Wang All Rights Reserved