SlideShare une entreprise Scribd logo

Design e Usabilidade

•
•
Claudio Toldo
Claudio Toldo

1) O documento discute design e usabilidade, categorizando diferentes tipos de usuários e erros comuns em projetos de interface. 2) São listados dez equívocos em design de interface para cada ano entre 1996-2005, como uso excessivo de frames e animações. 3) O documento recomenda focar em melhorar a qualidade dos elementos básicos de um site em vez de adicionar novas tecnologias.

Business
1  sur  35
Design e usabilidade Tradução: cara bonita e funcionamento perfeito
Design e usabilidade ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
 
Profissões de design de interação ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
 
Usuário ,[object Object]
 
Design e Usabilidade: categorias de usuários ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
 
Design e Usabilidade: categorias de usuários ,[object Object],[object Object],[object Object]
 
Design e Usabilidade: categorias de usuários ,[object Object],[object Object],[object Object],[object Object]
 
Design e Usabilidade: categorias de usuários ,[object Object]
Design e Usabilidade: categorias de usuários ,[object Object],[object Object]
Design e Usabilidade: categorias de usuários ,[object Object],[object Object],[object Object],[object Object]
Design e Usabilidade: categorias de usuários ,[object Object],[object Object]
Design e Usabilidade: categorias de usuários ,[object Object],[object Object],[object Object]
Design e Usabilidade: categorias de usuários ,[object Object],[object Object],[object Object],[object Object],[object Object]
Design e Usabilidade: categorias de usuários ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Design e usabilidade ,[object Object],[object Object],[object Object],[object Object]
Design e usabilidade ,[object Object],[object Object],[object Object],[object Object]
 
Design e usabilidade ,[object Object],[object Object],[object Object]
 
Equívocos em 1996 (Nielsen) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Equívocos em 1999 (Nielsen) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Equívocos em 2002 (Nielsen) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Equívocos em 2003 (Nielsen) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Equívocos em 2004 (Nielsen) ,[object Object],[object Object],[object Object],[object Object]
Equívocos em 2005 (Nielsen) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
De volta ao básico em Webdesign: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Recomendação final ,[object Object],[object Object]
Referências ,[object Object],[object Object]
Exercício individual ,[object Object],[object Object]

Recommandé

Aula 05 Briefing
Aula 05 BriefingAula 05 Briefing
Aula 05 Briefing
Elizeu Nascimento Silva
 
Design Centrado Usuario
Design Centrado UsuarioDesign Centrado Usuario
Design Centrado Usuario
Erico Fileno
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
renatamruiz
 
Principios do design
Principios do designPrincipios do design
Principios do design
Iuri Lammel
 
Interação Homem Computador Aula 02
Interação Homem Computador Aula 02Interação Homem Computador Aula 02
Interação Homem Computador Aula 02
igoroliveiracosta
 
zeroheight + Figma (March 2019)
zeroheight + Figma (March 2019)zeroheight + Figma (March 2019)
zeroheight + Figma (March 2019)
Robin Tindale
 
Usabilidade, IHC - Definições
Usabilidade, IHC - DefiniçõesUsabilidade, IHC - Definições
Usabilidade, IHC - Definições
Luiz Agner
 
UX UI para Programadores
UX UI para Programadores UX UI para Programadores
UX UI para Programadores
Monica Mesquita
 

Recommandé

Aula 05 Briefing
Aula 05 BriefingAula 05 Briefing
Aula 05 Briefing
Elizeu Nascimento Silva
 
Design Centrado Usuario
Design Centrado UsuarioDesign Centrado Usuario
Design Centrado Usuario
Erico Fileno
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
renatamruiz
 
Principios do design
Principios do designPrincipios do design
Principios do design
Iuri Lammel
 
Interação Homem Computador Aula 02
Interação Homem Computador Aula 02Interação Homem Computador Aula 02
Interação Homem Computador Aula 02
igoroliveiracosta
 
