iblakestudio | UX+D 4
26895
page-template-default,page,page-id-26895,theme-stockholm,qode-social-login-1.0,qode-restaurant-1.0,woocommerce-demo-store,woocommerce-no-js,ajax_fade,page_not_loaded,,select-theme-ver-4.2,popup-menu-fade,wpb-js-composer js-comp-ver-8.0.1,vc_responsive
PREV
NEXT
10FT / HANDSET + TABLET + TELEVISION CONTROL ECOSYSTEM UX+D
10FT OVERLAY MEDIA GUIDE

 

This unique television UI approaches navigation with the idea of a seamless viewing experience.

 

The user is allowed to navigate channels without interrupting current viewing. Using a transparent overlay with channel/listings, the user can view content while navigating a list.

 

The added ability to access content detail will allow the user to quickly make informed decisions.

OVERLAY NAVIGATION

Television UI is presented as a translucent overlay allowing the current content to continue playing. The content selection and details are presented in logical progression on top of overlay panels.

PICTURE PREVIEW WITH NAVIGATION

The viewer can see a preview of selected content as they navigate content thumbnails or listings.

CHANNEL GRID WITH CATEGORIES

A standard channel grid with navigation is also displayed on a translucent panel. The added intuitive categories can speed up navigation on the grid.

TABLET TELEVISION CONTROL SYSTEM UX+D

TABLET + 10FT SHARED VIEW

Current content viewing experience is shared between tablet and 10ft screen.

MEDIA TRANSPORT CONTROLS

DVR style transport controls are presented as an overly. Viewer can scrub/control media while viewing.

INTERACTIVE DETAILS PANEL

Content details can be accessed as the viewer selects content.

HANDSET (iPHONE) TELEVISION CONTROL SYSTEM UX+D

HANDSET + ONBOARDING

Onboarding selections to get user configuration up front.

GATEWAY CONFIGURATION

Navigation workflows include “native” back button to create a simple UI pattern.

GATEWAY DETAILS PANEL

The device configuration or other details can be updated.