SlideShare uma empresa Scribd logo
Didáctica da usabilidade para design de informação
Didactics of usability for information design
Para entender a visualização de dados complexos
é necessário conhecer bem os factos e as
inter-articulações que lhe dão origem.
In order to understand the vi-
sualization of complex data it is
necessary to know the facts and
the inter-connections that give
origin to them well.
Cruz, P. M., P. Machado, et al. (2010).
“Traffic in Lisbon condensed in one day.”
from http://mondeguinho.com/master/
information-visualization/traffic-in-lisbon-
condensed-in-one-day.
Didáctica da usabilidade para design de informação
Didactics of usability for information design
Para construir diagramas é preciso mediar a
comunicação com o perfil do destinatário e
aproveitar a sua experiência anterior noutros
assuntos.
In order to build diagrams
it is necessary to mediate
communication with the profile
of the addressee and to take
advantage of his previous
experience in other matters.
Esta comunicação pretende focar a importância
que as metodologias centradas no utilizador
possuem no âmbito da didáctica de disciplinas
de natureza projectual e especificamente na
construção de diagramas
this speak intends to focus
on the importance that
methodologies centered in the
user possess within the scope
of didactics of project nature
subjects and particularly in
building diagrams.
Didáctica da usabilidade para design de informação
Didactics of usability for information design
Este estudo realça uma abordagem metodológica
centrada na usabilidade específica de um grupo
de utentes, no âmbito de uma cadeira de design
de informação.
This study highlights a
methodological approach
centered in the particular
usability of a group of users,
within the range of a subject of
information design
Didáctica da usabilidade para design de informação
Didactics of usability for information design
O estudo de caso a ser apresentado aborda a
problemática da educação sexual em crianças,
nomeadamente o ciclo menstrual explicado a
raparigas com idades compreendidas entre os 10
e os 12 anos
The case study that will be
presented deals with the
problematic of sexual education
for children, namely menstrual
cycle explained to girls aged
between 10 and 12
Didáctica da usabilidade para design de informação
Didactics of usability for information design
Objectivos:
1 Contornar a dificuldade de abordagem de um
tema tabu;
2 Estabelecer um conjunto de informações que
obrigatoriamente tem que estar presentes no
diagrama;
3 Esclarecer o problema recorrendo
essencialmente a suportes bidimensionais;
4 Valorizar aspectos que aumentem a
interactividade do diagrama;
5 Adequar a semântica da representação gráfica
à idade dos destinatários
Objectives
1 Overcome the difficulty
of dealing with a taboo
topic;
2 Establish a set of pieces
of information that
must be included in the
diagram;
3 Clarify the problem
mainly with the help of
bidimensional support;
4 Valorize aspects that
enhance the diagram
interactivity;
5 Adjust semantics of
graphic representation to
the addressee´s age
Didáctica da usabilidade para design de informação
Didactics of usability for information design
Aprendizagens:
1 Clarificação das tipologias de dados
em qualitativos e quantitativos e suas subdivisões;
2 Potencial em termos de caracterização e
tradução visual entre diferentes géneros de
variáveis;
3 Saber sustentar decisões na escolha das
componentes de natureza gráfica
learning items
1 Clarifying data
typologies by dividing
them into qualitative and
quantitative ones and
their subdivisions;
2 Potential in terms
of characterization
and visual translation
among different kinds of
variables;
3 To know how to
sustain decisions when
choosing graphic type
components
Didáctica da usabilidade para design de informação
Didactics of usability for information design
	
Lengler R., Eppler M. (2007) “Towards a
periodic table of visualization methods of
management”.
Obrigado
Paulo Alcobia Simões
pauloalcobia@isec.universitas.pt
Cidag 2010
Thank you
Paulo Alcobia Simões
pauloalcobia@isec.universitas.pt
Cidag 2010
Didáctica da usabilidade para design de informação
Didactics of usability for information design

Mais conteúdo relacionado

Semelhante a Didatica da usabilidade design diagramas

Uso de Design Thinking no Planejamento Tecnológico de Produtos
Uso de Design Thinking no Planejamento Tecnológico de ProdutosUso de Design Thinking no Planejamento Tecnológico de Produtos
Uso de Design Thinking no Planejamento Tecnológico de Produtos
Rodrigo Lima Verde Leal
 
