SlideShare una empresa de Scribd logo
1 de 10
Adilmar Coelho Dantas
IFTM
Disciplina: Interface Homem e Maquina
Introdução

  Os usuários criam expectativas em relação ao
  seu site e se eles estiverem acostumados com
  padrões e convenções de design predominantes
  nos outros sites na rede eles vão esperar
  encontrar também em seu site.
Como os usuários passam poucos tempo nós
sites o tempo que ele passa brigando com uma
interface que viola este padrões pode resultar
na perde um negocio.




   Tempo                           Dinheiro $
Quando as informações estão ocultas e como se
o usuário não estivesse naquele ambiente
portanto ele não terá uma boa interação.


                      Na web as imagens chamam bastante
                      atenção principalmente quando
                      associadas a textos o que leva ao
                      usuário clicar nelas mesmo não sendo
                      clicáveis pois por padrões imagem que
                      referenciam algo devem conter link.
Note que as informações estão ocultas e o usuário e levado a clicar em navigate
Somente após algum tempo os usuários percebem que ao passar o mouse o
menu surge, isto para usuários pouco experientes e um grave problema.
Note que as palavras LUNCH “Almoço” e DINNER “Janta” em destaque dão por
intender que elas são clicáveis , mas na verdade não são.
Padrões e convenções de design na interface homem-máquina

Más contenido relacionado

La actualidad más candente

Tutorial slideshare nte_araguaina
Tutorial slideshare nte_araguainaTutorial slideshare nte_araguaina
Tutorial slideshare nte_araguainaNTE ARAGUAINA
 
Tutorial Slideshare Claudemir
Tutorial Slideshare ClaudemirTutorial Slideshare Claudemir
Tutorial Slideshare ClaudemirNTE ARAGUAINA
 
Teorias e Prática aplicadas ao mercado digital
Teorias e Prática aplicadas ao mercado digitalTeorias e Prática aplicadas ao mercado digital
Teorias e Prática aplicadas ao mercado digitalRoberto Gaspar
 
Palestra - Na quebrada da Web
Palestra - Na quebrada da WebPalestra - Na quebrada da Web
Palestra - Na quebrada da WebFelipe Caroé
 
Usando o WordPress como ferramenta de venda e atendimento para E-commerce - P...
Usando o WordPress como ferramenta de venda e atendimento para E-commerce - P...Usando o WordPress como ferramenta de venda e atendimento para E-commerce - P...
Usando o WordPress como ferramenta de venda e atendimento para E-commerce - P...Impacta Eventos
 
Tic un3 fichaapoio_007 - slidshow
Tic un3 fichaapoio_007 - slidshowTic un3 fichaapoio_007 - slidshow
Tic un3 fichaapoio_007 - slidshowsuperoque
 
Revendo as descobertas iniciais de usabilidade da web
Revendo as descobertas iniciais de usabilidade da webRevendo as descobertas iniciais de usabilidade da web
Revendo as descobertas iniciais de usabilidade da webWellington Oliveira
 
Capitulo 3 Livro Nielsen
Capitulo 3 Livro NielsenCapitulo 3 Livro Nielsen
Capitulo 3 Livro NielsenLuiz Agner
 
Tutorial G+ para quem não tem conta google
Tutorial G+ para quem não tem conta googleTutorial G+ para quem não tem conta google
Tutorial G+ para quem não tem conta google_inepad
 
Como fazer um Blog?
Como fazer um Blog?Como fazer um Blog?
Como fazer um Blog?PIBID UFPEL
 
Redes sociais Uma boa utilização do Facebook na vida pessoal e corporativa
Redes sociais   Uma boa utilização do Facebook na vida pessoal e corporativaRedes sociais   Uma boa utilização do Facebook na vida pessoal e corporativa
Redes sociais Uma boa utilização do Facebook na vida pessoal e corporativaGabriel Mariano
 

La actualidad más candente (13)

Tutorial slideshare nte_araguaina
Tutorial slideshare nte_araguainaTutorial slideshare nte_araguaina
Tutorial slideshare nte_araguaina
 
Tutorial Slideshare Claudemir
Tutorial Slideshare ClaudemirTutorial Slideshare Claudemir
Tutorial Slideshare Claudemir
 
