SlideShare uma empresa Scribd logo
1 de 55
Faculdade de Belas Artes da Universidade do Porto
Curso de Doutoramento em Arte e Design

Orientador
Prof. Doutor
Heitor Alvelos
Co-Orientador
Prof. Doutor
Jorge F. Abreu

iNeighbour TV
Investigação integrada no Projeto iNeighbour TV

PRINCÍPIOS ORIENTADORES DE DESIGN
DE INTERFACES PARA APLICAÇÕES ITV
ORIENTADAS PARA SENIORES
PORTUGUESES
Candidato: Leonardo Pereira

Apresentação de provas para obtenção do grau de Doutor em Arte e Design
17 de Dezembro de 2013 - Faculdade de Belas Artes da Universidade do Porto
01 - Contextualização
Introdução

Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
01: Introdução - Contextualização

iDon’t get it!
Hello Designers...
I’m an old guy!

“The human interface for most technologies, excluding special
devices, has been designed for a younger user.”
Fonte: Becker, 2006, p. 3297

Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
01: Introdução - Contextualização

I remember the words to every 80’s
song. But I forgot to take my pills!
Fonte: adaptado de motifake.com, 2012.

O envelhecimento humano acarreta a degradação da:
Aprendizagem

Memória

Cognição

Visão
Coordenação motora
Aplicação de força

Atenção visual dinâmica
Literacia digital

Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
01: Introdução - Contextualização

I remember the words to every 80’s
song. But I forgot to take my pills!
Fonte: adaptado de motifake.com, 2012.

O envelhecimento humano acarreta a degradação da:
Aprendizagem

>>Memória<<

Cognição

Visão
Coordenação motora
Aplicação de força

Atenção visual dinâmica
Literacia digital

Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
01: Introdução - Contextualização

I remember the words to every 80’s
song. But I forgot to take my pills!
Fonte: adaptado de motifake.com, 2012.

O envelhecimento humano acarreta a degradação da:
>>Aprendizagem<<

Memória

Cognição

Visão
Coordenação motora
Aplicação de força

Atenção visual dinâmica
Literacia digital

Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
01: Introdução - Contextualização

I remember the words to every 80’s
song. But I forgot to take my pills!
Fonte: adaptado de motifake.com, 2012.

O envelhecimento humano acarreta a degradação da:
Aprendizagem

Memória

>>Cognição<<

Visão
Coordenação motora
Aplicação de força

Atenção visual dinâmica
Literacia digital

Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
01: Introdução - Contextualização

I remember the words to every 80’s
song. But I forgot to take my pills!
Fonte: adaptado de motifake.com, 2012.

O envelhecimento humano acarreta a degradação da:
Aprendizagem

Memória

Cognição

>>Visão<<
Coordenação motora
Aplicação de força

Atenção visual dinâmica
Literacia digital

Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
01: Introdução - Contextualização

I remember the words to every 80’s
song. But I forgot to take my pills!
Fonte: adaptado de motifake.com, 2012.

O envelhecimento humano acarreta a degradação da:
Aprendizagem

Memória

Cognição

Visão
>>Coordenação motora<<
Aplicação de força

Atenção visual dinâmica
Literacia digital

Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
01: Introdução - Contextualização

I remember the words to every 80’s
song. But I forgot to take my pills!
Fonte: adaptado de motifake.com, 2012.

O envelhecimento humano acarreta a degradação da:
Aprendizagem

Memória

Cognição

Visão
Coordenação motora
Aplicação de força

>>Atenção visual dinâmica<<
Literacia digital

Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
01: Introdução - Contextualização

I remember the words to every 80’s
song. But I forgot to take my pills!
Fonte: adaptado de motifake.com, 2012.

O envelhecimento humano acarreta a degradação da:
Aprendizagem

Memória

Cognição

Visão
Coordenação motora
>>Aplicação de força<<

Atenção visual dinâmica
Literacia digital

Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
01: Introdução - Contextualização

I remember the words to every 80’s
song. But I forgot to take my pills!
Fonte: adaptado de motifake.com, 2012.

O envelhecimento humano acarreta a degradação da:
Aprendizagem

Memória

Cognição

Visão
Coordenação motora
Aplicação de força

Atenção visual dinâmica
>>Literacia digital<<

Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
01: Introdução - Contextualização

Marginalidade digital
“A centralidade da internet (...) converte-se em
marginalidade para aqueles que não têm ou possuem um
acesso limitado à rede, assim como para aqueles que
não são capazes de tirar partido dela (...)”
Fonte: Castells, 2001, p. 287

Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
01: Introdução - Contextualização

Interfaces iTV (Televisão interactiva) não são uma excepção!

Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
01: Introdução - Contextualização

Acresce que...

1.

2011

2001

1991

1981

1970

100

1960

Impõe-se a pressão demográfica trazida pelo envelhecimento generalizado
da população portuguesa.

80
60
40
20
0

7.97%

9.67%

11.45%

13.61%

16.35%

19.15%

Fonte: INE & Pordata, 2011
Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
01: Introdução - Contextualização

2.

O aumento desta população justifica a procura de uma maior democracia
e inclusão digital dos seniores no acesso às TICs.

3 seniores

jovem
por cada

“Em 2060, por cada jovem haverá 3 seniores!”
Fonte: Silva, 2009 (in Jornal de Notícias)

Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
01: Introdução - Contextualização

3.

Não excluir estes cidadãos, pela eficaz Usabilidade dos produtos a estes dirigidos,
representa uma vantagem competitiva sobre quem os exclui.

“Tcha tchim!”
Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
02 Problemática e Objectivos de Investigação
Problema,

Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
02: Problema, Problemática e Objectivos de Investigação

Problema e Pergunta de Partida...

+

+

=
•

?

Quais os princípios, ao nível gráfico e de interacção, que o Design de interfaces
para aplicações iTV deve seguir, por forma a que as suas interfaces se adequem
mais eficazmente aos requisitos especiais que caracterizam os utilizadores
seniores portugueses?

•

Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
02: Problema, Problemática e Objectivos de Investigação

Importa referir...

iNeighbour TV
Projecto financiado por:

Parceria de investigação com o projecto iNeighbour TV que me permitiu avaliar em
contexto real de uso (Field Trial) e com uma amostra de seniores, a Usabilidade inerente
à reformulação gráfica e de interacção da interface da aplicação iNeighbour TV.

Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
02: Problema, Problemática e Objectivos de Investigação

Problemática adoptada

1.

Baseou-se nas conclusões de uma primeira revisão de literatura sobre Design de
interfaces digitais para seniores:

“ Cada investigador analisa (...) os
trabalhos dos investigadores que
o precederam e, só então,
compreendido o testemunho (...)
parte equipado para a sua própria
aventura.”
Fonte: Cardoso et al, 2010, p. 17

Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
02: Problema, Problemática e Objectivos de Investigação

Problemática adoptada

2.

Com a revisão de literatura concluíu-se que as abordagens anteriores focam-se em
factores humanos.
Charmichael, Obrist et al,
Rice & Alm,
Zajycek, Johnson & Kent, Fisk et al,
Hawthorn, Pernice & Nielsen,
Koutsourelakis & Chorianopoulos,
Silver et al, Goodman & Gray,
Nunes et al + (Sequeira, Baptista,
Quico & Damásio)

Focos de problemática
a memória de c. prazo;
a aprendizagem;
a capacidade cognitiva;
a visão;
a coordenação motora;
a atenção visual dinâmica;
a capac. de aplicação de força;
literacia digital.

Literatura especializada em Design de Interfaces
digitais para seniores

Factores humanos relacionados com o
envelhecimento humano

Focam-se apenas nos...

Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
02: Problema, Problemática e Objectivos de Investigação

Problemática adoptada

3.

