Month: March 2018

Week6_Ting

What I learned from Apple TV HIG:

1.Difference between the three gestures
a)swipe – directions, going through large volumes of content.
b)click – triggering actions.
– hold + click = enter an edit mode.
c)tap – directions, going through content one by one.

2.Design for different focusable item states.

3.Parallax is a subtle visual effect used throughout the system to convey depth and dynamism when an element is in focus. Through image layering, transparency, scaling, and motion, parallax produces a 3D effect with a sense of realism and vitality.

tvOS_food_appMap

Week 6 || Frannie

Things I noticed about APPLE TV HIG:

  1. Users should be able to go backward through the menu button since it takes too many efforts to go from selected item to the top navigation.
  2. In this case, don’t waste space for back button since users already know the menu button can take them backward.
  3. It takes effort to type in the search bar, so it’s better to create filter rather than use typing in order to search content.

 

APP MAP:

Wireframe:

Week6- Kelsey (Yue Yu) Apple TV / Thursday APP-1

3 Things learned about Apple TV

1: Parallax:

a subtle visual effect used throughout the system to convey depth and dynamism when an element is in focus. Through image layering, transparency, scaling, and motion, parallax produces a 3D effect with a sense of realism and vitality.

2: Split Views

A split view manages the presentation of two side-by-side panes of content, each of which can contain any variety of elements, including tables, collections, images, and custom views.

3: Include closed captions and audio descriptions.

Closed captions allow the deaf and hard-of-hearing to perceive spoken dialogue and other audible content in videos. Audio descriptions provide spoken narration of important video content for the visually impaired.

Wireframe:

project2 apple Tv pdf

Thursday App

Shleep:

https://www.shleep.com/shleep-for-my-company/

Shleep app coaches your employees to sleep better.

This personalized sleep assistant understands the users’ sleep needs and focuses on behavioral coaching. Use it to scale the sleep program across the whole company.

 

 

  

 

 

 

 

 

Week7-project2

2 Things I don’t know about Apple TV

  1. Focus and Parallax: I don’t know that we can use not only scaling, but also image layering, transparency, motion to create a focus on TV screen.

  2. Top Shelf: I don’t know that there is a Top Shelf which can be customized by user.

App Map

Wireframes

WK6 Yin Hu

Notes from tvOS HIG

  1. Consider the distance between users and screens.
  2. Differentiate between click and tap, and avoid triggering actions on inadvertent taps. Clicking is a very intentional action, and is generally well-suited for pressing a button, confirming a selection, and initiating an action during gameplay. Tap gestures are fine for navigation or showing additional information, but keep in mind that the user may naturally rest a thumb on the remote, pick it up, move it around, or hand it to someone.
  3. Don’t display a cursor. 
  4. Don’t display a back button.
  5. Favor horizontal navigation of content.

 

tvOS App map 

tvOS Wireframe

 

Week 6

Learnings from the Apple TV Human Interface Guidelines

Layout
1. Keep primary content away from the edges of the screen. Be mindful of the area spanning 60 pixels from the top and bottom of the screen, and 90 pixels from the sides.
2. Include appropriate padding between focusable elements.

Tab Bars
1. Match tab bars to the app’s visual style.
2. Use a tab bar to organize information at the app level. – A tab bar is a good way to flatten the information hierarchy and provide access to several peer information categories or modes at once.

Buttons
Don’t include back buttons. People know that pressing Menu on the remote takes them back to the previous screen or the main menu. So, no need to include ‘back’ button.

 

App map

Wireframe