Portais Corporativos e Intranets
Portais Corporativos e IntranetsPortais Corporativos e Intranets
Portais Corporativos e Intranets
IIR Informa
 
Seminário Portais Corporativos e Intranets
Seminário Portais Corporativos e IntranetsSeminário Portais Corporativos e Intranets
Seminário Portais Corporativos e Intranets
Melissa Dalla Rosa
 
Infografia multimídia para apresentação de resultados de testes de usabilidade
Infografia multimídia para apresentação de resultados de testes de usabilidadeInfografia multimídia para apresentação de resultados de testes de usabilidade
Infografia multimídia para apresentação de resultados de testes de usabilidadeFran Maciel
 
Apresentação do Programa Proinfo
Apresentação do Programa ProinfoApresentação do Programa Proinfo
Apresentação do Programa Proinfocarmelitalh
 
Visualização da Informação - Educação/Formação
Visualização da Informação - Educação/FormaçãoVisualização da Informação - Educação/Formação
Visualização da Informação - Educação/FormaçãoMarduken
 
VisualizaçãO Da InformaçãO
VisualizaçãO Da InformaçãOVisualizaçãO Da InformaçãO
VisualizaçãO Da InformaçãOguest1222a
 
Design Didático, interfaces, imagens e acessibilidade em AVA
Design Didático, interfaces, imagens e acessibilidade em AVADesign Didático, interfaces, imagens e acessibilidade em AVA
Design Didático, interfaces, imagens e acessibilidade em AVA
Juliana Lisboa
 
Dai guião 14_15
Dai guião 14_15Dai guião 14_15
Dai guião 14_15Rui Raposo
 
Proposta de Trabalho DCA - M5.doc
Proposta de Trabalho DCA - M5.docProposta de Trabalho DCA - M5.doc
Proposta de Trabalho DCA - M5.doc
Susana Martins
 
EDU670_1_5 - TEMA 05 - Tecnologias para aprendizagem Significativa.pdf
EDU670_1_5 - TEMA 05 - Tecnologias para aprendizagem Significativa.pdfEDU670_1_5 - TEMA 05 - Tecnologias para aprendizagem Significativa.pdf
EDU670_1_5 - TEMA 05 - Tecnologias para aprendizagem Significativa.pdf
ssusere9b125
 
SessãO 4 Plano De AvaliaçãO A.2.3. E A.2.4.
SessãO 4 Plano De AvaliaçãO A.2.3. E  A.2.4.SessãO 4 Plano De AvaliaçãO A.2.3. E  A.2.4.
SessãO 4 Plano De AvaliaçãO A.2.3. E A.2.4.Carlos Carvalho
 
Programa de Competência em Informação Transpetro
Programa de Competência em Informação TranspetroPrograma de Competência em Informação Transpetro
Programa de Competência em Informação Transpetro
Daniela Spudeit
 
Design de informação e de interação
Design de informação e de interaçãoDesign de informação e de interação
Design de informação e de interação
Paula Faria
 
Projeto Portal Pulsátil
Projeto Portal PulsátilProjeto Portal Pulsátil
Projeto Portal Pulsátil
Layanne A. Ribeiro
 
Tratamento da informaçao
Tratamento da informaçao Tratamento da informaçao
Tratamento da informaçao Cecylia Santos
 
Grelha observacao tic
Grelha observacao ticGrelha observacao tic
Grelha observacao tic
Célia Eiras
 

Semelhante a Didatica da usabilidade design diagramas (20)

Uso de Design Thinking no Planejamento Tecnológico de Produtos
Uso de Design Thinking no Planejamento Tecnológico de ProdutosUso de Design Thinking no Planejamento Tecnológico de Produtos
Uso de Design Thinking no Planejamento Tecnológico de Produtos
 
1º encontro
1º encontro1º encontro
1º encontro
 
Portais Corporativos e Intranets
Portais Corporativos e IntranetsPortais Corporativos e Intranets
Portais Corporativos e Intranets
 
Seminário Portais Corporativos e Intranets
Seminário Portais Corporativos e IntranetsSeminário Portais Corporativos e Intranets
Seminário Portais Corporativos e Intranets
 
Infografia multimídia para apresentação de resultados de testes de usabilidade
Infografia multimídia para apresentação de resultados de testes de usabilidadeInfografia multimídia para apresentação de resultados de testes de usabilidade
Infografia multimídia para apresentação de resultados de testes de usabilidade
 
