SlideShare uma empresa Scribd logo
1 de 19
Baixar para ler offline
INTERFACES II
Em Interfaces I, aplicamos os conceitos básicos sobre uma interface.
Agora, veremos os três eixos desta disciplina e seus processos de trabalho.
INTERFACES II • turma 2010, bimestre 2010/4 – 03/11/2010
Aula 01: Apresentação
1
DINÂMICA DE TRABALHO
Foco no usuário;
Visita ao Terra*;
Pequenos trabalhos em
todas as semanas.
INTERFACES II • turma 2010, bimestre 2010/4 – 03/11/2010
Aula 01: Dinâmica de Trabalho
* Data a combinar a partir da 5ª aula com @sylviobr
em função da agenda do Morais (diretor de UX) em POA.
2
AVALIAÇÃO
Conceitos ABCDE;
Relatórios com base
nos conceitos
da aula + recente;
Envio por e-mail
impreterivelmente
até às 20h da segunda
imediatamente anterior
à próxima aula.
INTERFACES II • turma 2010, bimestre 2010/4 – 03/11/2010
Aula 01: Avaliação
3
OS TRÊS EIXOS
INTERFACES II • turma 2010, bimestre 2010/4 – 03/11/2010
Aula 01: Os Eixos da Disciplina
Usabilidade
UX
Design
de
Interação
4
1. USABILIDADE
É um atributo de qualidade
que avalia a facilidade de uso de uma interface;
Refere-se ao uso de métodos para a melhoria
da facilidade de uso durante o processo de design.
(NIELSEN, 2005, online)
INTERFACES II • turma 2010, bimestre 2010/4 – 03/11/2010
Aula 01: Usabilidade
5
1.1 COMPONENTES
APRENDIZAGEM: o quão fácil é para o usuário executar
tarefas básicas em seu primeiro contato
com uma determinada interface?
EFICIÊNCIA: uma vez que o usuário tenha aprendido
a lidar com a interface, o quão rápido ele irá executar suas
tarefas?
MEMÓRIA: quando o usuário retorna a uma interface
após um período sem utilizá-la, o quão facilmente
ele irá restabelecer a sua proficiência nesse uso?
INTERFACES II • turma 2010, bimestre 2010/4 – 03/11/2010
Aula 01: Usabilidade
6
1.1 COMPONENTES
ERROS: quantos erros o usuário comete? O quão
severos são esses erros? O quão facilmente ele consegue
se recuperar de cada um desses erros?
SATISFAÇÃO: o quão agradável é o uso da interface?
INTERFACES II • turma 2010, bimestre 2010/4 – 03/11/2010
Aula 01: Usabilidade
7
1.2 A OBSERVAÇÃO
O designer interativo precisa assistir, observar
a experiência do usuário: apenas ouvir ou ler
um depoimento não irá tornar o entendimento
do designer confiável o suficiente
para uma decisão técnica e criativa
adequada à solução do problema;
Como cada indivíduo apresenta uma curva
de aprendizagem diferente, os testes necessariamente
precisarão ser realizados com vários usuários.
INTERFACES II • turma 2010, bimestre 2010/4 – 03/11/2010
Aula 01: Usabilidade
8
1.2 A OBSERVAÇÃO
Muito se fala em grupos focais. Todavia, a navegação
(web, celular, tablet) é – via de regra – solitária. Logo, a
opinião coletiva em uma única discussão tende a
contaminar a percepção do indivíduo;
O designer deve observar a navegação, ouvir e ler o
relato do usuário sem emitir nenhuma pergunta ou
comentário em meio ao processo. Do contrário, estará
contaminando a amostra.
INTERFACES II • turma 2010, bimestre 2010/4 – 03/11/2010
Aula 01: Usabilidade
9
1.2 A OBSERVAÇÃO
DEMOGRAFIA: profissão, escolaridade,
faixa etária, gênero, etnia, estamento, etc.;
CULTURA: de massa, de nicho, regional,
comunitária, etc.;
Fatores identitários podem, sim, influenciar
a curva de aprendizagem do usuário,
bem como a sua percepção
acerca dos componentes de usabilidade.
INTERFACES II • turma 2010, bimestre 2010/4 – 03/11/2010
Aula 01: Usabilidade
10
1.2 A OBSERVAÇÃO
Nem dedução, nem indução: nesta etapa,
realiza-se apenas uma coleta de percepções;
Os protótipos serão atualizados
em função da percepção do usuário
e não da percepção do designer;
A estética e a funcionalidade do projeto interativo
deverão fazer parte da cultura do usuário:
o produto não pode dizer que ele está “certo”
e o usuário está “errado”.
INTERFACES II • turma 2010, bimestre 2010/4 – 03/11/2010
Aula 01: Usabilidade
11
1.3 SE ALGO DER ERRADO
A CULPA É SEMPRE DO DESIGNER!!!
O PÚBLICO DEVE PENSAR O MÍNIMO POSSÍVEL
AO EXECUTAR QUALQUER INTERAÇÃO.
INTERFACES II • turma 2010, bimestre 2010/4 – 03/11/2010
Aula 01: Usabilidade
12
EXERCÍCIO 1
Em Interfaces I, aplicamos os conceitos básicos sobre uma interface.
Agora, veremos os três eixos desta disciplina e seus processos de trabalho.
INTERFACES II • turma 2010, bimestre 2010/4 – 03/11/2010
Aula 01: Trabalho
13
2 TESTE DE USABILIDADE
Dividam-se em – no mínimo – 05 grupos;
Escolham um site de nicho: não pode ser
um portal de conteúdo nem um site corporativo,
mas pode ser um blog ou um hotsite.
Pode ser comercial ou não;
Mostrem o site para 05 usuários diferentes
sem explicar para que ele serve. Não pode ser colega,
professor e nem tampouco alguém da área;
NÃO INTERFIRAM, NEM SE EL@ SOLICITAR AJUDA!
INTERFACES II • turma 2010, bimestre 2010/4 – 03/11/2010
Aula 01: Trabalho
14
2 TESTE DE USABILIDADE
Anotem tudo: dúvidas, críticas, elogios e sugestões;
Observem as suas dificuldades e facilidades;
Verifiquem todas as informações possíveis que eles
possam emitir acerca dos componentes da usabilidade
por Jakob Nielsen: APRENDIZAGEM, EFICIÊNCIA,
MEMÓRIA, ERROS e SATISFAÇÃO (v. lâminas 1 a 7);
A aplicação do teste deve necessariamente ser presencial;
INTERFACES II • turma 2010, bimestre 2010/4 – 03/11/2010
Aula 01: Trabalho
15
2 TESTE DE USABILIDADE
Um único integrante de um grupo é suficiente para aplicar
o teste em um usuário. Não é necessário que todo o
grupo esteja presente na observação de cada “cobaia”;
INTERFACES II • turma 2010, bimestre 2010/4 – 03/11/2010
Aula 01: Trabalho
16
2 TESTE DE USABILIDADE
Cada grupo enviará o seu relatório
para heliopaz@me.com NO MÁXIMO até às 20h
da próxima segunda-feira 08/11/2010;
Recebimento após as 20:01h
desse dia = trabalho não entregue;
NÃO CHEGUEM ATRASADOS NAS AULAS APÓS
O INTERVALO: PRECISAMOS CONVERSAR SOBRE
OS TRABALHOS ANTES DE AVANÇARMOS NA
SEQUÊNCIA DO CONTEÚDO DA DISCIPLINA.
INTERFACES II • turma 2010, bimestre 2010/4 – 03/11/2010
Aula 01: Trabalho
17
3 SEMANA QUE VEM
Etnografia;
Iteração;
Novo trabalho.
INTERFACES II • turma 2010, bimestre 2010/4 – 03/11/2010
Aula 01: Próxima Aula
18
VALEU! BOA SEMANA! ;)
INTERFACES II • turma 2010, bimestre 2010/4 – 03/11/2010
Aula 01: Despedida
19