Não consideram, no entanto, as limitações impostas ao Design de interfaces iTV:

3
4

1

1. pelo middleware;
2. pela memória das STBs;
3. pelo televisor;
4. pelos elementos gráficos da emissão de tv.

2

Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
02: Problema, Problemática e Objectivos de Investigação

Problemática adoptada
Portanto, a problemática adoptada foi orientada para se produzir:

Numa 1ª fase:
O levantamento das limitações
impostas ao Design que foram
descuradas na literatura revista.

Numa 2ª fase:
O confronto mútuo entre:

• limitações descuradas;
• dados de FT;
• PODs defendidos na literatura.

Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
02: Problema, Problemática e Objectivos de Investigação

Objectivos de investigação
Constituição de um Manual de PODs que ajude os designers a minimizar as típicas
dificuldades que os seniores experimentam com este tipo de interface.

Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
03 impostas pelo Hardware e Software
Limitações

Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
03: Limitações impostas pelo Hardware e Software

Metodologia de recolha de dados utilizada
Foi concebido um manual de normas gráficas com uma nova proposta de Design
da interface do iNeighbour TV.
iNeighbour TV

3.2 ICONOGRAFIA - Segundo nível de menú + código de cores

ÁREA SAÚDE
GESTÃO
Com Focus

Sem Focus

Branco com e sem focus
220 | 088
220 | 088
220 | 088

Azul com e sem focus
016 | 006
118 | 047
152 | 061

Sem Focus

Branco com e sem focus
220 | 088
220 | 088
220 | 088

Rosa com e sem focus
099 | 049
029 | 014
094 | 047

Sem Focus

Branco com e sem focus
220 | 088
220 | 088
220 | 088

Amarelo com e sem focus
147 | 059
113 | 045
043 | 017

Sem Focus

Branco com e sem focus
220 | 088
220 | 088
220 | 088

Laranja com e sem focus
199 | 080
106 | 042
026 | 010

MEDICAÇÃO
Sem Focus

Com Focus

Sem Focus

INFOS ÚTEIS
Com Focus

ÁREA LAZER
CRI. EVENTO
Com Focus

iNeighbour TV

Sem Focus

CALENDÁRIO
Com Focus

Sem Focus

CONVITES
Com Focus

ÁREA INFORMAÇÕES
METEORO.
Com Focus

C. ÚTEIS
Sem Focus

Com Focus

PROPOSTA DE INTERFACE PARA APLICAÇÃO INEIGHBOUR TV E MANUAL DE NORMAS V 2.0
Leonardo Pereira

ÁREA COMUNIDADE
AMIGOS
Com Focus

PERFIL
Sem Focus

Com Focus

PESQUISAR
Com Focus

Sem Focus

ÁREA COMUNICAÇÃO
CHAMADAS
Com Focus

Sem Focus

MENSAGENS
Com Focus

Sem Focus

Branco com e sem focus
220 | 088
220 | 088
220 | 088

Verde com e sem focus
095 | 038
132 | 053
061 | 024

Este manual, através de uma entrevista ao developer do iNeighbour TV, funcionou
como um instrumento de levantamento das limitações impostas pelo middleware
e pelas Set Top Boxes.
Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
04 impostas pelo suporte - televisor
Limitações

Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
04: Limitações impostas pelo suporte - televisor

Determinação do tipo de TV mais adoptado por seniores PT

50

30

30

30

30

20

20

20

20

10

10

10

LED

LED

10

0

0

0

Sala de estar

Quarto

LCD

40

LCD

40

40

LCD

40

CRT

50

CRT

CRT

50

LCD

50

CRT

Foi aplicado um inquérito por questionário, disponibilizado em linha, a filhos de seniores para se determinar a tecnologia de Televisores mais adoptado pela população
senior e qual a tecnologia de televisor a estudar...

0

Cozinha

“And the winner is: the CRT”
Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses

Outras divisões
05 impostas pelos elementos gráficos da Emissão de TV
Limitações

Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
05: Limitações impostas pelos elementos gráficos da Emissão de TV

Elementos Gráficos da emissão de TV
RTP1

RTP2

SIC

TVI

Metodologia
Observação directa dos 4 canais de TV
portugueses emitidos em sinal aberto.
Elementos identificados:
• Os logos identificativos da estação;
• Os oráculos informativos;
• Legendagem de programas estrangeiros.
Nota:
Elementos transversais à realidade
internacional e canais em sinal fechado.

Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
05: Limitações impostas pelos elementos gráficos da emissão de TV

Limitação implicada
Área de logos
110 px de altura

Área útil disponível para a integração da
interface sem sobreposições com
elementos da emissão de TV
576 x 276 px

Área de reserva para
inserção de legendagem
e oráculos
190 px de altura

Área disponível em ecrã limitada para a integração da interface por forma a que esta
conviva, sem sobreposições, com os elementos gráficos da emissão de TV.

Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
06Trial de avaliação da interface da aplicação iTV iNeighbour TV
Field

Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
06: Field Trial de avaliação da interface da aplicação iNeighbour TV

Amostra, infraestruturas e tarefas realizadas em Field Trial
Para levar a cabo o Field Trial:
Amostra recrutada
8 seniores (4 casais) com baixos níveis
de literacia digital;
Infraestruturas
Instalação nos seus lares de acessos
ao serviço iPTV da Meo, para acesso
ao iNeighbour TV durante 5 semanas;
Tarefas realizadas
• 2 sessões de esclarecimento;
• 7 sessões individuais de avaliação
da interface (7x8=56 sessões).

Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
06: Field Trial de avaliação da interface da aplicação iNeighbour TV

Avaliação em Field Trial
Foram avaliados 4 grupos de componentes da interface:

• Iconografia;
• Usabilidade;
• Relação da emissão de TV com a interface;
• Tipografia.

Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
06: Field Trial de avaliação da interface da aplicação iNeighbour TV

Avaliação em Field Trial
Iconografia dos menus da interface
Em relação a este componente foram avaliadas as seguintes variáveis:

• grau de iconicidade;
• recurso à menção escrita ao significado;
• recurso às setas direccionais de apoio à navegação;
• eficácia da percepção da cor.

Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
06: Field Trial de avaliação da interface da aplicação iNeighbour TV

Avaliação em Field Trial
Usabilidade da interface
Em relação a este componente foram avaliadas as seguintes variáveis:
• eficácia da sinalização gráfica do focus;
• a confluência entre o percurso do focus e as expectativas
dos seniores numa grelha de distribuição não cartesiana;
• o recurso a transições animadas;
TV

1

2
comando
na mão

• o recurso a mensagens de confirmação.

1

Ainda:
A partir da execução de 3 tarefas de interacção, fez-se
um levantamento de problemas de Usabilidade.

Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
06: Field Trial de avaliação da interface da aplicação iNeighbour TV

Avaliação em Field Trial
Relação da interface com a emissão televisiva
Em relação a este componente foram avaliadas as seguintes variáveis:

• grau de transparência preferencial da interface sobre
a emissão de TV;
• a pertinência da possibilidade de o utilizador senior
customizar essa mesma transparência;
• a taxa preferência de ocupação do ecrã pela interface;

Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
06: Field Trial de avaliação da interface da aplicação iNeighbour TV

Avaliação em Field Trial
Tipografia
Em relação a este componente foram avaliadas as seguintes variáveis:

A

18 pts
• o tamanho mínimo perceptível;
• a possibilidade de o utilizador customizar o tamanho;

Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
07 e reflexões finais
Conclusões

Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
07: Conclusões e reflexões finais

Conclusões gerais

Liberdade criativa dos Designers

“em condicional”

Mais que divergências, foram principalmente identificadas limitações à liberdade
criativa dos designers, ditadas pelas infraestruturas tecnológicas e pelo suporte.

Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
07: Conclusões e reflexões finais

