Entenda os princípios básicos para aplicações de Smart TVs

Conhecer o Usuário

Acred­i­to que a parte mais impor­tante é enten­der um pouco de como usuário uti­liza a platafor­ma e seus hábitos mais comuns.

No vídeo abaixo o Cas­siano, na época Ger­ente de Tec­nolo­gia das Platafor­mas Dig­i­tais da Glo­bosat, expli­ca breve­mente como é desen­volver para Smart TVs.

Assim como mostra­do no vídeo, diver­sas fab­ri­cantes reforçam que a dis­tân­cia média do usuário para uma TV é de 3 met­ros e geral­mente o usuário estará numa posição mais relax­a­da e con­fortáv­el. Com isso é necessário que o con­teú­do seja legív­el a essa dis­tân­cia.

Simplicidade Sempre!

Algu­mas fab­ri­cantes recomen­dam o mín­i­mo de infor­mação na tela para o usuário. Segue algu­mas recomen­dações:

• Ressalte os obje­tivos e esta­beleça expec­ta­ti­vas claras na tela.
• Não mis­ture ideias na tela.
• Man­ten­ha a exper­iên­cia sim­ples e clara
• Não exagere nos espaços na tela
• Pou­ca fea­ture, pou­ca com­plex­i­dade – relaxe!

Para que não fique algo sem vida, abuse das ani­mações, tran­sições e cores e dê uma estéti­ca refi­na­da a sua apli­cação. Não é porque menos é mais que você pre­cisa abrir de cri­ar uma apli­cação com uma boa exper­iên­cia. Crie uma exper­iên­cia imer­si­va com ani­mações e tran­sições.

Para que não fique algo sem vida, abuse das ani­mações, tran­sições e cores e dê uma estéti­ca refi­na­da a sua apli­cação. Não é porque menos é mais que você pre­cisa abrir de cri­ar uma apli­cação com uma boa exper­iên­cia. Crie uma exper­iên­cia imer­si­va com ani­mações e tran­sições.

Personalizar é fundamental

Explo­rar por con­teú­dos é algo desafi­ante, mui­ta das vezes não sabe­mos o que de fato quer­e­mos assi­s­tir. Con­teú­do Recomen­da­do e favoritos são boas for­mas de mostrar ao seu usuário que ele pode per­son­alizar a apli­cação para con­teú­dos que mais lhe chamem atenção.

Con­sidere faz­er recomen­dações de con­teú­do para o usuário. Per­mi­tir que ele pos­sa favoritar ou dar ‘like’ no con­teú­do favorito. São boas for­mas de deixar o seu aplica­ti­vo mais per­son­al­iza­do aos olhos do usuário.

Inove mas con­sidere a exper­iên­cia atu­al das Smart TVs. Temos a expec­ta­ti­vas de que a TV sem­pre nos fornecerá uma exper­iên­cia diver­ti­da de for­ma instan­tânea e esper­amos que a exper­iên­cia seja descom­pli­ca­da e relax­ante.

É necessário man­ter uma con­sistên­cia mes­mo com a difer­ença de platafor­mas, lin­gua­gens e sis­temas opera­cionais. É muito comum acabar se per­den­do nesse mun­do de difer­entes sis­temas.

Com­pare as apli­cações em diver­sos sis­temas, até mes­mo web, mobile e etc. Não deixe de ter uma exper­iên­cia sim­i­lar nas platafor­mas, isso fará com que o usuário este­ja car­ac­ter­i­za­do com a exper­iên­cia da apli­cação.

O Controle está nas suas mãos

Difer­ente das out­ras platafor­mas, as Smart TVs tem como con­tro­lador prin­ci­pal os botões do con­t­role remo­to. Então abuse e use dis­so, há diver­sos botões cri­a­dos para aju­dar na exper­iên­cia da platafor­ma. Mais a frente neste post falarei mais detal­hada­mente sobre a nave­g­ação.

Feedback

Exibir os itens sele­ciona­dos ou foca­dos pre­cisam estar claros que são os itens ativos no momen­to. Seja com uma bor­da, um scal­ing difer­en­ci­a­do ou até mes­mo uma cor difer­ente inter­na, é de suma importân­cia o usuário ter esse retorno de que aque­le é o item ati­vo.

Há alguns tuto­ri­ais de fab­ri­cantes que até mes­mo dizem para usar sons para uma mel­hor imer­são, alguns sis­temas nativos pos­suem isso mas difi­cil­mente vi algu­mas apli­cações com isso.

Navegação

Um dos fatores mais impor­tantes da Smart TVs e que alguns desen­volve­dores tem prob­le­mas no iní­cio para se adaptarem é a nave­g­ação.

Com­para­do com web, a nave­g­ação na TV é com­ple­ta­mente depen­dente do con­t­role remo­to, então é comum ter um fluxo de nave­g­ação bem níti­do e claro para o usuário.

Minimize as transições na tela

Diver­sas tran­sições ao mes­mo tem­po deixa o usuário per­di­do e da a impressão de que a apli­cação é difí­cil de nave­g­ar. Uma dica da Sam­sung é que tran­sições na tela devem ser incluí­das ape­nas se forem muito necessárias.

Se a apli­cação pos­sui difer­entes cat­e­go­rias cor­re­spon­den­do a uma lista de con­teú­dos, então é recomen­da­do que a nave­g­ação seja sim­ples ( onde os botões para cima e para baixo troque as cat­e­go­rias e os botões para esquer­da e dire­i­ta nave­ga entre o con­teú­do de cada cat­e­go­ria).

O usuário deve sem­pre se loco­mover pelos qua­tro eixos: Cima, Baixo, Esquer­da e Dire­i­ta, tam­bém con­heci­do como LURD (Left – Up – Right – Down, o mes­mo só que em inglês.).

Se a apli­cação pos­sui difer­entes cat­e­go­rias cor­re­spon­den­do a uma lista de con­teú­dos, então é recomen­da­do que a nave­g­ação seja sim­ples ( onde os botões para cima e para baixo troque as cat­e­go­rias e os botões para esquer­da e dire­i­ta nave­ga entre o con­teú­do de cada cat­e­go­ria).

O usuário deve sem­pre se loco­mover pelos qua­tro eixos: Cima, Baixo, Esquer­da e Dire­i­ta, tam­bém con­heci­do como LURD (Left – Up – Right – Down, o mes­mo só que em inglês.).