Mais conteúdo relacionado

Destaque

Arquitetura de Informação: Projeto TIM
Arquitetura de Informação: Projeto TIMArquitetura de Informação: Projeto TIM
Arquitetura de Informação: Projeto TIMLuiz Agner
 
Arquitetura da informação
Arquitetura da informaçãoArquitetura da informação
Arquitetura da informaçãoAna Luisa Vieira
 
Arquitetura da Informação e Webdesign
Arquitetura da Informação e WebdesignArquitetura da Informação e Webdesign
Arquitetura da Informação e WebdesignDanilo Rosisca Pereira
 
Arquitetura da Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da InformaçãoKarine Drumond
 
Arquitetura da Informacao
Arquitetura da InformacaoArquitetura da Informacao
Arquitetura da Informacaocarlosremontti
 
Arquitetura da informação - site Decathlhon
Arquitetura da informação - site DecathlhonArquitetura da informação - site Decathlhon
Arquitetura da informação - site DecathlhonNatalia Moreira
 

Destaque (7)

Arquitetura de Informação: Projeto TIM
Arquitetura de Informação: Projeto TIMArquitetura de Informação: Projeto TIM
Arquitetura de Informação: Projeto TIM
 
Arquitetura da informação
Arquitetura da informaçãoArquitetura da informação
Arquitetura da informação
 
Arquitetura da Informação e Webdesign
Arquitetura da Informação e WebdesignArquitetura da Informação e Webdesign
Arquitetura da Informação e Webdesign
 
Arquitetura da Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da Informação
 
Arquitetura da Informacao
Arquitetura da InformacaoArquitetura da Informacao
Arquitetura da Informacao
 
Heurística de Nielsen
Heurística de NielsenHeurística de Nielsen
Heurística de Nielsen
 
Arquitetura da informação - site Decathlhon
Arquitetura da informação - site DecathlhonArquitetura da informação - site Decathlhon
Arquitetura da informação - site Decathlhon
 

Semelhante a INTERFACES II - Aula 01

Interfaces I - Aula 05 (16/06/2010)
Interfaces I - Aula 05 (16/06/2010)Interfaces I - Aula 05 (16/06/2010)
Interfaces I - Aula 05 (16/06/2010)Hélio Sassen Paz
 
designer grafico Aula 05 - Heurísticas de Nielsen.pdf
designer grafico Aula 05 - Heurísticas de Nielsen.pdfdesigner grafico Aula 05 - Heurísticas de Nielsen.pdf
designer grafico Aula 05 - Heurísticas de Nielsen.pdfJulioCesar371362
 
Inspeção de usabilidade em aplicativos de rede geossocial: estudo comparativo...
Inspeção de usabilidade em aplicativos de rede geossocial: estudo comparativo...Inspeção de usabilidade em aplicativos de rede geossocial: estudo comparativo...
Inspeção de usabilidade em aplicativos de rede geossocial: estudo comparativo...Mourylise Heymer
 