Conclusões gerais
Verificou-se que, pontualmente, existem colisões entre o que é desejável e o que é
possível de implementar. Por exemplo:

COLISÕES
Literatura recomenda a Tiresias S. F.

Mas o Middleware só dispõe da Segoe TV!

Na literatura e no Field Trial verificou-se
que a iconografia não deve ser
visualmente minimal ou simplificada.

Mas o suporte e a pouca resolução
disponível no ecrã pode precisamente
forçar a essa simplificação!

A literatura recomenda que se separem
os passos de selecção e de activação de
um item interactivo em dois passos.

Mas observações realizadas em Field Trial
sugerem precisamente que, sempre que
possível, estes dois passos sejam
acumulados num!

Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
07: Conclusões e reflexões finais

Conclusões gerais
No que diz respeito às componentes gráfica e de interacção, para uma interface iTV ser
mais acessível para um senior, globalmente os dados recolhidos sugerem que as
palavras-chave são:

Simplificação e Tamanhos Grandes
(excepção da iconografia no aspecto da simplificação)

“For seniors less will almost always be more!“
Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
Faculdade de Belas Artes da Universidade do Porto
Curso de Doutoramento em Arte e Design

Orientador
Prof. Doutor
Heitor Alvelos
Co-Orientador
Prof. Doutor
Jorge F. Abreu

iNeighbour TV
Investigação integrada no Projeto iNeighbour TV

PRINCÍPIOS ORIENTADORES DE DESIGN
DE INTERFACES PARA APLICAÇÕES ITV
ORIENTADAS PARA SENIORES
PORTUGUESES
Candidato: Leonardo Pereira

Apresentação de provas para obtenção do grau de Doutor em Arte e Design
17 de Dezembro de 2013 - Faculdade de Belas Artes da Universidade do Porto

Mais conteúdo relacionado

Mais procurados

Tutorial de criação de paralaxe numa imagem 2D
Tutorial de criação de paralaxe numa imagem 2DTutorial de criação de paralaxe numa imagem 2D
Tutorial de criação de paralaxe numa imagem 2DLeonardo Pereira
 
A animação Tipográfica nos Motion Graphics / Typography animation in Motion G...
A animação Tipográfica nos Motion Graphics / Typography animation in Motion G...A animação Tipográfica nos Motion Graphics / Typography animation in Motion G...
A animação Tipográfica nos Motion Graphics / Typography animation in Motion G...Leonardo Pereira
 
Masks & Puppet Tool animation in After Effects
Masks & Puppet Tool animation in After EffectsMasks & Puppet Tool animation in After Effects
Masks & Puppet Tool animation in After EffectsLeonardo Pereira
 
Creative Commons & Particle Systems
Creative Commons & Particle SystemsCreative Commons & Particle Systems
Creative Commons & Particle SystemsLeonardo Pereira
 
O Photoshop na Direção de Arte Publicitária
O Photoshop na Direção de Arte PublicitáriaO Photoshop na Direção de Arte Publicitária
O Photoshop na Direção de Arte PublicitáriaLeonardo Pereira
 
After Effects Tutorial - Cameras, parenting, precomposing, null objects, mask...
After Effects Tutorial - Cameras, parenting, precomposing, null objects, mask...After Effects Tutorial - Cameras, parenting, precomposing, null objects, mask...
After Effects Tutorial - Cameras, parenting, precomposing, null objects, mask...Leonardo Pereira
 
Correcção de cor secundária_Look Sin City
Correcção de cor secundária_Look Sin CityCorrecção de cor secundária_Look Sin City
Correcção de cor secundária_Look Sin CityLeonardo Pereira
 
Motion graphics como ferramenta educacional no ensino a distância
Motion graphics como ferramenta educacional no ensino a distância Motion graphics como ferramenta educacional no ensino a distância
Motion graphics como ferramenta educacional no ensino a distância Gustavo Gomes
 
Técnica avançadas de recorte em Photoshop
Técnica avançadas de recorte em PhotoshopTécnica avançadas de recorte em Photoshop
Técnica avançadas de recorte em PhotoshopLeonardo Pereira
 
Correcção de cor em vídeo
Correcção de cor em vídeoCorrecção de cor em vídeo
Correcção de cor em vídeoLeonardo Pereira
 
Princípios clássicos de composição visual e Gráfica para não Designers
Princípios clássicos de composição visual e Gráfica para não DesignersPrincípios clássicos de composição visual e Gráfica para não Designers
Princípios clássicos de composição visual e Gráfica para não DesignersLeonardo Pereira
 
Introdução ao retoque de imagem
Introdução ao retoque de imagemIntrodução ao retoque de imagem
Introdução ao retoque de imagemLeonardo Pereira
 
Introdução à mecânica de uma imagem estática
Introdução à mecânica de uma imagem estáticaIntrodução à mecânica de uma imagem estática
Introdução à mecânica de uma imagem estáticaLeonardo Pereira
 
Correção de cor em Photoshop
Correção de cor em PhotoshopCorreção de cor em Photoshop
Correção de cor em PhotoshopLeonardo Pereira
 
Robotica microsoft educação
Robotica   microsoft educaçãoRobotica   microsoft educação
Robotica microsoft educaçãoKátia Dutra
 
Fluids id implementacao_completo_congresso_ue-1
Fluids id implementacao_completo_congresso_ue-1Fluids id implementacao_completo_congresso_ue-1
Fluids id implementacao_completo_congresso_ue-1Maria Potes Barbas
 
Workshop "Produção de Conteúdos Vídeo em Contexto Educativo – EDUCast"
Workshop "Produção de Conteúdos Vídeo em Contexto Educativo – EDUCast"Workshop "Produção de Conteúdos Vídeo em Contexto Educativo – EDUCast"
Workshop "Produção de Conteúdos Vídeo em Contexto Educativo – EDUCast"Samuel Martins
 

Mais procurados (20)

Tutorial de criação de paralaxe numa imagem 2D
Tutorial de criação de paralaxe numa imagem 2DTutorial de criação de paralaxe numa imagem 2D
Tutorial de criação de paralaxe numa imagem 2D
 
A animação Tipográfica nos Motion Graphics / Typography animation in Motion G...
A animação Tipográfica nos Motion Graphics / Typography animation in Motion G...A animação Tipográfica nos Motion Graphics / Typography animation in Motion G...
A animação Tipográfica nos Motion Graphics / Typography animation in Motion G...
 
Masks & Puppet Tool animation in After Effects
Masks & Puppet Tool animation in After EffectsMasks & Puppet Tool animation in After Effects
Masks & Puppet Tool animation in After Effects
 
Creative Commons & Particle Systems
Creative Commons & Particle SystemsCreative Commons & Particle Systems
Creative Commons & Particle Systems
 
O Photoshop na Direção de Arte Publicitária
O Photoshop na Direção de Arte PublicitáriaO Photoshop na Direção de Arte Publicitária
O Photoshop na Direção de Arte Publicitária
 
After Effects Tutorial - Cameras, parenting, precomposing, null objects, mask...
After Effects Tutorial - Cameras, parenting, precomposing, null objects, mask...After Effects Tutorial - Cameras, parenting, precomposing, null objects, mask...
After Effects Tutorial - Cameras, parenting, precomposing, null objects, mask...
 
Correcção de cor secundária_Look Sin City
Correcção de cor secundária_Look Sin CityCorrecção de cor secundária_Look Sin City
Correcção de cor secundária_Look Sin City
 
Motion graphics como ferramenta educacional no ensino a distância
Motion graphics como ferramenta educacional no ensino a distância Motion graphics como ferramenta educacional no ensino a distância
Motion graphics como ferramenta educacional no ensino a distância
 