8 layout
8   layout8   layout
8 layout
 
Teorias e Prática aplicadas ao mercado digital
Teorias e Prática aplicadas ao mercado digitalTeorias e Prática aplicadas ao mercado digital
Teorias e Prática aplicadas ao mercado digital
 
Palestra - Na quebrada da Web
Palestra - Na quebrada da WebPalestra - Na quebrada da Web
Palestra - Na quebrada da Web
 
Usando o WordPress como ferramenta de venda e atendimento para E-commerce - P...
Usando o WordPress como ferramenta de venda e atendimento para E-commerce - P...Usando o WordPress como ferramenta de venda e atendimento para E-commerce - P...
Usando o WordPress como ferramenta de venda e atendimento para E-commerce - P...
 
Tic un3 fichaapoio_007 - slidshow
Tic un3 fichaapoio_007 - slidshowTic un3 fichaapoio_007 - slidshow
Tic un3 fichaapoio_007 - slidshow
 
Blogger
BloggerBlogger
Blogger
 
Revendo as descobertas iniciais de usabilidade da web
Revendo as descobertas iniciais de usabilidade da webRevendo as descobertas iniciais de usabilidade da web
Revendo as descobertas iniciais de usabilidade da web
 
Capitulo 3 Livro Nielsen
Capitulo 3 Livro NielsenCapitulo 3 Livro Nielsen
Capitulo 3 Livro Nielsen
 
Tutorial G+ para quem não tem conta google
Tutorial G+ para quem não tem conta googleTutorial G+ para quem não tem conta google
Tutorial G+ para quem não tem conta google
 
Como fazer um Blog?
Como fazer um Blog?Como fazer um Blog?
Como fazer um Blog?
 
Redes sociais Uma boa utilização do Facebook na vida pessoal e corporativa
Redes sociais   Uma boa utilização do Facebook na vida pessoal e corporativaRedes sociais   Uma boa utilização do Facebook na vida pessoal e corporativa
Redes sociais Uma boa utilização do Facebook na vida pessoal e corporativa
 

Destacado

Presentation Pub Phone
Presentation Pub PhonePresentation Pub Phone
Presentation Pub Phonesergeyaooo
 
Centrofer Ejemplo
Centrofer EjemploCentrofer Ejemplo
Centrofer Ejemplocentrofer
 
Corporate Briefing Of Huawei Symantec (2008)
Corporate Briefing Of Huawei Symantec (2008)Corporate Briefing Of Huawei Symantec (2008)
Corporate Briefing Of Huawei Symantec (2008)sansernl
 
Programação Android Phonegap 1
Programação Android Phonegap 1Programação Android Phonegap 1
Programação Android Phonegap 1Adilmar Dantas
 
APLICATIVO MÓVEL PARA AFERIÇÃO DA FREQUÊNCIA CARDÍACA E ACOMPANHAMENTO MÉDICO...
APLICATIVO MÓVEL PARA AFERIÇÃO DA FREQUÊNCIA CARDÍACA E ACOMPANHAMENTO MÉDICO...APLICATIVO MÓVEL PARA AFERIÇÃO DA FREQUÊNCIA CARDÍACA E ACOMPANHAMENTO MÉDICO...
APLICATIVO MÓVEL PARA AFERIÇÃO DA FREQUÊNCIA CARDÍACA E ACOMPANHAMENTO MÉDICO...Adilmar Dantas
 

Destacado (9)

Call Mike
Call MikeCall Mike
Call Mike
 
Presentation1(1)
Presentation1(1)Presentation1(1)
Presentation1(1)
 
Presentation Pub Phone
Presentation Pub PhonePresentation Pub Phone
Presentation Pub Phone
 
Centrofer Ejemplo
Centrofer EjemploCentrofer Ejemplo
Centrofer Ejemplo
 
La Aplicacion Del Instante
La Aplicacion Del Instante
La Aplicacion Del Instante
La Aplicacion Del Instante
 
Corporate Briefing Of Huawei Symantec (2008)
Corporate Briefing Of Huawei Symantec (2008)Corporate Briefing Of Huawei Symantec (2008)
Corporate Briefing Of Huawei Symantec (2008)
 