AULA NIVELAMENTO 2_PROGRAMAÇÃO MOBILE (1).pptx
AULA NIVELAMENTO 2_PROGRAMAÇÃO MOBILE (1).pptxAULA NIVELAMENTO 2_PROGRAMAÇÃO MOBILE (1).pptx
AULA NIVELAMENTO 2_PROGRAMAÇÃO MOBILE (1).pptxAntonioOrozimbo
 
My Report - Usability Tests
My Report - Usability TestsMy Report - Usability Tests
My Report - Usability TestsMichel Alves
 
Heurísticas e vieses: Como utilizar em seus projetos? - UX Café 02
Heurísticas e vieses: Como utilizar em seus projetos? - UX Café 02Heurísticas e vieses: Como utilizar em seus projetos? - UX Café 02
Heurísticas e vieses: Como utilizar em seus projetos? - UX Café 02Rafael Burity
 
Testes de usabilidade em apps mobile
Testes de usabilidade em apps mobileTestes de usabilidade em apps mobile
Testes de usabilidade em apps mobileRafael Burity
 
IHM- User Experience
IHM- User ExperienceIHM- User Experience
IHM- User ExperienceRocristina
 
SITI - O Desenvolvimento de Aplicativos para Dispositivos Móveis Voltados à E...
SITI - O Desenvolvimento de Aplicativos para Dispositivos Móveis Voltados à E...SITI - O Desenvolvimento de Aplicativos para Dispositivos Móveis Voltados à E...
SITI - O Desenvolvimento de Aplicativos para Dispositivos Móveis Voltados à E...Vinicius Dantas Dos Santos
 
CURSO REDE DE APRENDIZAGEM PROINFO
CURSO REDE DE APRENDIZAGEM PROINFOCURSO REDE DE APRENDIZAGEM PROINFO
CURSO REDE DE APRENDIZAGEM PROINFOmfigor
 
Usabilidade com Paper Prototype
Usabilidade com Paper PrototypeUsabilidade com Paper Prototype
Usabilidade com Paper Prototypeeudisnet
 
Manuela Quaresma | UX Design(er): mercado e formação
Manuela Quaresma | UX Design(er): mercado e formaçãoManuela Quaresma | UX Design(er): mercado e formação
Manuela Quaresma | UX Design(er): mercado e formaçãoUXPA-Rio
 
Campus Mobile 2013 - Design e usabilidade
Campus Mobile 2013 - Design e usabilidadeCampus Mobile 2013 - Design e usabilidade
Campus Mobile 2013 - Design e usabilidadeLeandro Biazon
 
Cronograma - SE - Licenciatura em Computação - UNEMAT 2010
Cronograma - SE - Licenciatura em Computação - UNEMAT 2010 Cronograma - SE - Licenciatura em Computação - UNEMAT 2010
Cronograma - SE - Licenciatura em Computação - UNEMAT 2010 Marlon Vinicius da Silva
 

Semelhante a INTERFACES II - Aula 01 (20)

Aula 05
Aula 05Aula 05
Aula 05
 
Aula 01 2012 apresentacao
Aula 01 2012   apresentacaoAula 01 2012   apresentacao
Aula 01 2012 apresentacao
 
Interfaces I - aula 01
Interfaces I - aula 01Interfaces I - aula 01
Interfaces I - aula 01
 
Interfaces I - Aula 05 (16/06/2010)
Interfaces I - Aula 05 (16/06/2010)Interfaces I - Aula 05 (16/06/2010)
Interfaces I - Aula 05 (16/06/2010)
 
designer grafico Aula 05 - Heurísticas de Nielsen.pdf
designer grafico Aula 05 - Heurísticas de Nielsen.pdfdesigner grafico Aula 05 - Heurísticas de Nielsen.pdf
designer grafico Aula 05 - Heurísticas de Nielsen.pdf
 
Inspeção de usabilidade em aplicativos de rede geossocial: estudo comparativo...
Inspeção de usabilidade em aplicativos de rede geossocial: estudo comparativo...Inspeção de usabilidade em aplicativos de rede geossocial: estudo comparativo...
Inspeção de usabilidade em aplicativos de rede geossocial: estudo comparativo...
 
AULA NIVELAMENTO 2_PROGRAMAÇÃO MOBILE (1).pptx
AULA NIVELAMENTO 2_PROGRAMAÇÃO MOBILE (1).pptxAULA NIVELAMENTO 2_PROGRAMAÇÃO MOBILE (1).pptx
AULA NIVELAMENTO 2_PROGRAMAÇÃO MOBILE (1).pptx
 
My Report - Usability Tests
My Report - Usability TestsMy Report - Usability Tests
My Report - Usability Tests
 
Heurísticas e vieses: Como utilizar em seus projetos? - UX Café 02
Heurísticas e vieses: Como utilizar em seus projetos? - UX Café 02Heurísticas e vieses: Como utilizar em seus projetos? - UX Café 02
Heurísticas e vieses: Como utilizar em seus projetos? - UX Café 02
 
Testes de usabilidade em apps mobile
Testes de usabilidade em apps mobileTestes de usabilidade em apps mobile
Testes de usabilidade em apps mobile
 