Introdução ao Photoshop
Introdução ao PhotoshopIntrodução ao Photoshop
Introdução ao Photoshop
 
Técnica avançadas de recorte em Photoshop
Técnica avançadas de recorte em PhotoshopTécnica avançadas de recorte em Photoshop
Técnica avançadas de recorte em Photoshop
 
Tutorial de retoque
Tutorial de retoqueTutorial de retoque
Tutorial de retoque
 
Correcção de cor em vídeo
Correcção de cor em vídeoCorrecção de cor em vídeo
Correcção de cor em vídeo
 
Princípios clássicos de composição visual e Gráfica para não Designers
Princípios clássicos de composição visual e Gráfica para não DesignersPrincípios clássicos de composição visual e Gráfica para não Designers
Princípios clássicos de composição visual e Gráfica para não Designers
 
Introdução ao retoque de imagem
Introdução ao retoque de imagemIntrodução ao retoque de imagem
Introdução ao retoque de imagem
 
Introdução à mecânica de uma imagem estática
Introdução à mecânica de uma imagem estáticaIntrodução à mecânica de uma imagem estática
Introdução à mecânica de uma imagem estática
 
Correção de cor em Photoshop
Correção de cor em PhotoshopCorreção de cor em Photoshop
Correção de cor em Photoshop
 
Apresentação final
Apresentação finalApresentação final
Apresentação final
 
Robotica microsoft educação
Robotica   microsoft educaçãoRobotica   microsoft educação
Robotica microsoft educação
 
Fluids id implementacao_completo_congresso_ue-1
Fluids id implementacao_completo_congresso_ue-1Fluids id implementacao_completo_congresso_ue-1
Fluids id implementacao_completo_congresso_ue-1
 
Workshop "Produção de Conteúdos Vídeo em Contexto Educativo – EDUCast"
Workshop "Produção de Conteúdos Vídeo em Contexto Educativo – EDUCast"Workshop "Produção de Conteúdos Vídeo em Contexto Educativo – EDUCast"
Workshop "Produção de Conteúdos Vídeo em Contexto Educativo – EDUCast"
 

Destaque

www.entaovadesign.com 2014
www.entaovadesign.com 2014www.entaovadesign.com 2014
www.entaovadesign.com 2014Leonardo Pereira
 
Estratégias de Produção de Motion Graphics para Mobile TV: O contexto português
Estratégias de Produção de Motion Graphics para Mobile TV: O contexto portuguêsEstratégias de Produção de Motion Graphics para Mobile TV: O contexto português
Estratégias de Produção de Motion Graphics para Mobile TV: O contexto portuguêsLeonardo Pereira
 
Our Outstanding Research, by Outstanding Branding
Our Outstanding Research, by Outstanding BrandingOur Outstanding Research, by Outstanding Branding
Our Outstanding Research, by Outstanding BrandingOutstanding Branding
 
Seja bem vindo ao curso ganhar dinheiro no
Seja bem vindo ao curso ganhar dinheiro noSeja bem vindo ao curso ganhar dinheiro no
Seja bem vindo ao curso ganhar dinheiro noDaniel Vaz
 
MakeUp Free Lancôme - São Patricio
MakeUp Free Lancôme - São PatricioMakeUp Free Lancôme - São Patricio
MakeUp Free Lancôme - São PatricioVCR Comunicação
 
Photoshop CS6 - Efeito Flores de outono
Photoshop CS6 - Efeito Flores de outonoPhotoshop CS6 - Efeito Flores de outono
Photoshop CS6 - Efeito Flores de outonoMilena Capraro
 
Portfolio Mary Baraldi Makeup
Portfolio Mary Baraldi MakeupPortfolio Mary Baraldi Makeup
Portfolio Mary Baraldi MakeupMary Baraldi
 
Inkscape For Art & Science
Inkscape For Art & ScienceInkscape For Art & Science
Inkscape For Art & ScienceMichele Tobias
 
Gimp Vs Photoshop
Gimp Vs PhotoshopGimp Vs Photoshop
Gimp Vs Photoshoplagrange
 
Estado da arte do parque de terminais móveis em PT_2010
Estado da arte do parque de terminais móveis em PT_2010 Estado da arte do parque de terminais móveis em PT_2010
Estado da arte do parque de terminais móveis em PT_2010 Leonardo Pereira
 
Adding paralax to a still picture - From 2D to 2.5D
Adding paralax to a still picture - From 2D to 2.5DAdding paralax to a still picture - From 2D to 2.5D
Adding paralax to a still picture - From 2D to 2.5DLeonardo Pereira
 
Particles emission from a moving finger - Tutorial
Particles emission from a moving finger - TutorialParticles emission from a moving finger - Tutorial
Particles emission from a moving finger - TutorialLeonardo Pereira
 
After Effects Camera Tracker Plug in Tutorial
After Effects Camera Tracker Plug in TutorialAfter Effects Camera Tracker Plug in Tutorial
After Effects Camera Tracker Plug in TutorialLeonardo Pereira
 
Tutorial AE vs Mocha using four point tracking
Tutorial AE vs Mocha using four point trackingTutorial AE vs Mocha using four point tracking
Tutorial AE vs Mocha using four point trackingLeonardo Pereira
 
Princípios Orientadores de Design de Interfaces para aplicações iTV orientada...
Princípios Orientadores de Design de Interfaces para aplicações iTV orientada...Princípios Orientadores de Design de Interfaces para aplicações iTV orientada...
Princípios Orientadores de Design de Interfaces para aplicações iTV orientada...Leonardo Pereira
 
A Revolução Cultural de Consumo na Produção e Distribuição de Conteúdo Audiov...
A Revolução Cultural de Consumo na Produção e Distribuição de Conteúdo Audiov...A Revolução Cultural de Consumo na Produção e Distribuição de Conteúdo Audiov...
A Revolução Cultural de Consumo na Produção e Distribuição de Conteúdo Audiov...Leonardo Pereira
 

Destaque (20)

www.entaovadesign.com 2014
www.entaovadesign.com 2014www.entaovadesign.com 2014
www.entaovadesign.com 2014
 
Estratégias de Produção de Motion Graphics para Mobile TV: O contexto português
Estratégias de Produção de Motion Graphics para Mobile TV: O contexto portuguêsEstratégias de Produção de Motion Graphics para Mobile TV: O contexto português
Estratégias de Produção de Motion Graphics para Mobile TV: O contexto português
 
Our Outstanding Research, by Outstanding Branding
Our Outstanding Research, by Outstanding BrandingOur Outstanding Research, by Outstanding Branding
Our Outstanding Research, by Outstanding Branding
 
Tutorial Multimidia
Tutorial MultimidiaTutorial Multimidia
Tutorial Multimidia
 
Vult
VultVult
Vult
 
Seja bem vindo ao curso ganhar dinheiro no
Seja bem vindo ao curso ganhar dinheiro noSeja bem vindo ao curso ganhar dinheiro no
Seja bem vindo ao curso ganhar dinheiro no
 
MakeUp Free Lancôme - São Patricio
MakeUp Free Lancôme - São PatricioMakeUp Free Lancôme - São Patricio
MakeUp Free Lancôme - São Patricio
 
Photoshop CS6 - Efeito Flores de outono
Photoshop CS6 - Efeito Flores de outonoPhotoshop CS6 - Efeito Flores de outono
Photoshop CS6 - Efeito Flores de outono
 
TCC Vult
TCC VultTCC Vult
TCC Vult
 
Photoshop cs-6
Photoshop cs-6Photoshop cs-6
Photoshop cs-6
 
Portfolio Mary Baraldi Makeup
Portfolio Mary Baraldi MakeupPortfolio Mary Baraldi Makeup
Portfolio Mary Baraldi Makeup
 
