Franky Wang
Yumshow
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!