Memorial noturno6
Memorial noturno6Memorial noturno6
Memorial noturno6
 
IHM- User Experience
IHM- User ExperienceIHM- User Experience
IHM- User Experience
 
SITI - O Desenvolvimento de Aplicativos para Dispositivos Móveis Voltados à E...
SITI - O Desenvolvimento de Aplicativos para Dispositivos Móveis Voltados à E...SITI - O Desenvolvimento de Aplicativos para Dispositivos Móveis Voltados à E...
SITI - O Desenvolvimento de Aplicativos para Dispositivos Móveis Voltados à E...
 
Aula 03
Aula 03Aula 03
Aula 03
 
User experience
User experienceUser experience
User experience
 
CURSO REDE DE APRENDIZAGEM PROINFO
CURSO REDE DE APRENDIZAGEM PROINFOCURSO REDE DE APRENDIZAGEM PROINFO
CURSO REDE DE APRENDIZAGEM PROINFO
 
Usabilidade com Paper Prototype
Usabilidade com Paper PrototypeUsabilidade com Paper Prototype
Usabilidade com Paper Prototype
 
Manuela Quaresma | UX Design(er): mercado e formação
Manuela Quaresma | UX Design(er): mercado e formaçãoManuela Quaresma | UX Design(er): mercado e formação
Manuela Quaresma | UX Design(er): mercado e formação
 
Campus Mobile 2013 - Design e usabilidade
Campus Mobile 2013 - Design e usabilidadeCampus Mobile 2013 - Design e usabilidade
Campus Mobile 2013 - Design e usabilidade
 
Cronograma - SE - Licenciatura em Computação - UNEMAT 2010
Cronograma - SE - Licenciatura em Computação - UNEMAT 2010 Cronograma - SE - Licenciatura em Computação - UNEMAT 2010
Cronograma - SE - Licenciatura em Computação - UNEMAT 2010
 

Mais de Hélio Sassen Paz

Teoria Fundamentada (Metodologias de Pesquisa para Internet)
Teoria Fundamentada (Metodologias de Pesquisa para Internet)Teoria Fundamentada (Metodologias de Pesquisa para Internet)
Teoria Fundamentada (Metodologias de Pesquisa para Internet)Hélio Sassen Paz
 
Aula 01 produção gráfica - suportes da informação
Aula 01   produção gráfica - suportes da informaçãoAula 01   produção gráfica - suportes da informação
Aula 01 produção gráfica - suportes da informaçãoHélio Sassen Paz
 
Oficina de Mobilização em Rede
Oficina de Mobilização em RedeOficina de Mobilização em Rede
Oficina de Mobilização em RedeHélio Sassen Paz
 
PRODUÇÃO GRÁFICA - AULA 14 - Acompanhamento e Orçamento
PRODUÇÃO GRÁFICA - AULA 14 - Acompanhamento e OrçamentoPRODUÇÃO GRÁFICA - AULA 14 - Acompanhamento e Orçamento
PRODUÇÃO GRÁFICA - AULA 14 - Acompanhamento e OrçamentoHélio Sassen Paz
 
PRODUÇÃO GRÁFICA - AULA 10 - CORES DE IMPRESSÃO
PRODUÇÃO GRÁFICA - AULA 10 - CORES DE IMPRESSÃOPRODUÇÃO GRÁFICA - AULA 10 - CORES DE IMPRESSÃO
PRODUÇÃO GRÁFICA - AULA 10 - CORES DE IMPRESSÃOHélio Sassen Paz
 
PRODUÇÃO GRÁFICA - AULA 09 - PAPEIS E ACABAMENTOS
PRODUÇÃO GRÁFICA - AULA 09 - PAPEIS E ACABAMENTOSPRODUÇÃO GRÁFICA - AULA 09 - PAPEIS E ACABAMENTOS
PRODUÇÃO GRÁFICA - AULA 09 - PAPEIS E ACABAMENTOSHélio Sassen Paz
 
PRODUÇÃO GRÁFICA - AULA 07 - MÉTODOS DE IMPRESSÃO INDUSTRIAL
PRODUÇÃO GRÁFICA - AULA 07 - MÉTODOS DE IMPRESSÃO INDUSTRIALPRODUÇÃO GRÁFICA - AULA 07 - MÉTODOS DE IMPRESSÃO INDUSTRIAL
PRODUÇÃO GRÁFICA - AULA 07 - MÉTODOS DE IMPRESSÃO INDUSTRIALHélio Sassen Paz
 
PRODUÇÃO GRÁFICA - AULA 03 - SUPORTES DA INFORMAÇÃO II
PRODUÇÃO GRÁFICA - AULA 03 - SUPORTES DA INFORMAÇÃO IIPRODUÇÃO GRÁFICA - AULA 03 - SUPORTES DA INFORMAÇÃO II
PRODUÇÃO GRÁFICA - AULA 03 - SUPORTES DA INFORMAÇÃO IIHélio Sassen Paz
 
Hipertexto (culturas e mídias digitais)
Hipertexto (culturas e mídias digitais)Hipertexto (culturas e mídias digitais)
Hipertexto (culturas e mídias digitais)Hélio Sassen Paz
 

Mais de Hélio Sassen Paz (20)

TEORIA FUNDAMENTADA
TEORIA FUNDAMENTADATEORIA FUNDAMENTADA
TEORIA FUNDAMENTADA
 
