Published on May 26, 2014
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
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...