Mws14 keynote smart tv usability teravolt

50 %
50 %
Information about Mws14 keynote smart tv usability teravolt
Technology

Published on May 26, 2014

Author: teravoltgmbh

Source: slideshare.net

Description

Presentation held on 8th of May 2014 on Fraunhofer Media Web Symposium in Berlin.

This presentation just scratches the surface of the important topics involved in good smart TV usability. Also it is set up to be accompanied by a lot of verbal explanation, details and examples. So please feel free to ask any questions you might have.
You can contact me at r.mischke[at]TeraVolt.tv

DOs AND DON’Ts OF SMART TV USABILITY FOR FRAUNHOFER MEDIA WEB SYMPOSIUM 2014

TeraVolt – Electrifying Media Business Areas Reference customers Awards

2‘ 3‘ 4‘ 5‘ 6‘ 7‘ 8‘ 9‘ 10‘ 11‘ 12‘13‘ 14‘ 15‘ 16‘ 17‘ 18‘19‘ 20‘ 21‘ 22‘ … 32‘ 36‘ 42‘ 46‘50‘55‘60‘ … Control – The Biggest Screen is hardest to control Smartphones Desktop PC TVNotebooks ConvertiblesPhablets Tablets Hybrids 1 foot 3 foot 10 foot DIRECT CONTROL INDIRECT CONTROL REMOTE CONTROLMOUSE/KEYBOARDTOUCH

STRUCTURE Four levels are all you need STRUCTURE

STRUCTURE HUB SELECTION DETAIL ACTION HOME, offers access to all main areas of the application Work with previews of content if possible Larger set of meta information needed Page to make content selection from Fully detailed view for the specific Content View that allows action Play, mark, forms, payment

STRUCTURE No user should be afraid of selecting a button KEEP INTERACTIONS COSTS LOW

STRUCTURE Clear paths lead the way LET GRIDS WORK FOR YOU

„On Smart TVs Watchever on works with Grids that can be easily followed when it comes to content. They don’t however In navigation. This jump of the Highlight is much too far and unexpected by the user, who will leave his eyes at the top right corner when moving the highlight.“

STRUCTURE Get into the user’s mind RESPECT THE USER’S EXPECTATION

NAVIGATION Where can I do what, now?! INTERACTION AREAS

„The Highlight, now on the Celsius unit button, can’t be moved to the left, even though the elements look very much like the buttons on the right side, that can be navigated to.”

„In this screen all the elements that the highlight can be navigated to look alike. Even the arrows on the edges of the screen. That’s the way to go.”

NAVIGATION Make elements look like what they are and stick to it. MAKE ALL ELEMNETS DISTINCT

NAVIGATION Another way, but never the only one. SHORT CUTS

„Yes number short cuts are possible, but don't overdo it. Don’t use them at all if you can. In this particular case a menu would have been easier for the user. All the features have been connected to a number, so the developers/designers must know what the user would want to do, but accessing these functions forces the user to move his eyes to the remote control and find the digit.”

„Color key shortcuts are more common and more or less accepted, also the buttons are often closer to the directional keys – the home of the thumb. But always check if your connotation of a color interferes with platform paradigms that are already established.

NAVIGATION Don’t force the user to have it your way. Give them a choice. ALWAYS ALLOW ACCESS WITH 5-KEY-NAVI

DESIGN The temptation of a big screen FONTS AND TEXT

„Good font size and contrast. The headlines are clearly visible.”

„When the user wants to change the section, he is presented with the tiniest font size there is in the screen. The app “knows” what the user wants to do, the app opened the menu for exactly that purpose. But the parameters to successfully fulfill the user’s task are withheld.”

DESIGN The temptation of a big screen NOT SMALLER THAN 18 PT NO SERIFS

DESIGN Design follows function COLOR AND CONTRAST

„Even if it’s your CI color, it might not be suitable as a highlight.”

DESIGN Don’t trust the color preferences of the displaying device MATCH COLOR CONTRAST TO PURPOSE

WHAT’S GOING ON? Visual guidance HIGHLIGHT AND FEEDBACK

Let’s Play a Game Highlights “FIND THE FOCUS”

WHAT’S GOING ON? Gain trust! THE HIGHLIGHT SHOULD BE THE MOST PROMIENT

NAVIGATION It’s hard work – only ask for what you really need MINIMIZE TEXT ENTRY USE DIGITS ONLY

NAVIGATION What would you do next? – Assume the most common path. USE CLEVER DEFAULTS AND SORTING

NAVIGATION Back logic – control Keys – Ways to exit RESPECT THE PLATFORM PARADIGM

NAVIGATION Where am I? What can I do here? How do I get back home? TRUNK TEST!

MOST OF ALL Use Cases should be useful on a TV TV SHOULD BE FUN

WHY? First: prototype – Second: ask people – Third: use your own product SUCCESS MADE BY USER

COSTS Your Smart TV app deserves the same attention as your other apps. PLAN WELL AVOID SURPRISE SAVE MONEY

LET‘S TALK RACHEL MISCHKE SEN. PRODUCT MANAGER +49-40-298 677-32 r.mischke[at]TeraVolt.tv www.TeraVolt.tv

Add a comment

Related presentations

Presentación que realice en el Evento Nacional de Gobierno Abierto, realizado los ...

In this presentation we will describe our experience developing with a highly dyna...

Presentation to the LITA Forum 7th November 2014 Albuquerque, NM

Un recorrido por los cambios que nos generará el wearabletech en el futuro

Um paralelo entre as novidades & mercado em Wearable Computing e Tecnologias Assis...

Microsoft finally joins the smartwatch and fitness tracker game by introducing the...