Teoria Fundamentada (Metodologias de Pesquisa para Internet)
Teoria Fundamentada (Metodologias de Pesquisa para Internet)Teoria Fundamentada (Metodologias de Pesquisa para Internet)
Teoria Fundamentada (Metodologias de Pesquisa para Internet)
 
Aula 01 produção gráfica - suportes da informação
Aula 01   produção gráfica - suportes da informaçãoAula 01   produção gráfica - suportes da informação
Aula 01 produção gráfica - suportes da informação
 
Oficina de Mobilização em Rede
Oficina de Mobilização em RedeOficina de Mobilização em Rede
Oficina de Mobilização em Rede
 
PRODUÇÃO GRÁFICA - AULA 14 - Acompanhamento e Orçamento
PRODUÇÃO GRÁFICA - AULA 14 - Acompanhamento e OrçamentoPRODUÇÃO GRÁFICA - AULA 14 - Acompanhamento e Orçamento
PRODUÇÃO GRÁFICA - AULA 14 - Acompanhamento e Orçamento
 
PRODUÇÃO GRÁFICA - AULA 10 - CORES DE IMPRESSÃO
PRODUÇÃO GRÁFICA - AULA 10 - CORES DE IMPRESSÃOPRODUÇÃO GRÁFICA - AULA 10 - CORES DE IMPRESSÃO
PRODUÇÃO GRÁFICA - AULA 10 - CORES DE IMPRESSÃO
 
PRODUÇÃO GRÁFICA - AULA 09 - PAPEIS E ACABAMENTOS
PRODUÇÃO GRÁFICA - AULA 09 - PAPEIS E ACABAMENTOSPRODUÇÃO GRÁFICA - AULA 09 - PAPEIS E ACABAMENTOS
PRODUÇÃO GRÁFICA - AULA 09 - PAPEIS E ACABAMENTOS
 
PRODUÇÃO GRÁFICA - AULA 07 - MÉTODOS DE IMPRESSÃO INDUSTRIAL
PRODUÇÃO GRÁFICA - AULA 07 - MÉTODOS DE IMPRESSÃO INDUSTRIALPRODUÇÃO GRÁFICA - AULA 07 - MÉTODOS DE IMPRESSÃO INDUSTRIAL
PRODUÇÃO GRÁFICA - AULA 07 - MÉTODOS DE IMPRESSÃO INDUSTRIAL
 
PRODUÇÃO GRÁFICA - AULA 03 - SUPORTES DA INFORMAÇÃO II
PRODUÇÃO GRÁFICA - AULA 03 - SUPORTES DA INFORMAÇÃO IIPRODUÇÃO GRÁFICA - AULA 03 - SUPORTES DA INFORMAÇÃO II
PRODUÇÃO GRÁFICA - AULA 03 - SUPORTES DA INFORMAÇÃO II
 
Aula 04
Aula 04Aula 04
Aula 04
 
Oficina de ativismo em rede
Oficina de ativismo em redeOficina de ativismo em rede
Oficina de ativismo em rede
 
Aula 05 2012 trabalho
Aula 05 2012   trabalhoAula 05 2012   trabalho
Aula 05 2012 trabalho
 
Etnografia e netnografia
Etnografia e netnografiaEtnografia e netnografia
Etnografia e netnografia
 
Hipertexto (culturas e mídias digitais)
Hipertexto (culturas e mídias digitais)Hipertexto (culturas e mídias digitais)
Hipertexto (culturas e mídias digitais)
 
Aula 03
Aula 03Aula 03
Aula 03
 
Aula 01
Aula 01Aula 01
Aula 01
 
Aula 02
Aula 02Aula 02
Aula 02
 
Aula 09
Aula 09Aula 09
Aula 09
 
Aula 06
Aula 06Aula 06
Aula 06
 
AI 2011 - Aula 03
AI 2011 - Aula 03AI 2011 - Aula 03
AI 2011 - Aula 03
 

Último

VARIEDADES LINGUÍSTICAS - 1. pptx
VARIEDADES        LINGUÍSTICAS - 1. pptxVARIEDADES        LINGUÍSTICAS - 1. pptx
VARIEDADES LINGUÍSTICAS - 1. pptxMarlene Cunhada
 
11oC_-_Mural_de_Portugues_4m35.pptxTrabalho do Ensino Profissional turma do 1...
11oC_-_Mural_de_Portugues_4m35.pptxTrabalho do Ensino Profissional turma do 1...11oC_-_Mural_de_Portugues_4m35.pptxTrabalho do Ensino Profissional turma do 1...
11oC_-_Mural_de_Portugues_4m35.pptxTrabalho do Ensino Profissional turma do 1...licinioBorges
 
Nós Propomos! " Pinhais limpos, mundo saudável"
Nós Propomos! " Pinhais limpos, mundo saudável"Nós Propomos! " Pinhais limpos, mundo saudável"
Nós Propomos! " Pinhais limpos, mundo saudável"Ilda Bicacro
 
análise de redação completa - Dissertação
análise de redação completa - Dissertaçãoanálise de redação completa - Dissertação
análise de redação completa - DissertaçãoMaiteFerreira4
 
GEOGRAFIA - ENSINO FUNDAMENTAL ANOS FINAIS.pdf
GEOGRAFIA - ENSINO FUNDAMENTAL ANOS FINAIS.pdfGEOGRAFIA - ENSINO FUNDAMENTAL ANOS FINAIS.pdf
GEOGRAFIA - ENSINO FUNDAMENTAL ANOS FINAIS.pdfElianeElika
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...azulassessoria9
 