zeroheight + Figma (March 2019)
zeroheight + Figma (March 2019)zeroheight + Figma (March 2019)
zeroheight + Figma (March 2019)
Robin Tindale
 
Usabilidade, IHC - Definições
Usabilidade, IHC - DefiniçõesUsabilidade, IHC - Definições
Usabilidade, IHC - Definições
Luiz Agner
 
UX UI para Programadores
UX UI para Programadores UX UI para Programadores
UX UI para Programadores
Monica Mesquita
 
Interface Homem Computador - Aula02 - Principios de design em IHC
Interface Homem Computador - Aula02 - Principios de design em IHCInterface Homem Computador - Aula02 - Principios de design em IHC
Interface Homem Computador - Aula02 - Principios de design em IHC
CEULJI/ULBRA Centro Universitário Luterano de Ji-Paraná
 
Design Gráfico: Um resumo
Design Gráfico: Um resumoDesign Gráfico: Um resumo
Design Gráfico: Um resumo
Rafo Barbosa
 
Módulo 1 - Design gráfico
Módulo 1 - Design gráficoMódulo 1 - Design gráfico
Módulo 1 - Design gráfico
Grupo Educação, Mídias e Comunidade Surda
 
Lean UX
Lean UXLean UX
Lean UX
Damian Calderon
 
Um quase papo sobre UX Writing
Um quase papo sobre UX WritingUm quase papo sobre UX Writing
Um quase papo sobre UX Writing
Hélio Eduardo Lopes
 
Design Estratégico - Inovação em Projetos, Processos e Negócios
Design Estratégico - Inovação em Projetos, Processos e NegóciosDesign Estratégico - Inovação em Projetos, Processos e Negócios
Design Estratégico - Inovação em Projetos, Processos e Negócios
Victor Gonçalves
 
Typography
TypographyTypography
Typography
liambastida
 
O processo de design de interação
O processo de design de interaçãoO processo de design de interação
O processo de design de interação
Robson Santos
 
Aula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de UsuárioAula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de Usuário
André Constantino da Silva
 
Projeto grafico II | Aula 01
Projeto grafico II | Aula 01Projeto grafico II | Aula 01
Projeto grafico II | Aula 01
Fabio Silveira: Designer | Professor
 
Aula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no UsuárioAula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no Usuário
Erico Fileno
 
Introdução a experiência do usuário
Introdução a experiência do usuárioIntrodução a experiência do usuário
Introdução a experiência do usuário
Bruno Biagioni Neto
 
Clipping
ClippingClipping
Clipping
LeticiaSilveira
 
Caracterizar o design e as várias áreas de intervenção (2).pptx
Caracterizar o design e as várias áreas de intervenção (2).pptxCaracterizar o design e as várias áreas de intervenção (2).pptx
Caracterizar o design e as várias áreas de intervenção (2).pptx
TomasSousa7
 
Briefing by Rafael Sampaio
Briefing by Rafael SampaioBriefing by Rafael Sampaio
Briefing by Rafael Sampaio
Fran Maciel
 
Arquitetura da informação
Arquitetura da informaçãoArquitetura da informação
Arquitetura da informação
Cristiane Mendes
 
Aula 02 - Design da Informação - História e princípios do design de informação
Aula 02 - Design da Informação - História e princípios do design de informaçãoAula 02 - Design da Informação - História e princípios do design de informação
Aula 02 - Design da Informação - História e princípios do design de informação
Dalton Martins
 
Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2
Fábio Gonçalves
 
Projeto Gráfico | Pictogramas
Projeto Gráfico | PictogramasProjeto Gráfico | Pictogramas
Projeto Gráfico | Pictogramas
Fabio Silveira: Designer | Professor
 
O design surgiu no século xix
O design surgiu no século xixO design surgiu no século xix
O design surgiu no século xix
Francisco_98
 