Inkscape For Art & Science
Inkscape For Art & ScienceInkscape For Art & Science
Inkscape For Art & Science
 
Gimp Vs Photoshop
Gimp Vs PhotoshopGimp Vs Photoshop
Gimp Vs Photoshop
 
Estado da arte do parque de terminais móveis em PT_2010
Estado da arte do parque de terminais móveis em PT_2010 Estado da arte do parque de terminais móveis em PT_2010
Estado da arte do parque de terminais móveis em PT_2010
 
Adding paralax to a still picture - From 2D to 2.5D
Adding paralax to a still picture - From 2D to 2.5DAdding paralax to a still picture - From 2D to 2.5D
Adding paralax to a still picture - From 2D to 2.5D
 
Particles emission from a moving finger - Tutorial
Particles emission from a moving finger - TutorialParticles emission from a moving finger - Tutorial
Particles emission from a moving finger - Tutorial
 
After Effects Camera Tracker Plug in Tutorial
After Effects Camera Tracker Plug in TutorialAfter Effects Camera Tracker Plug in Tutorial
After Effects Camera Tracker Plug in Tutorial
 
Tutorial AE vs Mocha using four point tracking
Tutorial AE vs Mocha using four point trackingTutorial AE vs Mocha using four point tracking
Tutorial AE vs Mocha using four point tracking
 
Princípios Orientadores de Design de Interfaces para aplicações iTV orientada...
Princípios Orientadores de Design de Interfaces para aplicações iTV orientada...Princípios Orientadores de Design de Interfaces para aplicações iTV orientada...
Princípios Orientadores de Design de Interfaces para aplicações iTV orientada...
 
A Revolução Cultural de Consumo na Produção e Distribuição de Conteúdo Audiov...
A Revolução Cultural de Consumo na Produção e Distribuição de Conteúdo Audiov...A Revolução Cultural de Consumo na Produção e Distribuição de Conteúdo Audiov...
A Revolução Cultural de Consumo na Produção e Distribuição de Conteúdo Audiov...
 

Semelhante a Designing TV for Seniors2. pelas capacidades técnicas do hardware;3. pelas limitações de interacção do dispositivo;4. pelas especificidades culturais dos utilizadores

Design de Interfaces IPTV para Seniores_Workshop Tecnologias Interativas de a...
Design de Interfaces IPTV para Seniores_Workshop Tecnologias Interativas de a...Design de Interfaces IPTV para Seniores_Workshop Tecnologias Interativas de a...
Design de Interfaces IPTV para Seniores_Workshop Tecnologias Interativas de a...Leonardo Pereira
 
Simplicidade aplicada ao design interativo na TV digital
Simplicidade aplicada ao design interativo na TV digitalSimplicidade aplicada ao design interativo na TV digital
Simplicidade aplicada ao design interativo na TV digitalPatricia Cressoni Gomes
 
1ª edição redinfo, a sua revista eletrônica de computação
1ª edição redinfo, a sua revista eletrônica de computação1ª edição redinfo, a sua revista eletrônica de computação
1ª edição redinfo, a sua revista eletrônica de computaçãoFernando Nogueira
 
Envolvendo usuários finais na concepção de produtos acessíveis
Envolvendo usuários finais na concepção de produtos acessíveisEnvolvendo usuários finais na concepção de produtos acessíveis
Envolvendo usuários finais na concepção de produtos acessíveisPaulo Melo
 
O que radiografias, cavaletes e Inovação Centrada no Usuário tem em comum?
O que radiografias, cavaletes e Inovação Centrada no Usuário tem em comum?O que radiografias, cavaletes e Inovação Centrada no Usuário tem em comum?
O que radiografias, cavaletes e Inovação Centrada no Usuário tem em comum?mabuse h.d.
 
2010: Natural Computing InterCon
2010: Natural Computing InterCon2010: Natural Computing InterCon
2010: Natural Computing InterConLeandro de Castro
 
Apresentacao Plano Investigacao
Apresentacao Plano InvestigacaoApresentacao Plano Investigacao
Apresentacao Plano InvestigacaoSamuel Martins
 
UNA - Eng Usa '12 - aula 02
UNA  - Eng Usa '12 - aula 02UNA  - Eng Usa '12 - aula 02
UNA - Eng Usa '12 - aula 02Marcello Cardoso
 
Apresentacao portfolio-luqs-2012-quixada.pptx
Apresentacao portfolio-luqs-2012-quixada.pptxApresentacao portfolio-luqs-2012-quixada.pptx
Apresentacao portfolio-luqs-2012-quixada.pptxUNIFOR E UECE
 
Engenharia de Software - Unimep/Pronatec - Aula 3
Engenharia de Software - Unimep/Pronatec - Aula 3Engenharia de Software - Unimep/Pronatec - Aula 3
Engenharia de Software - Unimep/Pronatec - Aula 3André Phillip Bertoletti
 
1º encontro curso proinfo integrado 17-04
1º encontro   curso proinfo integrado 17-041º encontro   curso proinfo integrado 17-04
1º encontro curso proinfo integrado 17-04Idilene
 
Defesa da Proposta de Projecto de Tese
Defesa da Proposta de Projecto de TeseDefesa da Proposta de Projecto de Tese
Defesa da Proposta de Projecto de TeseLeonardo Pereira
 
Defesa de Proposta de Projecto de Tese
Defesa de Proposta de Projecto de TeseDefesa de Proposta de Projecto de Tese
Defesa de Proposta de Projecto de TeseLeonardo Pereira
 
Design de Interação e Televisão Digital
Design de Interação e Televisão DigitalDesign de Interação e Televisão Digital
Design de Interação e Televisão Digitalpvfreitas
 
Testes e avaliação de protótipos
Testes e avaliação de protótiposTestes e avaliação de protótipos
Testes e avaliação de protótiposRobson Santos
 
Five Minute Speech - Academic Interests, Current Works and Experiences.
Five Minute Speech - Academic Interests, Current Works and Experiences.Five Minute Speech - Academic Interests, Current Works and Experiences.
Five Minute Speech - Academic Interests, Current Works and Experiences.Michel Alves
 
UNA - Eng Usa '12 - aula 01
UNA  - Eng Usa '12 - aula 01UNA  - Eng Usa '12 - aula 01
UNA - Eng Usa '12 - aula 01Marcello Cardoso
 

Semelhante a Designing TV for Seniors2. pelas capacidades técnicas do hardware;3. pelas limitações de interacção do dispositivo;4. pelas especificidades culturais dos utilizadores (20)

Design de Interfaces IPTV para Seniores_Workshop Tecnologias Interativas de a...
Design de Interfaces IPTV para Seniores_Workshop Tecnologias Interativas de a...Design de Interfaces IPTV para Seniores_Workshop Tecnologias Interativas de a...
Design de Interfaces IPTV para Seniores_Workshop Tecnologias Interativas de a...
 
Simplicidade aplicada ao design interativo na TV digital
Simplicidade aplicada ao design interativo na TV digitalSimplicidade aplicada ao design interativo na TV digital
Simplicidade aplicada ao design interativo na TV digital
 
1ª edição redinfo, a sua revista eletrônica de computação
1ª edição redinfo, a sua revista eletrônica de computação1ª edição redinfo, a sua revista eletrônica de computação
1ª edição redinfo, a sua revista eletrônica de computação
 
Envolvendo usuários finais na concepção de produtos acessíveis
Envolvendo usuários finais na concepção de produtos acessíveisEnvolvendo usuários finais na concepção de produtos acessíveis
Envolvendo usuários finais na concepção de produtos acessíveis
 
Prototipação
PrototipaçãoPrototipação
Prototipação
 