Atividade sobre os Pronomes Pessoais.pptx
Atividade sobre os Pronomes Pessoais.pptxAtividade sobre os Pronomes Pessoais.pptx
Atividade sobre os Pronomes Pessoais.pptxDianaSheila2
 
2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental
2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental
2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamentalAntônia marta Silvestre da Silva
 
CRUZADINHA - Leitura e escrita dos números
CRUZADINHA   -   Leitura e escrita dos números CRUZADINHA   -   Leitura e escrita dos números
CRUZADINHA - Leitura e escrita dos números Mary Alvarenga
 
Aula de História Ensino Médio Mesopotâmia.pdf
Aula de História Ensino Médio Mesopotâmia.pdfAula de História Ensino Médio Mesopotâmia.pdf
Aula de História Ensino Médio Mesopotâmia.pdfFernandaMota99
 
Noções de Farmacologia - Flávia Soares.pdf
Noções de Farmacologia - Flávia Soares.pdfNoções de Farmacologia - Flávia Soares.pdf
Noções de Farmacologia - Flávia Soares.pdflucassilva721057
 
CIÊNCIAS HUMANAS - ENSINO MÉDIO. 2024 2 bimestre
CIÊNCIAS HUMANAS - ENSINO MÉDIO. 2024 2 bimestreCIÊNCIAS HUMANAS - ENSINO MÉDIO. 2024 2 bimestre
CIÊNCIAS HUMANAS - ENSINO MÉDIO. 2024 2 bimestreElianeElika
 
Construção (C)erta - Nós Propomos! Sertã
Construção (C)erta - Nós Propomos! SertãConstrução (C)erta - Nós Propomos! Sertã
Construção (C)erta - Nós Propomos! SertãIlda Bicacro
 
Música Meu Abrigo - Texto e atividade
Música   Meu   Abrigo  -   Texto e atividadeMúsica   Meu   Abrigo  -   Texto e atividade
Música Meu Abrigo - Texto e atividadeMary Alvarenga
 
Dicionário de Genealogia, autor Gilber Rubim Rangel
Dicionário de Genealogia, autor Gilber Rubim RangelDicionário de Genealogia, autor Gilber Rubim Rangel
Dicionário de Genealogia, autor Gilber Rubim RangelGilber Rubim Rangel
 
ATIVIDADE PARA ENTENDER -Pizzaria dos Descritores
ATIVIDADE PARA ENTENDER -Pizzaria dos DescritoresATIVIDADE PARA ENTENDER -Pizzaria dos Descritores
ATIVIDADE PARA ENTENDER -Pizzaria dos DescritoresAnaCarinaKucharski1
 
Mapa mental - Classificação dos seres vivos .docx
Mapa mental - Classificação dos seres vivos .docxMapa mental - Classificação dos seres vivos .docx
Mapa mental - Classificação dos seres vivos .docxBeatrizLittig1
 
Literatura Brasileira - escolas literárias.ppt
Literatura Brasileira - escolas literárias.pptLiteratura Brasileira - escolas literárias.ppt
Literatura Brasileira - escolas literárias.pptMaiteFerreira4
 
PRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdf
PRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdfPRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdf
PRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdfprofesfrancleite
 
Libras Jogo da memória em LIBRAS Memoria
Libras Jogo da memória em LIBRAS MemoriaLibras Jogo da memória em LIBRAS Memoria
Libras Jogo da memória em LIBRAS Memorialgrecchi
 

Último (20)

VARIEDADES LINGUÍSTICAS - 1. pptx
VARIEDADES        LINGUÍSTICAS - 1. pptxVARIEDADES        LINGUÍSTICAS - 1. pptx
VARIEDADES LINGUÍSTICAS - 1. pptx
 
11oC_-_Mural_de_Portugues_4m35.pptxTrabalho do Ensino Profissional turma do 1...
11oC_-_Mural_de_Portugues_4m35.pptxTrabalho do Ensino Profissional turma do 1...11oC_-_Mural_de_Portugues_4m35.pptxTrabalho do Ensino Profissional turma do 1...
11oC_-_Mural_de_Portugues_4m35.pptxTrabalho do Ensino Profissional turma do 1...
 
Nós Propomos! " Pinhais limpos, mundo saudável"
Nós Propomos! " Pinhais limpos, mundo saudável"Nós Propomos! " Pinhais limpos, mundo saudável"
Nós Propomos! " Pinhais limpos, mundo saudável"
 
análise de redação completa - Dissertação
análise de redação completa - Dissertaçãoanálise de redação completa - Dissertação
análise de redação completa - Dissertação
 
GEOGRAFIA - ENSINO FUNDAMENTAL ANOS FINAIS.pdf
GEOGRAFIA - ENSINO FUNDAMENTAL ANOS FINAIS.pdfGEOGRAFIA - ENSINO FUNDAMENTAL ANOS FINAIS.pdf
GEOGRAFIA - ENSINO FUNDAMENTAL ANOS FINAIS.pdf
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
 
Atividade sobre os Pronomes Pessoais.pptx
Atividade sobre os Pronomes Pessoais.pptxAtividade sobre os Pronomes Pessoais.pptx
Atividade sobre os Pronomes Pessoais.pptx
 
2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental
2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental
2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental
 
