Cookgram for Apple TV is a recipe app where users can browse their recipes as well-designed recipe album (gif form) on Apple TV as well as explore more recipes from other users’. It will be a community to explore, collect and share recipes.
Wireframe & App Map Slides
Feedbacks & Critics from 1st presentation:
1. Horizontal design of apple tv version is not very effective. Use two sides and vertical view.
2. Top bar should follow the apple tv HIG
Based on the feedbacks from the first presentation, I prototyped a new version of Cookgram for Apple TV.
some user insights that I got from the paper prototype are: 1. Search function can be an independent section on the top menu.
2. Shopping list section doesn’t make sense for user to use in apple tv version.
3. Login view is missing.
So in my final prototype, I redesigned the UI and changed some of my UX flow. Here is the Final Prototype Slides
User Insights from the final prototype:
Under the detailed recipe view, the focus is default on “Followers”, while the right part of the screen shows the detailed recipe, which is confusing. Should use left side as a navigation section consistently like the one that I designed under “Me” section.
<From last week Paper Prototype>
- Title of each drop down menu… not clear
- The food trend is like commercial use. ( I would expect something trustable and no ADs, if I use your app)
- Home and Garden? try something like “ Food Process ”, or “Food Story”
Final design for tvOS ( pdf )
< Presentation Feedback >
- Fonction of “My Wishlist” is quite overlapped with “Saved”.
- “WISHLIST ” ?! => Watch List
- Where to go back to the last page from watching video? A button ?( UPDATE !! actually down swipe the control pad will drag down the top menu.)
- “Everyday Basics” => is an interesting section, instead of categorized order , maybe show top 5 video of each categories is more attracted (invited) people to keep going on your app.
- “I like the design, clean! “
- ” hmm.. Some of the Single Video page is small to me. “
- from your video detail page, if people finish watching, and then?…. adding a short “Recommendation List” or ” You may like list” for people to continue.
Here is the final prototype done in marvel app
This is my first wireframe for the apple tv development of the New Forker app. In designing this app for the apple tv I decided to remove location based services and the rsvp functionality to the app.
Instead the app is now video content driven, where the audience can bookmark and follow their favorite chefs and food critics.
apple tv wireframe presentation
ingredipedia iOS app design 01
Design Draft 01
my design for the apple tv app(updated)
apple tv design
this is my second wireframe, fixed
apple tv second wireframe
after prototype in class,
apple tv prototype
- There were lots of designs that needed fixing. One of them were applying filter page, which users had difficulty understanding how to apply filters.
- For the tab menu(on top), I made a several changes in wireframe 1, 2 and after user testing. Unlike websites, search function has to be in the menu. I tried to integrate the filter and search function together, but lots of apps use “categories” tab menu to distinguish between “search” and “filter”.
- For the page layouts, it was difficult to choose which one to show and not to show. Some users didn’t like showing the length of the video, also they asked me to add how many people viewed the video. When they have nothing in mind, users look for videos that are “most viewed” by different people.
- Also, setting the page of “home” was difficult.(what to show, how to select a video and go back) Apple distinguished “home” as a “feature” page which shows most viewed content so I took the design and applied it to mine. I liked the simplicity of accessing the “most viewed” contents without going to a tap named “most viewed”.