O que radiografias, cavaletes e Inovação Centrada no Usuário tem em comum?
O que radiografias, cavaletes e Inovação Centrada no Usuário tem em comum?O que radiografias, cavaletes e Inovação Centrada no Usuário tem em comum?
O que radiografias, cavaletes e Inovação Centrada no Usuário tem em comum?
 
2010: Natural Computing InterCon
2010: Natural Computing InterCon2010: Natural Computing InterCon
2010: Natural Computing InterCon
 
Apresentacao Plano Investigacao
Apresentacao Plano InvestigacaoApresentacao Plano Investigacao
Apresentacao Plano Investigacao
 
UNA - Eng Usa '12 - aula 02
UNA  - Eng Usa '12 - aula 02UNA  - Eng Usa '12 - aula 02
UNA - Eng Usa '12 - aula 02
 
Apresentacao portfolio-luqs-2012-quixada.pptx
Apresentacao portfolio-luqs-2012-quixada.pptxApresentacao portfolio-luqs-2012-quixada.pptx
Apresentacao portfolio-luqs-2012-quixada.pptx
 
Engenharia de Software - Unimep/Pronatec - Aula 3
Engenharia de Software - Unimep/Pronatec - Aula 3Engenharia de Software - Unimep/Pronatec - Aula 3
Engenharia de Software - Unimep/Pronatec - Aula 3
 
1º encontro curso proinfo integrado 17-04
1º encontro   curso proinfo integrado 17-041º encontro   curso proinfo integrado 17-04
1º encontro curso proinfo integrado 17-04
 
Defesa da Proposta de Projecto de Tese
Defesa da Proposta de Projecto de TeseDefesa da Proposta de Projecto de Tese
Defesa da Proposta de Projecto de Tese
 
Defesa de Proposta de Projecto de Tese
Defesa de Proposta de Projecto de TeseDefesa de Proposta de Projecto de Tese
Defesa de Proposta de Projecto de Tese
 
Design de Interação e Televisão Digital
Design de Interação e Televisão DigitalDesign de Interação e Televisão Digital
Design de Interação e Televisão Digital
 
Testes e avaliação de protótipos
Testes e avaliação de protótiposTestes e avaliação de protótipos
Testes e avaliação de protótipos
 
Portfolio-luqs-tvd
Portfolio-luqs-tvdPortfolio-luqs-tvd
Portfolio-luqs-tvd
 
Five Minute Speech - Academic Interests, Current Works and Experiences.
Five Minute Speech - Academic Interests, Current Works and Experiences.Five Minute Speech - Academic Interests, Current Works and Experiences.
Five Minute Speech - Academic Interests, Current Works and Experiences.
 
Programação semana upe campus caruaru
Programação semana upe campus caruaruProgramação semana upe campus caruaru
Programação semana upe campus caruaru
 
UNA - Eng Usa '12 - aula 01
UNA  - Eng Usa '12 - aula 01UNA  - Eng Usa '12 - aula 01
UNA - Eng Usa '12 - aula 01
 

Mais de Leonardo Pereira

Tutorial de introducao as mascaras
Tutorial de introducao as mascarasTutorial de introducao as mascaras
Tutorial de introducao as mascarasLeonardo Pereira
 
Introduction to Illustrator's workshop - Covilha October 2012
Introduction to Illustrator's workshop - Covilha October 2012Introduction to Illustrator's workshop - Covilha October 2012
Introduction to Illustrator's workshop - Covilha October 2012Leonardo Pereira
 
Introduction to Photoshop's workshop - Covilha October 2012
Introduction to Photoshop's workshop - Covilha October 2012Introduction to Photoshop's workshop - Covilha October 2012
Introduction to Photoshop's workshop - Covilha October 2012Leonardo Pereira
 
Tutorial de Intro ao Photoshop: Simulação de capa de livro em perspectiva 3D
Tutorial de Intro ao Photoshop: Simulação de capa de livro em perspectiva 3DTutorial de Intro ao Photoshop: Simulação de capa de livro em perspectiva 3D
Tutorial de Intro ao Photoshop: Simulação de capa de livro em perspectiva 3DLeonardo Pereira
 
Apresentação relatório de progresso
Apresentação relatório de progressoApresentação relatório de progresso
Apresentação relatório de progressoLeonardo Pereira
 
Introdução à Infografia
Introdução à InfografiaIntrodução à Infografia
Introdução à InfografiaLeonardo Pereira
 
Leonardo Pereira's Book cover design portfolio
Leonardo Pereira's Book cover design portfolioLeonardo Pereira's Book cover design portfolio
Leonardo Pereira's Book cover design portfolioLeonardo Pereira
 

Mais de Leonardo Pereira (7)

Tutorial de introducao as mascaras
Tutorial de introducao as mascarasTutorial de introducao as mascaras
Tutorial de introducao as mascaras
 
Introduction to Illustrator's workshop - Covilha October 2012
Introduction to Illustrator's workshop - Covilha October 2012Introduction to Illustrator's workshop - Covilha October 2012
Introduction to Illustrator's workshop - Covilha October 2012
 
Introduction to Photoshop's workshop - Covilha October 2012
Introduction to Photoshop's workshop - Covilha October 2012Introduction to Photoshop's workshop - Covilha October 2012
Introduction to Photoshop's workshop - Covilha October 2012
 
Tutorial de Intro ao Photoshop: Simulação de capa de livro em perspectiva 3D
Tutorial de Intro ao Photoshop: Simulação de capa de livro em perspectiva 3DTutorial de Intro ao Photoshop: Simulação de capa de livro em perspectiva 3D
Tutorial de Intro ao Photoshop: Simulação de capa de livro em perspectiva 3D
 
Apresentação relatório de progresso
Apresentação relatório de progressoApresentação relatório de progresso
Apresentação relatório de progresso
 
Introdução à Infografia
Introdução à InfografiaIntrodução à Infografia
Introdução à Infografia
 
Leonardo Pereira's Book cover design portfolio
Leonardo Pereira's Book cover design portfolioLeonardo Pereira's Book cover design portfolio
Leonardo Pereira's Book cover design portfolio
 