29/09/2011 - 9h às 12h30 - oficina - arquitetura da informação em sistemas 2...
29/09/2011 - 9h às 12h30 - oficina - arquitetura da informação em sistemas 2...29/09/2011 - 9h às 12h30 - oficina - arquitetura da informação em sistemas 2...
29/09/2011 - 9h às 12h30 - oficina - arquitetura da informação em sistemas 2...
Rio Info
 
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato RosaPalestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
wudrs
 

Contenu connexe

Tendances

Aula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no UsuárioAula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no Usuário
Erico Fileno
 
Caracterizar o design e as várias áreas de intervenção (2).pptx
Caracterizar o design e as várias áreas de intervenção (2).pptxCaracterizar o design e as várias áreas de intervenção (2).pptx
Caracterizar o design e as várias áreas de intervenção (2).pptx
TomasSousa7
 
Briefing by Rafael Sampaio
Briefing by Rafael SampaioBriefing by Rafael Sampaio
Briefing by Rafael Sampaio
Fran Maciel
 

Tendances (20)

Interface Homem Computador - Aula02 - Principios de design em IHC
Interface Homem Computador - Aula02 - Principios de design em IHCInterface Homem Computador - Aula02 - Principios de design em IHC
Interface Homem Computador - Aula02 - Principios de design em IHC
 
Design Gráfico: Um resumo
Design Gráfico: Um resumoDesign Gráfico: Um resumo
Design Gráfico: Um resumo
 
Módulo 1 - Design gráfico
Módulo 1 - Design gráficoMódulo 1 - Design gráfico
Módulo 1 - Design gráfico
 
Lean UX
Lean UXLean UX
Lean UX
 
Um quase papo sobre UX Writing
Um quase papo sobre UX WritingUm quase papo sobre UX Writing
Um quase papo sobre UX Writing
 
Design Estratégico - Inovação em Projetos, Processos e Negócios
Design Estratégico - Inovação em Projetos, Processos e NegóciosDesign Estratégico - Inovação em Projetos, Processos e Negócios
Design Estratégico - Inovação em Projetos, Processos e Negócios
 
Typography
TypographyTypography
Typography
 
O processo de design de interação
O processo de design de interaçãoO processo de design de interação
O processo de design de interação
 
Aula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de UsuárioAula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de Usuário
 
Projeto grafico II | Aula 01
Projeto grafico II | Aula 01Projeto grafico II | Aula 01
Projeto grafico II | Aula 01
 
Aula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no UsuárioAula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no Usuário
 
Introdução a experiência do usuário
Introdução a experiência do usuárioIntrodução a experiência do usuário
Introdução a experiência do usuário
 
Clipping
ClippingClipping
Clipping
 
Caracterizar o design e as várias áreas de intervenção (2).pptx
Caracterizar o design e as várias áreas de intervenção (2).pptxCaracterizar o design e as várias áreas de intervenção (2).pptx
Caracterizar o design e as várias áreas de intervenção (2).pptx
 
Briefing by Rafael Sampaio
Briefing by Rafael SampaioBriefing by Rafael Sampaio
Briefing by Rafael Sampaio
 
Arquitetura da informação
Arquitetura da informaçãoArquitetura da informação
Arquitetura da informação
 
Aula 02 - Design da Informação - História e princípios do design de informação
Aula 02 - Design da Informação - História e princípios do design de informaçãoAula 02 - Design da Informação - História e princípios do design de informação
Aula 02 - Design da Informação - História e princípios do design de informação
 
Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2
 
Projeto Gráfico | Pictogramas
Projeto Gráfico | PictogramasProjeto Gráfico | Pictogramas
Projeto Gráfico | Pictogramas
 
O design surgiu no século xix
O design surgiu no século xixO design surgiu no século xix
O design surgiu no século xix
 

Similaire à Design e Usabilidade

2010.1 - PUB5AN - Marketing Digital AULA 03
2010.1 - PUB5AN - Marketing Digital AULA 032010.1 - PUB5AN - Marketing Digital AULA 03
2010.1 - PUB5AN - Marketing Digital AULA 03
Neca Boullosa
 
Apresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo SantiagoApresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo Santiago
Rodrigo Correia
 
Aula 1 - Desenvolvimento do leiaute (1).pdf
Aula 1 - Desenvolvimento do leiaute (1).pdfAula 1 - Desenvolvimento do leiaute (1).pdf
Aula 1 - Desenvolvimento do leiaute (1).pdf
ssuser595b1e1
 

Similaire à Design e Usabilidade (20)

29/09/2011 - 9h às 12h30 - oficina - arquitetura da informação em sistemas 2...
29/09/2011 - 9h às 12h30 - oficina - arquitetura da informação em sistemas 2...29/09/2011 - 9h às 12h30 - oficina - arquitetura da informação em sistemas 2...
29/09/2011 - 9h às 12h30 - oficina - arquitetura da informação em sistemas 2...
 
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato RosaPalestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
 
Web 2.0 + Foco no Usuário
Web 2.0 + Foco no UsuárioWeb 2.0 + Foco no Usuário
Web 2.0 + Foco no Usuário
 
Web Standards
Web StandardsWeb Standards
Web Standards
 
Pitacos sobre usabilidade
Pitacos sobre usabilidadePitacos sobre usabilidade
Pitacos sobre usabilidade
 
Como tornar seu site atraente
Como tornar seu site atraenteComo tornar seu site atraente
Como tornar seu site atraente
 
Capitulo 3 Livro Nielsen
Capitulo 3 Livro NielsenCapitulo 3 Livro Nielsen
Capitulo 3 Livro Nielsen
 
Responsive wordpress
Responsive wordpressResponsive wordpress
Responsive wordpress
 
Usabilidade Conceitos Centrais
Usabilidade Conceitos CentraisUsabilidade Conceitos Centrais
Usabilidade Conceitos Centrais
 
Usabilidade Conceitos Centrais
Usabilidade Conceitos CentraisUsabilidade Conceitos Centrais
Usabilidade Conceitos Centrais
 
Ergodesing e arquitetura de Informação
Ergodesing e arquitetura de InformaçãoErgodesing e arquitetura de Informação
Ergodesing e arquitetura de Informação
 
O que é Web Designer?
O que é Web Designer?O que é Web Designer?
O que é Web Designer?
 
2010.1 - PUB5AN - Marketing Digital AULA 03
2010.1 - PUB5AN - Marketing Digital AULA 032010.1 - PUB5AN - Marketing Digital AULA 03
2010.1 - PUB5AN - Marketing Digital AULA 03
 
Apresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo SantiagoApresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo Santiago
 
Projeto de WEB Site
Projeto de WEB SiteProjeto de WEB Site
Projeto de WEB Site
 
Agile User Experience
Agile User ExperienceAgile User Experience
Agile User Experience
 
USABILIDADE DA WEB MÓVEL
USABILIDADE DA WEB MÓVELUSABILIDADE DA WEB MÓVEL
USABILIDADE DA WEB MÓVEL
 
Palestra Palácio do Planalto, Brasília
Palestra Palácio do Planalto, BrasíliaPalestra Palácio do Planalto, Brasília
Palestra Palácio do Planalto, Brasília
 
Aula 1 - Desenvolvimento do leiaute (1).pdf
Aula 1 - Desenvolvimento do leiaute (1).pdfAula 1 - Desenvolvimento do leiaute (1).pdf
Aula 1 - Desenvolvimento do leiaute (1).pdf
 
12° Encontro de WebDesign (usabilidade)
12° Encontro de WebDesign (usabilidade)12° Encontro de WebDesign (usabilidade)
12° Encontro de WebDesign (usabilidade)
 

Plus de Claudio Toldo

Uma breve história da internet
Uma breve história da internetUma breve história da internet
Uma breve história da internet
Claudio Toldo
 
As Organizações e a Web
As Organizações e a WebAs Organizações e a Web
As Organizações e a Web
Claudio Toldo
 