Huawei
Huawei Huawei
Huawei
 
Programação Android Phonegap 1
Programação Android Phonegap 1Programação Android Phonegap 1
Programação Android Phonegap 1
 
APLICATIVO MÓVEL PARA AFERIÇÃO DA FREQUÊNCIA CARDÍACA E ACOMPANHAMENTO MÉDICO...
APLICATIVO MÓVEL PARA AFERIÇÃO DA FREQUÊNCIA CARDÍACA E ACOMPANHAMENTO MÉDICO...APLICATIVO MÓVEL PARA AFERIÇÃO DA FREQUÊNCIA CARDÍACA E ACOMPANHAMENTO MÉDICO...
APLICATIVO MÓVEL PARA AFERIÇÃO DA FREQUÊNCIA CARDÍACA E ACOMPANHAMENTO MÉDICO...
 

Similar a Padrões e convenções de design na interface homem-máquina

Usabilidade em Aplicativos - Webdesign - Aula 03 - 2020-02
Usabilidade em Aplicativos - Webdesign - Aula 03 - 2020-02Usabilidade em Aplicativos - Webdesign - Aula 03 - 2020-02
Usabilidade em Aplicativos - Webdesign - Aula 03 - 2020-02Renato Melo
 
Testes de usabilidade - Webdesign 2022
Testes de usabilidade - Webdesign 2022Testes de usabilidade - Webdesign 2022
Testes de usabilidade - Webdesign 2022Renato Melo
 
Usabilidade em Aplicativos - Webdesign - 2021-02
Usabilidade em Aplicativos - Webdesign - 2021-02Usabilidade em Aplicativos - Webdesign - 2021-02
Usabilidade em Aplicativos - Webdesign - 2021-02Renato Melo
 
Usabilidade em Aplicativos - Webdesign - 2021-01
Usabilidade em Aplicativos - Webdesign - 2021-01Usabilidade em Aplicativos - Webdesign - 2021-01
Usabilidade em Aplicativos - Webdesign - 2021-01Renato Melo
 
Metodologia para Avaliação de Sites
Metodologia para Avaliação de SitesMetodologia para Avaliação de Sites
Metodologia para Avaliação de SitesSimone Cervantes
 
Evento Comportamento do Consumidor e Estratégias Digitais para E-commerce
Evento Comportamento do Consumidor e Estratégias Digitais para E-commerceEvento Comportamento do Consumidor e Estratégias Digitais para E-commerce
Evento Comportamento do Consumidor e Estratégias Digitais para E-commerceImpacta Eventos
 
Gestão de conteúdo e redação web - aula 02
Gestão de conteúdo e redação web - aula 02Gestão de conteúdo e redação web - aula 02
Gestão de conteúdo e redação web - aula 02Enrico Cardoso
 
IntroduçãO A Web Design
IntroduçãO A Web DesignIntroduçãO A Web Design
IntroduçãO A Web Designdiegosamba
 
IntroduçãO A Web Design
IntroduçãO A Web DesignIntroduçãO A Web Design
IntroduçãO A Web Designdiegosamba
 
Design e Usabilidade
Design e UsabilidadeDesign e Usabilidade
Design e UsabilidadeClaudio Toldo
 
Projete pensando no usuário e todo mundo sai ganhando
Projete pensando no usuário e todo mundo sai ganhandoProjete pensando no usuário e todo mundo sai ganhando
Projete pensando no usuário e todo mundo sai ganhandoJuliana Fernandes
 
Diretrizes de Usabilidade: Como dispor os meios de relacionamento digitais?
Diretrizes de Usabilidade: Como dispor os meios de relacionamento digitais?Diretrizes de Usabilidade: Como dispor os meios de relacionamento digitais?
Diretrizes de Usabilidade: Como dispor os meios de relacionamento digitais?Deivid Silva
 
Usabilidade em Aplicativos
Usabilidade em AplicativosUsabilidade em Aplicativos
Usabilidade em AplicativosRenato Melo
 
edp alvo de críticas nas redes sociais
edp alvo de críticas nas redes sociaisedp alvo de críticas nas redes sociais
edp alvo de críticas nas redes sociaisPaulo Morais
 
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
 

