- 2020 -
SmartTV Application
SmartTV Application
MealTV
Ordering food from a TV sounds a very appealing concept; however, it implies some challenges from a User Experience perspective based on the device limitations and competitive landscape.
ROLE:
Product Design
UI/UX
Branding
Product Design
UI/UX
Branding
PLATFORM:
TV
TV
TOOLS:
Sketch
Adobe Photoshop,
Adobe Illustrator
Sketch
Adobe Photoshop,
Adobe Illustrator
MARKET-SPACE:
B2C - eCommerce
B2C - eCommerce
The Landscape
TV is still the most used device for home entertainment. Even smartphones own the ordering food market; there is a lot of room for new innovative options based on big-screen experiences where content adds value to the simple Menu and Order Meal features.
Figure 1. Nielsen 2017 - TechCrunch 2020
TV applications open a world of possibilities creating a cross-over between e-commerce and content consumption.
RESEARCH
There aren't many examples of this kind of App-service. I found only Domino's Pizza at SmartHub and Papa John's on the Apple TV. Anyway, they are an excellent reference to define "must-have" features.
Figure 2. After having a clear sense of the user needs, I created the Information Architecture flow.
THE RESULT
MealTV is an app where the Categories are displayed vertically at the left-hand side of the screen, designed to follow D-Pad principles.
My Favorites is displayed first, assuming people may want to come back for the same meal. Below, the User can find Mediterranean and Asian Cuisine Categories.
My Favorites is displayed first, assuming people may want to come back for the same meal. Below, the User can find Mediterranean and Asian Cuisine Categories.
To add a TV-video flavor to the App, Food Stories was added, where every meal has a video-story related to the origin of the recipe. It adds value bringing cultural and geographic facts to the table. Users can access to the Checkout and Locator from the Home as well. At last, they can find My Account, to their update personal information.
When a plate is focused, its Category is highlighted as reference, and the related Story is featured on the top. This is a way to engage customers with the stories behind every recipe creating a broader cultural experience. Every meal is related to a video, accessible also from "Food Stories".
Once one plate is selected, the User can add more units to the order and receive updated information on the price. When landing on this screen, Add to Order button is focused, to speed up the request. The related video is accessible, and also "Related Meals" from the same Category. There is also a way to go Back.
By pressing "Add to order", the order is confirmed, then feedback is provided whether the action was successful. After closing the notification Pop-up, Checkout becomes focused as a way to encourage purchase. Every bought Meal is added to My Favorites as default.
After adding an item, the User can Checkout, Delete it from the check-box, find a Related Meal, or go Back to Category.
Figure 3. Wireframing, interaction, and high fidelity artifacts were created in Sketch. Components were compiled for Tizen.
Prototype running at
real scale in a 39" SmartTV.
real scale in a 39" SmartTV.
The result is new ordering food, from a relaxed ten feet-big screen experience related to content sharing creating a new segment in the category.