Crise e Media Trainning
Crise e Media TrainningCrise e Media Trainning
Crise e Media Trainning
Claudio Toldo
 
Assessoria de Imprensa
Assessoria de ImprensaAssessoria de Imprensa
Assessoria de Imprensa
Claudio Toldo
 
Impacto das novas tecnologias
Impacto das novas tecnologiasImpacto das novas tecnologias
Impacto das novas tecnologias
Claudio Toldo
 
Principais Conceitos Internet
Principais Conceitos InternetPrincipais Conceitos Internet
Principais Conceitos Internet
Claudio Toldo
 
Comunicação Integrada
Comunicação IntegradaComunicação Integrada
Comunicação Integrada
Claudio Toldo
 
Tendências do Jornalismo
Tendências do JornalismoTendências do Jornalismo
Tendências do Jornalismo
Claudio Toldo
 
As três gerações do jornalismo na internet
As três gerações do jornalismo na internetAs três gerações do jornalismo na internet
As três gerações do jornalismo na internet
Claudio Toldo
 
Comunicação Mercadológica
Comunicação MercadológicaComunicação Mercadológica
Comunicação Mercadológica
Claudio Toldo
 
Comunicação Institucional
Comunicação InstitucionalComunicação Institucional
Comunicação Institucional
Claudio Toldo
 
Comunicação Interna
Comunicação InternaComunicação Interna
Comunicação Interna
Claudio Toldo
 

Plus de Claudio Toldo (20)

Criando Sites Com CMS
Criando Sites Com CMSCriando Sites Com CMS
Criando Sites Com CMS
 
Uma breve história da internet
Uma breve história da internetUma breve história da internet
Uma breve história da internet
 
SEO
SEOSEO
SEO
 
As Organizações e a Web
As Organizações e a WebAs Organizações e a Web
As Organizações e a Web
 
Citar sem plagiar
Citar sem plagiarCitar sem plagiar
Citar sem plagiar
 
Webwriting
WebwritingWebwriting
Webwriting
 
Crise e Media Trainning
Crise e Media TrainningCrise e Media Trainning
Crise e Media Trainning
 
Tipos de Pesquisa
Tipos de PesquisaTipos de Pesquisa
Tipos de Pesquisa
 
Assessoria de Imprensa
Assessoria de ImprensaAssessoria de Imprensa
Assessoria de Imprensa
 
Sala de Redação
Sala de RedaçãoSala de Redação
Sala de Redação
 
Impacto das novas tecnologias
Impacto das novas tecnologiasImpacto das novas tecnologias
Impacto das novas tecnologias
 
Matt Drudge
Matt DrudgeMatt Drudge
Matt Drudge
 
Economia na web
Economia na webEconomia na web
Economia na web
 
Principais Conceitos Internet
Principais Conceitos InternetPrincipais Conceitos Internet
Principais Conceitos Internet
 
Comunicação Integrada
Comunicação IntegradaComunicação Integrada
Comunicação Integrada
 
Tendências do Jornalismo
Tendências do JornalismoTendências do Jornalismo
Tendências do Jornalismo
 
As três gerações do jornalismo na internet
As três gerações do jornalismo na internetAs três gerações do jornalismo na internet
As três gerações do jornalismo na internet
 
Comunicação Mercadológica
Comunicação MercadológicaComunicação Mercadológica
Comunicação Mercadológica
 
Comunicação Institucional
Comunicação InstitucionalComunicação Institucional
Comunicação Institucional
 
Comunicação Interna
Comunicação InternaComunicação Interna
Comunicação Interna
 

Design e Usabilidade

  • 1. Design e usabilidade Tradução: cara bonita e funcionamento perfeito
  • 2.
  • 3.  
  • 4.
  • 5.  
  • 6.
  • 7.  
  • 8.
  • 9.  
  • 10.
  • 11.  
  • 12.
  • 13.  
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.  
  • 24.
  • 25.  
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.