Similar a Padrões e convenções de design na interface homem-máquina (19)

Usabilidade em Aplicativos - Webdesign - Aula 03 - 2020-02
Usabilidade em Aplicativos - Webdesign - Aula 03 - 2020-02Usabilidade em Aplicativos - Webdesign - Aula 03 - 2020-02
Usabilidade em Aplicativos - Webdesign - Aula 03 - 2020-02
 
Testes de usabilidade - Webdesign 2022
Testes de usabilidade - Webdesign 2022Testes de usabilidade - Webdesign 2022
Testes de usabilidade - Webdesign 2022
 
Usabilidade em Aplicativos - Webdesign - 2021-02
Usabilidade em Aplicativos - Webdesign - 2021-02Usabilidade em Aplicativos - Webdesign - 2021-02
Usabilidade em Aplicativos - Webdesign - 2021-02
 
Usabilidade em Aplicativos - Webdesign - 2021-01
Usabilidade em Aplicativos - Webdesign - 2021-01Usabilidade em Aplicativos - Webdesign - 2021-01
Usabilidade em Aplicativos - Webdesign - 2021-01
 
Metodologia para Avaliação de Sites
Metodologia para Avaliação de SitesMetodologia para Avaliação de Sites
Metodologia para Avaliação de Sites
 
Evento Comportamento do Consumidor e Estratégias Digitais para E-commerce
Evento Comportamento do Consumidor e Estratégias Digitais para E-commerceEvento Comportamento do Consumidor e Estratégias Digitais para E-commerce
Evento Comportamento do Consumidor e Estratégias Digitais para E-commerce
 
Gestão de conteúdo e redação web - aula 02
Gestão de conteúdo e redação web - aula 02Gestão de conteúdo e redação web - aula 02
Gestão de conteúdo e redação web - aula 02
 
IntroduçãO A Web Design
IntroduçãO A Web DesignIntroduçãO A Web Design
IntroduçãO A Web Design
 
IntroduçãO A Web Design
IntroduçãO A Web DesignIntroduçãO A Web Design
IntroduçãO A Web Design
 
Marketing de conteúdo
Marketing de conteúdoMarketing de conteúdo
Marketing de conteúdo
 
Design e Usabilidade
Design e UsabilidadeDesign e Usabilidade
Design e Usabilidade
 
Projete pensando no usuário e todo mundo sai ganhando
Projete pensando no usuário e todo mundo sai ganhandoProjete pensando no usuário e todo mundo sai ganhando
Projete pensando no usuário e todo mundo sai ganhando
 
Diretrizes de Usabilidade: Como dispor os meios de relacionamento digitais?
Diretrizes de Usabilidade: Como dispor os meios de relacionamento digitais?Diretrizes de Usabilidade: Como dispor os meios de relacionamento digitais?
Diretrizes de Usabilidade: Como dispor os meios de relacionamento digitais?
 
Navegacao
NavegacaoNavegacao
Navegacao
 
User experiense
User experienseUser experiense
User experiense
 
Usabilidade em Aplicativos
Usabilidade em AplicativosUsabilidade em Aplicativos
Usabilidade em Aplicativos
 
edp alvo de críticas nas redes sociais
edp alvo de críticas nas redes sociaisedp alvo de críticas nas redes sociais
edp alvo de críticas nas redes sociais
 
E mails responsivos
E mails responsivosE mails responsivos
E mails responsivos
 
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
 

Más de Adilmar Dantas

Potenciação Divide and Conquer
Potenciação Divide and ConquerPotenciação Divide and Conquer
Potenciação Divide and ConquerAdilmar Dantas
 
Cinta de expansão torácica utilizando Arduino aplicado na fisioterapia respir...
Cinta de expansão torácica utilizando Arduino aplicado na fisioterapia respir...Cinta de expansão torácica utilizando Arduino aplicado na fisioterapia respir...
Cinta de expansão torácica utilizando Arduino aplicado na fisioterapia respir...Adilmar Dantas
 