Apresentação do Programa Proinfo
Apresentação do Programa ProinfoApresentação do Programa Proinfo
Apresentação do Programa Proinfo
 
Visualização da Informação - Educação/Formação
Visualização da Informação - Educação/FormaçãoVisualização da Informação - Educação/Formação
Visualização da Informação - Educação/Formação
 
VisualizaçãO Da InformaçãO
VisualizaçãO Da InformaçãOVisualizaçãO Da InformaçãO
VisualizaçãO Da InformaçãO
 
Design Didático, interfaces, imagens e acessibilidade em AVA
Design Didático, interfaces, imagens e acessibilidade em AVADesign Didático, interfaces, imagens e acessibilidade em AVA
Design Didático, interfaces, imagens e acessibilidade em AVA
 
Dai guião 14_15
Dai guião 14_15Dai guião 14_15
Dai guião 14_15
 
Proposta de Trabalho DCA - M5.doc
Proposta de Trabalho DCA - M5.docProposta de Trabalho DCA - M5.doc
Proposta de Trabalho DCA - M5.doc
 
Web 2
Web 2Web 2
Web 2
 
EDU670_1_5 - TEMA 05 - Tecnologias para aprendizagem Significativa.pdf
EDU670_1_5 - TEMA 05 - Tecnologias para aprendizagem Significativa.pdfEDU670_1_5 - TEMA 05 - Tecnologias para aprendizagem Significativa.pdf
EDU670_1_5 - TEMA 05 - Tecnologias para aprendizagem Significativa.pdf
 
SessãO 4 Plano De AvaliaçãO A.2.3. E A.2.4.
SessãO 4 Plano De AvaliaçãO A.2.3. E  A.2.4.SessãO 4 Plano De AvaliaçãO A.2.3. E  A.2.4.
SessãO 4 Plano De AvaliaçãO A.2.3. E A.2.4.
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Programa de Competência em Informação Transpetro
Programa de Competência em Informação TranspetroPrograma de Competência em Informação Transpetro
Programa de Competência em Informação Transpetro
 
Design de informação e de interação
Design de informação e de interaçãoDesign de informação e de interação
Design de informação e de interação
 
Projeto Portal Pulsátil
Projeto Portal PulsátilProjeto Portal Pulsátil
Projeto Portal Pulsátil
 
Tratamento da informaçao
Tratamento da informaçao Tratamento da informaçao
Tratamento da informaçao
 
Grelha observacao tic
Grelha observacao ticGrelha observacao tic
Grelha observacao tic
 

Mais de Universidade Federal do Ceará

Marcos história da visualização de dados
Marcos história da visualização de dadosMarcos história da visualização de dados
Marcos história da visualização de dados
Universidade Federal do Ceará
 
Estratégias comunicar
Estratégias comunicarEstratégias comunicar
Estratégias comunicar
Universidade Federal do Ceará
 
Analiseinformacao
AnaliseinformacaoAnaliseinformacao
Memurbanas
MemurbanasMemurbanas
Posters ingleses ii guerra
Posters ingleses ii guerraPosters ingleses ii guerra
Posters ingleses ii guerra
Universidade Federal do Ceará
 
Posters alemaes ii guerra
Posters alemaes ii guerraPosters alemaes ii guerra
Posters alemaes ii guerra
Universidade Federal do Ceará
 
I guerra mundial
I guerra mundialI guerra mundial
Grelha de controlo
Grelha de controloGrelha de controlo
Grelha de controlo
Universidade Federal do Ceará
 

Mais de Universidade Federal do Ceará (16)

Marcos história da visualização de dados
Marcos história da visualização de dadosMarcos história da visualização de dados
Marcos história da visualização de dados
 
Estratégias comunicar
Estratégias comunicarEstratégias comunicar
Estratégias comunicar
 
Os meios do sistema gráfico
Os meios do sistema gráficoOs meios do sistema gráfico
Os meios do sistema gráfico
 
Analiseinformacao
AnaliseinformacaoAnaliseinformacao
Analiseinformacao
 
1brainsorming
1brainsorming1brainsorming
1brainsorming
 
Seminario 2
Seminario 2Seminario 2
Seminario 2
 
Memurbanas
MemurbanasMemurbanas
Memurbanas
 
Mascotes
MascotesMascotes
Mascotes
 
Posters ingleses ii guerra
Posters ingleses ii guerraPosters ingleses ii guerra
Posters ingleses ii guerra
 