CRUZADINHA - Leitura e escrita dos números
CRUZADINHA   -   Leitura e escrita dos números CRUZADINHA   -   Leitura e escrita dos números
CRUZADINHA - Leitura e escrita dos números
 
Aula de História Ensino Médio Mesopotâmia.pdf
Aula de História Ensino Médio Mesopotâmia.pdfAula de História Ensino Médio Mesopotâmia.pdf
Aula de História Ensino Médio Mesopotâmia.pdf
 
Noções de Farmacologia - Flávia Soares.pdf
Noções de Farmacologia - Flávia Soares.pdfNoções de Farmacologia - Flávia Soares.pdf
Noções de Farmacologia - Flávia Soares.pdf
 
CIÊNCIAS HUMANAS - ENSINO MÉDIO. 2024 2 bimestre
CIÊNCIAS HUMANAS - ENSINO MÉDIO. 2024 2 bimestreCIÊNCIAS HUMANAS - ENSINO MÉDIO. 2024 2 bimestre
CIÊNCIAS HUMANAS - ENSINO MÉDIO. 2024 2 bimestre
 
Construção (C)erta - Nós Propomos! Sertã
Construção (C)erta - Nós Propomos! SertãConstrução (C)erta - Nós Propomos! Sertã
Construção (C)erta - Nós Propomos! Sertã
 
Música Meu Abrigo - Texto e atividade
Música   Meu   Abrigo  -   Texto e atividadeMúsica   Meu   Abrigo  -   Texto e atividade
Música Meu Abrigo - Texto e atividade
 
Dicionário de Genealogia, autor Gilber Rubim Rangel
Dicionário de Genealogia, autor Gilber Rubim RangelDicionário de Genealogia, autor Gilber Rubim Rangel
Dicionário de Genealogia, autor Gilber Rubim Rangel
 
ATIVIDADE PARA ENTENDER -Pizzaria dos Descritores
ATIVIDADE PARA ENTENDER -Pizzaria dos DescritoresATIVIDADE PARA ENTENDER -Pizzaria dos Descritores
ATIVIDADE PARA ENTENDER -Pizzaria dos Descritores
 
Mapa mental - Classificação dos seres vivos .docx
Mapa mental - Classificação dos seres vivos .docxMapa mental - Classificação dos seres vivos .docx
Mapa mental - Classificação dos seres vivos .docx
 
Literatura Brasileira - escolas literárias.ppt
Literatura Brasileira - escolas literárias.pptLiteratura Brasileira - escolas literárias.ppt
Literatura Brasileira - escolas literárias.ppt
 
PRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdf
PRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdfPRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdf
PRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdf
 
Libras Jogo da memória em LIBRAS Memoria
Libras Jogo da memória em LIBRAS MemoriaLibras Jogo da memória em LIBRAS Memoria
Libras Jogo da memória em LIBRAS Memoria
 