Análise de Técnicas Computacionais para Classificação de Emoções
Análise de Técnicas Computacionais para Classificação de EmoçõesAnálise de Técnicas Computacionais para Classificação de Emoções
Análise de Técnicas Computacionais para Classificação de EmoçõesAdilmar Dantas
 
Reconhecimento Automático de Emoções
Reconhecimento Automático de EmoçõesReconhecimento Automático de Emoções
Reconhecimento Automático de EmoçõesAdilmar Dantas
 
Reconhecimento automático de emoções
Reconhecimento automático de emoçõesReconhecimento automático de emoções
Reconhecimento automático de emoçõesAdilmar Dantas
 
Detecção de Faces - Redes Neurais *MLP
Detecção de Faces - Redes Neurais *MLPDetecção de Faces - Redes Neurais *MLP
Detecção de Faces - Redes Neurais *MLPAdilmar Dantas
 
Rede Neural MLP para reconhecimento de Faces
Rede Neural MLP para reconhecimento de FacesRede Neural MLP para reconhecimento de Faces
Rede Neural MLP para reconhecimento de FacesAdilmar Dantas
 
ALgoritmo Genético - Escalonamento
ALgoritmo Genético - EscalonamentoALgoritmo Genético - Escalonamento
ALgoritmo Genético - EscalonamentoAdilmar Dantas
 
BIODATA: SOFTWARE WEB PARA GERENCIAMENTO DE COLETA DE DADOS BIOMÉDICOS
BIODATA: SOFTWARE WEB PARA GERENCIAMENTO DE COLETA DE DADOS BIOMÉDICOSBIODATA: SOFTWARE WEB PARA GERENCIAMENTO DE COLETA DE DADOS BIOMÉDICOS
BIODATA: SOFTWARE WEB PARA GERENCIAMENTO DE COLETA DE DADOS BIOMÉDICOSAdilmar Dantas
 
Alinhamento de Sequencia DNA
Alinhamento de Sequencia DNAAlinhamento de Sequencia DNA
Alinhamento de Sequencia DNAAdilmar Dantas
 
3ª maratona de games – facom ufu
3ª maratona de games – facom  ufu3ª maratona de games – facom  ufu
3ª maratona de games – facom ufuAdilmar Dantas
 
Monitor Cardíaco usando Arduino
Monitor Cardíaco usando Arduino Monitor Cardíaco usando Arduino
Monitor Cardíaco usando Arduino Adilmar Dantas
 
Algoritmo clique maximo - Analise de Algoritmos
Algoritmo clique maximo  - Analise de AlgoritmosAlgoritmo clique maximo  - Analise de Algoritmos
Algoritmo clique maximo - Analise de AlgoritmosAdilmar Dantas
 
TCC: WebLab Laboratório de Experimentação Remota
TCC: WebLab Laboratório de Experimentação RemotaTCC: WebLab Laboratório de Experimentação Remota
TCC: WebLab Laboratório de Experimentação RemotaAdilmar Dantas
 
Engenharia de software testes
Engenharia de software  testesEngenharia de software  testes
Engenharia de software testesAdilmar Dantas
 
Qualidade de Software Web
Qualidade de Software WebQualidade de Software Web
Qualidade de Software WebAdilmar Dantas
 
Compilador analise lexica
Compilador analise lexicaCompilador analise lexica
Compilador analise lexicaAdilmar Dantas
 

Más de Adilmar Dantas (20)

Querying nosql stores
Querying nosql storesQuerying nosql stores
Querying nosql stores
 
Potenciação Divide and Conquer
Potenciação Divide and ConquerPotenciação Divide and Conquer
Potenciação Divide and Conquer
 
Cinta de expansão torácica utilizando Arduino aplicado na fisioterapia respir...
Cinta de expansão torácica utilizando Arduino aplicado na fisioterapia respir...Cinta de expansão torácica utilizando Arduino aplicado na fisioterapia respir...
Cinta de expansão torácica utilizando Arduino aplicado na fisioterapia respir...
 
Análise de Técnicas Computacionais para Classificação de Emoções
Análise de Técnicas Computacionais para Classificação de EmoçõesAnálise de Técnicas Computacionais para Classificação de Emoções
Análise de Técnicas Computacionais para Classificação de Emoções
 