Posters alemaes ii guerra
Posters alemaes ii guerraPosters alemaes ii guerra
Posters alemaes ii guerra
 
I guerra mundial
I guerra mundialI guerra mundial
I guerra mundial
 
Alphonse Mucha
Alphonse MuchaAlphonse Mucha
Alphonse Mucha
 
Cheret
CheretCheret
Cheret
 
Cassandre
CassandreCassandre
Cassandre
 
Grelha de controlo
Grelha de controloGrelha de controlo
Grelha de controlo
 
Imagem corporativa
Imagem corporativaImagem corporativa
Imagem corporativa
 

Didatica da usabilidade design diagramas

  • 1. Didáctica da usabilidade para design de informação Didactics of usability for information design Para entender a visualização de dados complexos é necessário conhecer bem os factos e as inter-articulações que lhe dão origem. In order to understand the vi- sualization of complex data it is necessary to know the facts and the inter-connections that give origin to them well. Cruz, P. M., P. Machado, et al. (2010). “Traffic in Lisbon condensed in one day.” from http://mondeguinho.com/master/ information-visualization/traffic-in-lisbon- condensed-in-one-day.
  • 2. Didáctica da usabilidade para design de informação Didactics of usability for information design Para construir diagramas é preciso mediar a comunicação com o perfil do destinatário e aproveitar a sua experiência anterior noutros assuntos. In order to build diagrams it is necessary to mediate communication with the profile of the addressee and to take advantage of his previous experience in other matters.
  • 3. Esta comunicação pretende focar a importância que as metodologias centradas no utilizador possuem no âmbito da didáctica de disciplinas de natureza projectual e especificamente na construção de diagramas this speak intends to focus on the importance that methodologies centered in the user possess within the scope of didactics of project nature subjects and particularly in building diagrams. Didáctica da usabilidade para design de informação Didactics of usability for information design
  • 4. Este estudo realça uma abordagem metodológica centrada na usabilidade específica de um grupo de utentes, no âmbito de uma cadeira de design de informação. This study highlights a methodological approach centered in the particular usability of a group of users, within the range of a subject of information design Didáctica da usabilidade para design de informação Didactics of usability for information design
  • 5. O estudo de caso a ser apresentado aborda a problemática da educação sexual em crianças, nomeadamente o ciclo menstrual explicado a raparigas com idades compreendidas entre os 10 e os 12 anos The case study that will be presented deals with the problematic of sexual education for children, namely menstrual cycle explained to girls aged between 10 and 12 Didáctica da usabilidade para design de informação Didactics of usability for information design
  • 6. Objectivos: 1 Contornar a dificuldade de abordagem de um tema tabu; 2 Estabelecer um conjunto de informações que obrigatoriamente tem que estar presentes no diagrama; 3 Esclarecer o problema recorrendo essencialmente a suportes bidimensionais; 4 Valorizar aspectos que aumentem a interactividade do diagrama; 5 Adequar a semântica da representação gráfica à idade dos destinatários Objectives 1 Overcome the difficulty of dealing with a taboo topic; 2 Establish a set of pieces of information that must be included in the diagram; 3 Clarify the problem mainly with the help of bidimensional support; 4 Valorize aspects that enhance the diagram interactivity; 5 Adjust semantics of graphic representation to the addressee´s age Didáctica da usabilidade para design de informação Didactics of usability for information design
  • 7. Aprendizagens: 1 Clarificação das tipologias de dados em qualitativos e quantitativos e suas subdivisões; 2 Potencial em termos de caracterização e tradução visual entre diferentes géneros de variáveis; 3 Saber sustentar decisões na escolha das componentes de natureza gráfica learning items 1 Clarifying data typologies by dividing them into qualitative and quantitative ones and their subdivisions; 2 Potential in terms of characterization and visual translation among different kinds of variables; 3 To know how to sustain decisions when choosing graphic type components Didáctica da usabilidade para design de informação Didactics of usability for information design Lengler R., Eppler M. (2007) “Towards a periodic table of visualization methods of management”.
  • 8. Obrigado Paulo Alcobia Simões pauloalcobia@isec.universitas.pt Cidag 2010 Thank you Paulo Alcobia Simões pauloalcobia@isec.universitas.pt Cidag 2010 Didáctica da usabilidade para design de informação Didactics of usability for information design