Designing TV for Seniors2. pelas capacidades técnicas do hardware;3. pelas limitações de interacção do dispositivo;4. pelas especificidades culturais dos utilizadores

  • 1. Faculdade de Belas Artes da Universidade do Porto Curso de Doutoramento em Arte e Design Orientador Prof. Doutor Heitor Alvelos Co-Orientador Prof. Doutor Jorge F. Abreu iNeighbour TV Investigação integrada no Projeto iNeighbour TV PRINCÍPIOS ORIENTADORES DE DESIGN DE INTERFACES PARA APLICAÇÕES ITV ORIENTADAS PARA SENIORES PORTUGUESES Candidato: Leonardo Pereira Apresentação de provas para obtenção do grau de Doutor em Arte e Design 17 de Dezembro de 2013 - Faculdade de Belas Artes da Universidade do Porto
  • 2. 01 - Contextualização Introdução Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
  • 3. 01: Introdução - Contextualização iDon’t get it! Hello Designers... I’m an old guy! “The human interface for most technologies, excluding special devices, has been designed for a younger user.” Fonte: Becker, 2006, p. 3297 Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
  • 4. 01: Introdução - Contextualização I remember the words to every 80’s song. But I forgot to take my pills! Fonte: adaptado de motifake.com, 2012. O envelhecimento humano acarreta a degradação da: Aprendizagem Memória Cognição Visão Coordenação motora Aplicação de força Atenção visual dinâmica Literacia digital Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
  • 5. 01: Introdução - Contextualização I remember the words to every 80’s song. But I forgot to take my pills! Fonte: adaptado de motifake.com, 2012. O envelhecimento humano acarreta a degradação da: Aprendizagem >>Memória<< Cognição Visão Coordenação motora Aplicação de força Atenção visual dinâmica Literacia digital Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
  • 6. 01: Introdução - Contextualização I remember the words to every 80’s song. But I forgot to take my pills! Fonte: adaptado de motifake.com, 2012. O envelhecimento humano acarreta a degradação da: >>Aprendizagem<< Memória Cognição Visão Coordenação motora Aplicação de força Atenção visual dinâmica Literacia digital Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
  • 7. 01: Introdução - Contextualização I remember the words to every 80’s song. But I forgot to take my pills! Fonte: adaptado de motifake.com, 2012. O envelhecimento humano acarreta a degradação da: Aprendizagem Memória >>Cognição<< Visão Coordenação motora Aplicação de força Atenção visual dinâmica Literacia digital Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
  • 8. 01: Introdução - Contextualização I remember the words to every 80’s song. But I forgot to take my pills! Fonte: adaptado de motifake.com, 2012. O envelhecimento humano acarreta a degradação da: Aprendizagem Memória Cognição >>Visão<< Coordenação motora Aplicação de força Atenção visual dinâmica Literacia digital Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
  • 9. 01: Introdução - Contextualização I remember the words to every 80’s song. But I forgot to take my pills! Fonte: adaptado de motifake.com, 2012. O envelhecimento humano acarreta a degradação da: Aprendizagem Memória Cognição Visão >>Coordenação motora<< Aplicação de força Atenção visual dinâmica Literacia digital Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
  • 10. 01: Introdução - Contextualização I remember the words to every 80’s song. But I forgot to take my pills! Fonte: adaptado de motifake.com, 2012. O envelhecimento humano acarreta a degradação da: Aprendizagem Memória Cognição Visão Coordenação motora Aplicação de força >>Atenção visual dinâmica<< Literacia digital Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
  • 11. 01: Introdução - Contextualização I remember the words to every 80’s song. But I forgot to take my pills! Fonte: adaptado de motifake.com, 2012. O envelhecimento humano acarreta a degradação da: Aprendizagem Memória Cognição Visão Coordenação motora >>Aplicação de força<< Atenção visual dinâmica Literacia digital Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
  • 12. 01: Introdução - Contextualização I remember the words to every 80’s song. But I forgot to take my pills! Fonte: adaptado de motifake.com, 2012. O envelhecimento humano acarreta a degradação da: Aprendizagem Memória Cognição Visão Coordenação motora Aplicação de força Atenção visual dinâmica >>Literacia digital<< Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
  • 13. 01: Introdução - Contextualização Marginalidade digital “A centralidade da internet (...) converte-se em marginalidade para aqueles que não têm ou possuem um acesso limitado à rede, assim como para aqueles que não são capazes de tirar partido dela (...)” Fonte: Castells, 2001, p. 287 Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
  • 14. 01: Introdução - Contextualização Interfaces iTV (Televisão interactiva) não são uma excepção! Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
  • 15. 01: Introdução - Contextualização Acresce que... 1. 2011 2001 1991 1981 1970 100 1960 Impõe-se a pressão demográfica trazida pelo envelhecimento generalizado da população portuguesa. 80 60 40 20 0 7.97% 9.67% 11.45% 13.61% 16.35% 19.15% Fonte: INE & Pordata, 2011 Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
  • 16. 01: Introdução - Contextualização 2. O aumento desta população justifica a procura de uma maior democracia e inclusão digital dos seniores no acesso às TICs. 3 seniores jovem por cada “Em 2060, por cada jovem haverá 3 seniores!” Fonte: Silva, 2009 (in Jornal de Notícias) Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
  • 17. 01: Introdução - Contextualização 3. Não excluir estes cidadãos, pela eficaz Usabilidade dos produtos a estes dirigidos, representa uma vantagem competitiva sobre quem os exclui. “Tcha tchim!” Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
  • 18. 02 Problemática e Objectivos de Investigação Problema, Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
  • 19. 02: Problema, Problemática e Objectivos de Investigação Problema e Pergunta de Partida... + + = • ? Quais os princípios, ao nível gráfico e de interacção, que o Design de interfaces para aplicações iTV deve seguir, por forma a que as suas interfaces se adequem mais eficazmente aos requisitos especiais que caracterizam os utilizadores seniores portugueses? • Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
  • 20. 02: Problema, Problemática e Objectivos de Investigação Importa referir... iNeighbour TV Projecto financiado por: Parceria de investigação com o projecto iNeighbour TV que me permitiu avaliar em contexto real de uso (Field Trial) e com uma amostra de seniores, a Usabilidade inerente à reformulação gráfica e de interacção da interface da aplicação iNeighbour TV. Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
  • 21. 02: Problema, Problemática e Objectivos de Investigação Problemática adoptada 1. Baseou-se nas conclusões de uma primeira revisão de literatura sobre Design de interfaces digitais para seniores: “ Cada investigador analisa (...) os trabalhos dos investigadores que o precederam e, só então, compreendido o testemunho (...) parte equipado para a sua própria aventura.” Fonte: Cardoso et al, 2010, p. 17 Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
  • 22. 02: Problema, Problemática e Objectivos de Investigação Problemática adoptada 2. Com a revisão de literatura concluíu-se que as abordagens anteriores focam-se em factores humanos. Charmichael, Obrist et al, Rice & Alm, Zajycek, Johnson & Kent, Fisk et al, Hawthorn, Pernice & Nielsen, Koutsourelakis & Chorianopoulos, Silver et al, Goodman & Gray, Nunes et al + (Sequeira, Baptista, Quico & Damásio) Focos de problemática a memória de c. prazo; a aprendizagem; a capacidade cognitiva; a visão; a coordenação motora; a atenção visual dinâmica; a capac. de aplicação de força; literacia digital. Literatura especializada em Design de Interfaces digitais para seniores Factores humanos relacionados com o envelhecimento humano Focam-se apenas nos... Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
  • 23. 02: Problema, Problemática e Objectivos de Investigação Problemática adoptada 3. Não consideram, no entanto, as limitações impostas ao Design de interfaces iTV: 3 4 1 1. pelo middleware; 2. pela memória das STBs; 3. pelo televisor; 4. pelos elementos gráficos da emissão de tv. 2 Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
  • 24. 02: Problema, Problemática e Objectivos de Investigação Problemática adoptada Portanto, a problemática adoptada foi orientada para se produzir: Numa 1ª fase: O levantamento das limitações impostas ao Design que foram descuradas na literatura revista. Numa 2ª fase: O confronto mútuo entre: • limitações descuradas; • dados de FT; • PODs defendidos na literatura. Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
  • 25. 02: Problema, Problemática e Objectivos de Investigação Objectivos de investigação Constituição de um Manual de PODs que ajude os designers a minimizar as típicas dificuldades que os seniores experimentam com este tipo de interface. Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
  • 26. 03 impostas pelo Hardware e Software Limitações Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
  • 27. 03: Limitações impostas pelo Hardware e Software Metodologia de recolha de dados utilizada Foi concebido um manual de normas gráficas com uma nova proposta de Design da interface do iNeighbour TV. iNeighbour TV 3.2 ICONOGRAFIA - Segundo nível de menú + código de cores ÁREA SAÚDE GESTÃO Com Focus Sem Focus Branco com e sem focus 220 | 088 220 | 088 220 | 088 Azul com e sem focus 016 | 006 118 | 047 152 | 061 Sem Focus Branco com e sem focus 220 | 088 220 | 088 220 | 088 Rosa com e sem focus 099 | 049 029 | 014 094 | 047 Sem Focus Branco com e sem focus 220 | 088 220 | 088 220 | 088 Amarelo com e sem focus 147 | 059 113 | 045 043 | 017 Sem Focus Branco com e sem focus 220 | 088 220 | 088 220 | 088 Laranja com e sem focus 199 | 080 106 | 042 026 | 010 MEDICAÇÃO Sem Focus Com Focus Sem Focus INFOS ÚTEIS Com Focus ÁREA LAZER CRI. EVENTO Com Focus iNeighbour TV Sem Focus CALENDÁRIO Com Focus Sem Focus CONVITES Com Focus ÁREA INFORMAÇÕES METEORO. Com Focus C. ÚTEIS Sem Focus Com Focus PROPOSTA DE INTERFACE PARA APLICAÇÃO INEIGHBOUR TV E MANUAL DE NORMAS V 2.0 Leonardo Pereira ÁREA COMUNIDADE AMIGOS Com Focus PERFIL Sem Focus Com Focus PESQUISAR Com Focus Sem Focus ÁREA COMUNICAÇÃO CHAMADAS Com Focus Sem Focus MENSAGENS Com Focus Sem Focus Branco com e sem focus 220 | 088 220 | 088 220 | 088 Verde com e sem focus 095 | 038 132 | 053 061 | 024 Este manual, através de uma entrevista ao developer do iNeighbour TV, funcionou como um instrumento de levantamento das limitações impostas pelo middleware e pelas Set Top Boxes. Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33. 04 impostas pelo suporte - televisor Limitações Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
  • 34. 04: Limitações impostas pelo suporte - televisor Determinação do tipo de TV mais adoptado por seniores PT 50 30 30 30 30 20 20 20 20 10 10 10 LED LED 10 0 0 0 Sala de estar Quarto LCD 40 LCD 40 40 LCD 40 CRT 50 CRT CRT 50 LCD 50 CRT Foi aplicado um inquérito por questionário, disponibilizado em linha, a filhos de seniores para se determinar a tecnologia de Televisores mais adoptado pela população senior e qual a tecnologia de televisor a estudar... 0 Cozinha “And the winner is: the CRT” Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses Outras divisões
  • 35.
  • 36.
  • 37.
  • 38.
  • 39. 05 impostas pelos elementos gráficos da Emissão de TV Limitações Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
  • 40. 05: Limitações impostas pelos elementos gráficos da Emissão de TV Elementos Gráficos da emissão de TV RTP1 RTP2 SIC TVI Metodologia Observação directa dos 4 canais de TV portugueses emitidos em sinal aberto. Elementos identificados: • Os logos identificativos da estação; • Os oráculos informativos; • Legendagem de programas estrangeiros. Nota: Elementos transversais à realidade internacional e canais em sinal fechado. Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
  • 41. 05: Limitações impostas pelos elementos gráficos da emissão de TV Limitação implicada Área de logos 110 px de altura Área útil disponível para a integração da interface sem sobreposições com elementos da emissão de TV 576 x 276 px Área de reserva para inserção de legendagem e oráculos 190 px de altura Área disponível em ecrã limitada para a integração da interface por forma a que esta conviva, sem sobreposições, com os elementos gráficos da emissão de TV. Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
  • 42. 06Trial de avaliação da interface da aplicação iTV iNeighbour TV Field Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
  • 43. 06: Field Trial de avaliação da interface da aplicação iNeighbour TV Amostra, infraestruturas e tarefas realizadas em Field Trial Para levar a cabo o Field Trial: Amostra recrutada 8 seniores (4 casais) com baixos níveis de literacia digital; Infraestruturas Instalação nos seus lares de acessos ao serviço iPTV da Meo, para acesso ao iNeighbour TV durante 5 semanas; Tarefas realizadas • 2 sessões de esclarecimento; • 7 sessões individuais de avaliação da interface (7x8=56 sessões). Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
  • 44. 06: Field Trial de avaliação da interface da aplicação iNeighbour TV Avaliação em Field Trial Foram avaliados 4 grupos de componentes da interface: • Iconografia; • Usabilidade; • Relação da emissão de TV com a interface; • Tipografia. Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
  • 45. 06: Field Trial de avaliação da interface da aplicação iNeighbour TV Avaliação em Field Trial Iconografia dos menus da interface Em relação a este componente foram avaliadas as seguintes variáveis: • grau de iconicidade; • recurso à menção escrita ao significado; • recurso às setas direccionais de apoio à navegação; • eficácia da percepção da cor. Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
  • 46. 06: Field Trial de avaliação da interface da aplicação iNeighbour TV Avaliação em Field Trial Usabilidade da interface Em relação a este componente foram avaliadas as seguintes variáveis: • eficácia da sinalização gráfica do focus; • a confluência entre o percurso do focus e as expectativas dos seniores numa grelha de distribuição não cartesiana; • o recurso a transições animadas; TV 1 2 comando na mão • o recurso a mensagens de confirmação. 1 Ainda: A partir da execução de 3 tarefas de interacção, fez-se um levantamento de problemas de Usabilidade. Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
  • 47. 06: Field Trial de avaliação da interface da aplicação iNeighbour TV Avaliação em Field Trial Relação da interface com a emissão televisiva Em relação a este componente foram avaliadas as seguintes variáveis: • grau de transparência preferencial da interface sobre a emissão de TV; • a pertinência da possibilidade de o utilizador senior customizar essa mesma transparência; • a taxa preferência de ocupação do ecrã pela interface; Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
  • 48. 06: Field Trial de avaliação da interface da aplicação iNeighbour TV Avaliação em Field Trial Tipografia Em relação a este componente foram avaliadas as seguintes variáveis: A 18 pts • o tamanho mínimo perceptível; • a possibilidade de o utilizador customizar o tamanho; Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
  • 49. 07 e reflexões finais Conclusões Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
  • 50. 07: Conclusões e reflexões finais Conclusões gerais Liberdade criativa dos Designers “em condicional” Mais que divergências, foram principalmente identificadas limitações à liberdade criativa dos designers, ditadas pelas infraestruturas tecnológicas e pelo suporte. Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
  • 51. 07: Conclusões e reflexões finais Conclusões gerais Verificou-se que, pontualmente, existem colisões entre o que é desejável e o que é possível de implementar. Por exemplo: COLISÕES Literatura recomenda a Tiresias S. F. Mas o Middleware só dispõe da Segoe TV! Na literatura e no Field Trial verificou-se que a iconografia não deve ser visualmente minimal ou simplificada. Mas o suporte e a pouca resolução disponível no ecrã pode precisamente forçar a essa simplificação! A literatura recomenda que se separem os passos de selecção e de activação de um item interactivo em dois passos. Mas observações realizadas em Field Trial sugerem precisamente que, sempre que possível, estes dois passos sejam acumulados num! Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
  • 52. 07: Conclusões e reflexões finais Conclusões gerais No que diz respeito às componentes gráfica e de interacção, para uma interface iTV ser mais acessível para um senior, globalmente os dados recolhidos sugerem que as palavras-chave são: Simplificação e Tamanhos Grandes (excepção da iconografia no aspecto da simplificação) “For seniors less will almost always be more!“ Candidato: Leonardo Pereira | FBAUP | Princípios Orientadores de Design de interfaces para aplicações iTV orientadas para seniores portugueses
  • 53.
  • 54.
  • 55. Faculdade de Belas Artes da Universidade do Porto Curso de Doutoramento em Arte e Design Orientador Prof. Doutor Heitor Alvelos Co-Orientador Prof. Doutor Jorge F. Abreu iNeighbour TV Investigação integrada no Projeto iNeighbour TV PRINCÍPIOS ORIENTADORES DE DESIGN DE INTERFACES PARA APLICAÇÕES ITV ORIENTADAS PARA SENIORES PORTUGUESES Candidato: Leonardo Pereira Apresentação de provas para obtenção do grau de Doutor em Arte e Design 17 de Dezembro de 2013 - Faculdade de Belas Artes da Universidade do Porto