Reconhecimento Automático de Emoções
Reconhecimento Automático de EmoçõesReconhecimento Automático de Emoções
Reconhecimento Automático de Emoções
 
Reconhecimento automático de emoções
Reconhecimento automático de emoçõesReconhecimento automático de emoções
Reconhecimento automático de emoções
 
Detecção de Faces - Redes Neurais *MLP
Detecção de Faces - Redes Neurais *MLPDetecção de Faces - Redes Neurais *MLP
Detecção de Faces - Redes Neurais *MLP
 
Rede Neural MLP para reconhecimento de Faces
Rede Neural MLP para reconhecimento de FacesRede Neural MLP para reconhecimento de Faces
Rede Neural MLP para reconhecimento de Faces
 
ALgoritmo Genético - Escalonamento
ALgoritmo Genético - EscalonamentoALgoritmo Genético - Escalonamento
ALgoritmo Genético - Escalonamento
 
BIODATA: SOFTWARE WEB PARA GERENCIAMENTO DE COLETA DE DADOS BIOMÉDICOS
BIODATA: SOFTWARE WEB PARA GERENCIAMENTO DE COLETA DE DADOS BIOMÉDICOSBIODATA: SOFTWARE WEB PARA GERENCIAMENTO DE COLETA DE DADOS BIOMÉDICOS
BIODATA: SOFTWARE WEB PARA GERENCIAMENTO DE COLETA DE DADOS BIOMÉDICOS
 
Alinhamento de Sequencia DNA
Alinhamento de Sequencia DNAAlinhamento de Sequencia DNA
Alinhamento de Sequencia DNA
 
3ª maratona de games – facom ufu
3ª maratona de games – facom  ufu3ª maratona de games – facom  ufu
3ª maratona de games – facom ufu
 
Monitor Cardíaco usando Arduino
Monitor Cardíaco usando Arduino Monitor Cardíaco usando Arduino
Monitor Cardíaco usando Arduino
 
Algoritmo clique maximo - Analise de Algoritmos
Algoritmo clique maximo  - Analise de AlgoritmosAlgoritmo clique maximo  - Analise de Algoritmos
Algoritmo clique maximo - Analise de Algoritmos
 
Servidores Web
Servidores WebServidores Web
Servidores Web
 
TCC: WebLab Laboratório de Experimentação Remota
TCC: WebLab Laboratório de Experimentação RemotaTCC: WebLab Laboratório de Experimentação Remota
TCC: WebLab Laboratório de Experimentação Remota
 
Weblab TCC
Weblab TCCWeblab TCC
Weblab TCC
 
Engenharia de software testes
Engenharia de software  testesEngenharia de software  testes
Engenharia de software testes
 
Qualidade de Software Web
Qualidade de Software WebQualidade de Software Web
Qualidade de Software Web
 
Compilador analise lexica
Compilador analise lexicaCompilador analise lexica
Compilador analise lexica
 

Padrões e convenções de design na interface homem-máquina

  • 1. Adilmar Coelho Dantas IFTM Disciplina: Interface Homem e Maquina
  • 2.
  • 3. Introdução Os usuários criam expectativas em relação ao seu site e se eles estiverem acostumados com padrões e convenções de design predominantes nos outros sites na rede eles vão esperar encontrar também em seu site.
  • 4. Como os usuários passam poucos tempo nós sites o tempo que ele passa brigando com uma interface que viola este padrões pode resultar na perde um negocio. Tempo Dinheiro $
  • 5. Quando as informações estão ocultas e como se o usuário não estivesse naquele ambiente portanto ele não terá uma boa interação. Na web as imagens chamam bastante atenção principalmente quando associadas a textos o que leva ao usuário clicar nelas mesmo não sendo clicáveis pois por padrões imagem que referenciam algo devem conter link.
  • 6.
  • 7. Note que as informações estão ocultas e o usuário e levado a clicar em navigate
  • 8. Somente após algum tempo os usuários percebem que ao passar o mouse o menu surge, isto para usuários pouco experientes e um grave problema.
  • 9. Note que as palavras LUNCH “Almoço” e DINNER “Janta” em destaque dão por intender que elas são clicáveis , mas na verdade não são.