INTERFACES II - Aula 01

  • 1. INTERFACES II Em Interfaces I, aplicamos os conceitos básicos sobre uma interface. Agora, veremos os três eixos desta disciplina e seus processos de trabalho. INTERFACES II • turma 2010, bimestre 2010/4 – 03/11/2010 Aula 01: Apresentação 1
  • 2. DINÂMICA DE TRABALHO Foco no usuário; Visita ao Terra*; Pequenos trabalhos em todas as semanas. INTERFACES II • turma 2010, bimestre 2010/4 – 03/11/2010 Aula 01: Dinâmica de Trabalho * Data a combinar a partir da 5ª aula com @sylviobr em função da agenda do Morais (diretor de UX) em POA. 2
  • 3. AVALIAÇÃO Conceitos ABCDE; Relatórios com base nos conceitos da aula + recente; Envio por e-mail impreterivelmente até às 20h da segunda imediatamente anterior à próxima aula. INTERFACES II • turma 2010, bimestre 2010/4 – 03/11/2010 Aula 01: Avaliação 3
  • 4. OS TRÊS EIXOS INTERFACES II • turma 2010, bimestre 2010/4 – 03/11/2010 Aula 01: Os Eixos da Disciplina Usabilidade UX Design de Interação 4
  • 5. 1. USABILIDADE É um atributo de qualidade que avalia a facilidade de uso de uma interface; Refere-se ao uso de métodos para a melhoria da facilidade de uso durante o processo de design. (NIELSEN, 2005, online) INTERFACES II • turma 2010, bimestre 2010/4 – 03/11/2010 Aula 01: Usabilidade 5
  • 6. 1.1 COMPONENTES APRENDIZAGEM: o quão fácil é para o usuário executar tarefas básicas em seu primeiro contato com uma determinada interface? EFICIÊNCIA: uma vez que o usuário tenha aprendido a lidar com a interface, o quão rápido ele irá executar suas tarefas? MEMÓRIA: quando o usuário retorna a uma interface após um período sem utilizá-la, o quão facilmente ele irá restabelecer a sua proficiência nesse uso? INTERFACES II • turma 2010, bimestre 2010/4 – 03/11/2010 Aula 01: Usabilidade 6
  • 7. 1.1 COMPONENTES ERROS: quantos erros o usuário comete? O quão severos são esses erros? O quão facilmente ele consegue se recuperar de cada um desses erros? SATISFAÇÃO: o quão agradável é o uso da interface? INTERFACES II • turma 2010, bimestre 2010/4 – 03/11/2010 Aula 01: Usabilidade 7
  • 8. 1.2 A OBSERVAÇÃO O designer interativo precisa assistir, observar a experiência do usuário: apenas ouvir ou ler um depoimento não irá tornar o entendimento do designer confiável o suficiente para uma decisão técnica e criativa adequada à solução do problema; Como cada indivíduo apresenta uma curva de aprendizagem diferente, os testes necessariamente precisarão ser realizados com vários usuários. INTERFACES II • turma 2010, bimestre 2010/4 – 03/11/2010 Aula 01: Usabilidade 8
  • 9. 1.2 A OBSERVAÇÃO Muito se fala em grupos focais. Todavia, a navegação (web, celular, tablet) é – via de regra – solitária. Logo, a opinião coletiva em uma única discussão tende a contaminar a percepção do indivíduo; O designer deve observar a navegação, ouvir e ler o relato do usuário sem emitir nenhuma pergunta ou comentário em meio ao processo. Do contrário, estará contaminando a amostra. INTERFACES II • turma 2010, bimestre 2010/4 – 03/11/2010 Aula 01: Usabilidade 9
  • 10. 1.2 A OBSERVAÇÃO DEMOGRAFIA: profissão, escolaridade, faixa etária, gênero, etnia, estamento, etc.; CULTURA: de massa, de nicho, regional, comunitária, etc.; Fatores identitários podem, sim, influenciar a curva de aprendizagem do usuário, bem como a sua percepção acerca dos componentes de usabilidade. INTERFACES II • turma 2010, bimestre 2010/4 – 03/11/2010 Aula 01: Usabilidade 10
  • 11. 1.2 A OBSERVAÇÃO Nem dedução, nem indução: nesta etapa, realiza-se apenas uma coleta de percepções; Os protótipos serão atualizados em função da percepção do usuário e não da percepção do designer; A estética e a funcionalidade do projeto interativo deverão fazer parte da cultura do usuário: o produto não pode dizer que ele está “certo” e o usuário está “errado”. INTERFACES II • turma 2010, bimestre 2010/4 – 03/11/2010 Aula 01: Usabilidade 11
  • 12. 1.3 SE ALGO DER ERRADO A CULPA É SEMPRE DO DESIGNER!!! O PÚBLICO DEVE PENSAR O MÍNIMO POSSÍVEL AO EXECUTAR QUALQUER INTERAÇÃO. INTERFACES II • turma 2010, bimestre 2010/4 – 03/11/2010 Aula 01: Usabilidade 12
  • 13. EXERCÍCIO 1 Em Interfaces I, aplicamos os conceitos básicos sobre uma interface. Agora, veremos os três eixos desta disciplina e seus processos de trabalho. INTERFACES II • turma 2010, bimestre 2010/4 – 03/11/2010 Aula 01: Trabalho 13
  • 14. 2 TESTE DE USABILIDADE Dividam-se em – no mínimo – 05 grupos; Escolham um site de nicho: não pode ser um portal de conteúdo nem um site corporativo, mas pode ser um blog ou um hotsite. Pode ser comercial ou não; Mostrem o site para 05 usuários diferentes sem explicar para que ele serve. Não pode ser colega, professor e nem tampouco alguém da área; NÃO INTERFIRAM, NEM SE EL@ SOLICITAR AJUDA! INTERFACES II • turma 2010, bimestre 2010/4 – 03/11/2010 Aula 01: Trabalho 14
  • 15. 2 TESTE DE USABILIDADE Anotem tudo: dúvidas, críticas, elogios e sugestões; Observem as suas dificuldades e facilidades; Verifiquem todas as informações possíveis que eles possam emitir acerca dos componentes da usabilidade por Jakob Nielsen: APRENDIZAGEM, EFICIÊNCIA, MEMÓRIA, ERROS e SATISFAÇÃO (v. lâminas 1 a 7); A aplicação do teste deve necessariamente ser presencial; INTERFACES II • turma 2010, bimestre 2010/4 – 03/11/2010 Aula 01: Trabalho 15
  • 16. 2 TESTE DE USABILIDADE Um único integrante de um grupo é suficiente para aplicar o teste em um usuário. Não é necessário que todo o grupo esteja presente na observação de cada “cobaia”; INTERFACES II • turma 2010, bimestre 2010/4 – 03/11/2010 Aula 01: Trabalho 16
  • 17. 2 TESTE DE USABILIDADE Cada grupo enviará o seu relatório para heliopaz@me.com NO MÁXIMO até às 20h da próxima segunda-feira 08/11/2010; Recebimento após as 20:01h desse dia = trabalho não entregue; NÃO CHEGUEM ATRASADOS NAS AULAS APÓS O INTERVALO: PRECISAMOS CONVERSAR SOBRE OS TRABALHOS ANTES DE AVANÇARMOS NA SEQUÊNCIA DO CONTEÚDO DA DISCIPLINA. INTERFACES II • turma 2010, bimestre 2010/4 – 03/11/2010 Aula 01: Trabalho 17
  • 18. 3 SEMANA QUE VEM Etnografia; Iteração; Novo trabalho. INTERFACES II • turma 2010, bimestre 2010/4 – 03/11/2010 Aula 01: Próxima Aula 18
  • 19. VALEU! BOA SEMANA! ;) INTERFACES II • turma 2010, bimestre 2010/4 – 03/11/2010 Aula 01: Despedida 19