SlideShare uma empresa Scribd logo
1 de 12
FACULDADE DE EDUCAÇÃO TECNOLOGICA DO ESTADO DO RIO DE JANEIRO
PARACAMBI
JURANDYR DA SILVA PEREIRA NETO
Trabalho entregue junto á
Faculdade de Educação
Tecnológica do Estado do Rio
De Janeiro como parte da
nota da segunda avaliação
Do 3° Período do curso de
Sistemas de Informação
Professor: Mariano Almeida
Experiência de Usuário
UX
Experiência do usuário, do inglês User Experience (UX), envolve os sentimentos de uma
pessoa em relação à utilização de um determinado produto, sistema ou serviço.
A experiência do usuário destaca os aspectos afetivos, experienciais, significativos e valiosos
de interação humano-computador e propriedade do produto.
Além disso, inclui as percepções de uma pessoa dos aspectos práticos, tais como a utilidade,
a facilidade de utilização e a eficácia do sistema.
A experiência do usuário é de natureza subjetiva, pois é sobre a percepção e pensamento
individual no que diz respeito ao sistema. A experiência do usuário é dinâmica, pois é
constantemente modificada ao longo do tempo, devido à evolução das circunstâncias e
inovações.
Definição:
 A interface do usuário: Interação homem – maquina , é o espaço onde ocorrem as interações entre seres
humanos e máquinas.
 Design de interação é uma área do design especializada no projeto de artefatos interativos,
como websites, PDAs, jogos eletrônicos e softwares.
 Estratégia de conteúdo refere-se ao planejamento, desenvolvimento e gestão de escrita em conteúdo ou
em outros meios. O termo é particularmente comum em desenvolvimento web desde o final da década de
1990.
 Arquitetura da informação (IA) é o projeto estrutural de Compartilhar informação ambientes; a arte e
a ciência de organizar e rotular websites , intranets , comunidades online e software para suportar toda
usabilidade
 Design visual é o design atuando em qualquer mídia ou suporte da comunicação visual. Trata-se de uma
terminologia que abrange todas as extensas especializações existentes no design aplicado na comunicação
que se utiliza de canal visual para transmissão de mensagens
 Funcionalidade é definida como um comportamento ou uma ação para a qual possa ser visualizado um
início e um fim; isto é: algo passível de execução.
 Usabilidade Na Interação Humano-computador se refere à simplicidade e facilidade com que
uma interface, um programa de computador ou um website pode ser utilizado.
 Tipografia é a arte ea técnica de organização de tipo para tornara linguagem escrita mais atraente
para o aprendizado e reconhecimento
Flat Design
 Flat Design refere-se a um estilo de design de interface, que remove todas as escolhas estilísticas
que dão a ilusão de três dimensões (como sombras, gradientes ou texturas) e é focado em um uso
minimalista de elementos simples, tipografia e plana cores design plano porque permite que
projetos de interface para ser mais ágil e eficiente.
 É mais fácil de transmitir rapidamente informações enquanto ainda está procurando visualmente
atraente e acessível O minimalismo de cores sólidas e formas simples aliado ao foco na tipografia
fazem deste estilo um forte atrativo para designers do mundo todo.
Flat Design
Obrigado pela atenção
FIM
bibliografia
http://en.wikipedia.org/wiki/Flat_UI_Design fltdsgn.com/
http://www.designerd.com.br/flat-design-inspiracao-e-freebies- para-os-seus-proximos-projetos/
http://www.wikipedia.com/

Mais conteúdo relacionado

Mais procurados

A importancia de IHC no desenvolvimento de software
A importancia de IHC no desenvolvimento de softwareA importancia de IHC no desenvolvimento de software
A importancia de IHC no desenvolvimento de softwareFlavia Negrao
 
Interação humano computador (introdução )
Interação humano computador (introdução )Interação humano computador (introdução )
Interação humano computador (introdução )Jesse Teixeira
 
Interação Humano Computador 1
Interação Humano Computador 1Interação Humano Computador 1
Interação Humano Computador 1Robson Santos
 
Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)Wellington Oliveira
 
Ihc 01-conceitos básicos
Ihc 01-conceitos básicosIhc 01-conceitos básicos
Ihc 01-conceitos básicosEduardo Xavier
 
Avaliaçãp
AvaliaçãpAvaliaçãp
Avaliaçãpclimack
 
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
 
Arquitetura da Informação e Experiência do Usuário
Arquitetura da Informação e Experiência do UsuárioArquitetura da Informação e Experiência do Usuário
Arquitetura da Informação e Experiência do UsuárioThais Campas
 
Interface e Usabilidade: Como levar o usuário onde queremos!
Interface e Usabilidade: Como levar o usuário onde queremos!Interface e Usabilidade: Como levar o usuário onde queremos!
Interface e Usabilidade: Como levar o usuário onde queremos!Marcelo Prudente
 

Mais procurados (16)

A importancia de IHC no desenvolvimento de software
A importancia de IHC no desenvolvimento de softwareA importancia de IHC no desenvolvimento de software
A importancia de IHC no desenvolvimento de software
 
IHC Parte1
IHC Parte1IHC Parte1
IHC Parte1
 
Ihc Aula7
Ihc Aula7Ihc Aula7
Ihc Aula7
 
Interação humano computador (introdução )
Interação humano computador (introdução )Interação humano computador (introdução )
Interação humano computador (introdução )
 
Jai apostila
Jai apostilaJai apostila
Jai apostila
 
Interação Humano Computador 1
Interação Humano Computador 1Interação Humano Computador 1
Interação Humano Computador 1
 
Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)
 
Ihc 01-conceitos básicos
Ihc 01-conceitos básicosIhc 01-conceitos básicos
Ihc 01-conceitos básicos
 
Paradigmas da comunicação IHC
Paradigmas da comunicação IHCParadigmas da comunicação IHC
Paradigmas da comunicação IHC
 
Modelo de Componentes de IHC
Modelo de Componentes de IHCModelo de Componentes de IHC
Modelo de Componentes de IHC
 
Graphic1
Graphic1Graphic1
Graphic1
 
Avaliaçãp
AvaliaçãpAvaliaçãp
Avaliaçãp
 
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
 
Arquitetura da Informação e Experiência do Usuário
Arquitetura da Informação e Experiência do UsuárioArquitetura da Informação e Experiência do Usuário
Arquitetura da Informação e Experiência do Usuário
 
9 regras usabilidade
9 regras usabilidade9 regras usabilidade
9 regras usabilidade
 
Interface e Usabilidade: Como levar o usuário onde queremos!
Interface e Usabilidade: Como levar o usuário onde queremos!Interface e Usabilidade: Como levar o usuário onde queremos!
Interface e Usabilidade: Como levar o usuário onde queremos!
 

Semelhante a Experiência de usuário e flat design

Aula - Interfaces e Estilos de Interação
Aula - Interfaces e Estilos de InteraçãoAula - Interfaces e Estilos de Interação
Aula - Interfaces e Estilos de InteraçãoFabio Moura Pereira
 
Arquitetura de Informação e Usabilidade
Arquitetura de Informação e UsabilidadeArquitetura de Informação e Usabilidade
Arquitetura de Informação e UsabilidadeScriptutex
 
Ergonomia e Usabilidade AULA 2: Conceitos, Engenharia de Usabilidade
Ergonomia e Usabilidade AULA 2: Conceitos, Engenharia de UsabilidadeErgonomia e Usabilidade AULA 2: Conceitos, Engenharia de Usabilidade
Ergonomia e Usabilidade AULA 2: Conceitos, Engenharia de UsabilidadeDra. Camila Hamdan
 
Palestra Experiência do Usuário no contexto do negócio (UX Expert)
Palestra Experiência do Usuário no contexto do negócio (UX Expert)Palestra Experiência do Usuário no contexto do negócio (UX Expert)
Palestra Experiência do Usuário no contexto do negócio (UX Expert)Impacta Eventos
 
Linguagem E Semiotica Brasilia Logocefet
Linguagem E Semiotica Brasilia LogocefetLinguagem E Semiotica Brasilia Logocefet
Linguagem E Semiotica Brasilia LogocefetAdriana Sales Zardini
 
Design da interação / Design da experiência: considerações sobre um campo de ...
Design da interação / Design da experiência: considerações sobre um campo de ...Design da interação / Design da experiência: considerações sobre um campo de ...
Design da interação / Design da experiência: considerações sobre um campo de ...Mauro Pinheiro
 
Design de Interação - Parte 1
Design de Interação - Parte 1Design de Interação - Parte 1
Design de Interação - Parte 1Flavia Siqueira
 
Projetos interativos I - AULA 01
Projetos interativos I - AULA 01Projetos interativos I - AULA 01
Projetos interativos I - AULA 01Marcos Souza
 
Da IHC ao UX: Uma história de ressignificação para o mercado / Webinar BR-CH...
Da IHC ao UX: Uma história de ressignificação  para o mercado / Webinar BR-CH...Da IHC ao UX: Uma história de ressignificação  para o mercado / Webinar BR-CH...
Da IHC ao UX: Uma história de ressignificação para o mercado / Webinar BR-CH...Rafael Burity
 
Heurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na webHeurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na webDaniel Brandão
 
Design De Interfaces
Design De InterfacesDesign De Interfaces
Design De InterfacesBruno Brant
 
Aula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
Aula 01 - Conceitos de IHC - Prof.ª Cristiane FidelixAula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
Aula 01 - Conceitos de IHC - Prof.ª Cristiane FidelixCris Fidelix
 
Otimizando os projetos de TI com User Experience
Otimizando os projetos de TI com User ExperienceOtimizando os projetos de TI com User Experience
Otimizando os projetos de TI com User ExperienceTuia
 
Palestra UX e AI
Palestra UX e AIPalestra UX e AI
Palestra UX e AIklaibert
 
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
 

Semelhante a Experiência de usuário e flat design (20)

Aula - Interfaces e Estilos de Interação
Aula - Interfaces e Estilos de InteraçãoAula - Interfaces e Estilos de Interação
Aula - Interfaces e Estilos de Interação
 
Aula 1
Aula 1Aula 1
Aula 1
 
Design de interface
Design de interfaceDesign de interface
Design de interface
 
Design de Interação 2008
Design de Interação 2008Design de Interação 2008
Design de Interação 2008
 
Arquitetura de Informação e Usabilidade
Arquitetura de Informação e UsabilidadeArquitetura de Informação e Usabilidade
Arquitetura de Informação e Usabilidade
 
Ergonomia e Usabilidade AULA 2: Conceitos, Engenharia de Usabilidade
Ergonomia e Usabilidade AULA 2: Conceitos, Engenharia de UsabilidadeErgonomia e Usabilidade AULA 2: Conceitos, Engenharia de Usabilidade
Ergonomia e Usabilidade AULA 2: Conceitos, Engenharia de Usabilidade
 
Palestra Experiência do Usuário no contexto do negócio (UX Expert)
Palestra Experiência do Usuário no contexto do negócio (UX Expert)Palestra Experiência do Usuário no contexto do negócio (UX Expert)
Palestra Experiência do Usuário no contexto do negócio (UX Expert)
 
Linguagem E Semiotica Brasilia Logocefet
Linguagem E Semiotica Brasilia LogocefetLinguagem E Semiotica Brasilia Logocefet
Linguagem E Semiotica Brasilia Logocefet
 
Design da interação / Design da experiência: considerações sobre um campo de ...
Design da interação / Design da experiência: considerações sobre um campo de ...Design da interação / Design da experiência: considerações sobre um campo de ...
Design da interação / Design da experiência: considerações sobre um campo de ...
 
Apresentação tarefa 2 ihm
Apresentação tarefa 2 ihmApresentação tarefa 2 ihm
Apresentação tarefa 2 ihm
 
Design de Interação - Parte 1
Design de Interação - Parte 1Design de Interação - Parte 1
Design de Interação - Parte 1
 
Projetos interativos I - AULA 01
Projetos interativos I - AULA 01Projetos interativos I - AULA 01
Projetos interativos I - AULA 01
 
Da IHC ao UX: Uma história de ressignificação para o mercado / Webinar BR-CH...
Da IHC ao UX: Uma história de ressignificação  para o mercado / Webinar BR-CH...Da IHC ao UX: Uma história de ressignificação  para o mercado / Webinar BR-CH...
Da IHC ao UX: Uma história de ressignificação para o mercado / Webinar BR-CH...
 
Heurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na webHeurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na web
 
Design De Interfaces
Design De InterfacesDesign De Interfaces
Design De Interfaces
 
Aula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
Aula 01 - Conceitos de IHC - Prof.ª Cristiane FidelixAula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
Aula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
 
Otimizando os projetos de TI com User Experience
Otimizando os projetos de TI com User ExperienceOtimizando os projetos de TI com User Experience
Otimizando os projetos de TI com User Experience
 
Palestra UX e AI
Palestra UX e AIPalestra UX e AI
Palestra UX e AI
 
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
 
USABILIDADE DA WEB MÓVEL
USABILIDADE DA WEB MÓVELUSABILIDADE DA WEB MÓVEL
USABILIDADE DA WEB MÓVEL
 

Experiência de usuário e flat design

  • 1. FACULDADE DE EDUCAÇÃO TECNOLOGICA DO ESTADO DO RIO DE JANEIRO PARACAMBI JURANDYR DA SILVA PEREIRA NETO Trabalho entregue junto á Faculdade de Educação Tecnológica do Estado do Rio De Janeiro como parte da nota da segunda avaliação Do 3° Período do curso de Sistemas de Informação Professor: Mariano Almeida
  • 2.
  • 4. Experiência do usuário, do inglês User Experience (UX), envolve os sentimentos de uma pessoa em relação à utilização de um determinado produto, sistema ou serviço. A experiência do usuário destaca os aspectos afetivos, experienciais, significativos e valiosos de interação humano-computador e propriedade do produto. Além disso, inclui as percepções de uma pessoa dos aspectos práticos, tais como a utilidade, a facilidade de utilização e a eficácia do sistema. A experiência do usuário é de natureza subjetiva, pois é sobre a percepção e pensamento individual no que diz respeito ao sistema. A experiência do usuário é dinâmica, pois é constantemente modificada ao longo do tempo, devido à evolução das circunstâncias e inovações. Definição:
  • 5.
  • 6.  A interface do usuário: Interação homem – maquina , é o espaço onde ocorrem as interações entre seres humanos e máquinas.  Design de interação é uma área do design especializada no projeto de artefatos interativos, como websites, PDAs, jogos eletrônicos e softwares.  Estratégia de conteúdo refere-se ao planejamento, desenvolvimento e gestão de escrita em conteúdo ou em outros meios. O termo é particularmente comum em desenvolvimento web desde o final da década de 1990.  Arquitetura da informação (IA) é o projeto estrutural de Compartilhar informação ambientes; a arte e a ciência de organizar e rotular websites , intranets , comunidades online e software para suportar toda usabilidade  Design visual é o design atuando em qualquer mídia ou suporte da comunicação visual. Trata-se de uma terminologia que abrange todas as extensas especializações existentes no design aplicado na comunicação que se utiliza de canal visual para transmissão de mensagens  Funcionalidade é definida como um comportamento ou uma ação para a qual possa ser visualizado um início e um fim; isto é: algo passível de execução.
  • 7.  Usabilidade Na Interação Humano-computador se refere à simplicidade e facilidade com que uma interface, um programa de computador ou um website pode ser utilizado.  Tipografia é a arte ea técnica de organização de tipo para tornara linguagem escrita mais atraente para o aprendizado e reconhecimento
  • 8. Flat Design  Flat Design refere-se a um estilo de design de interface, que remove todas as escolhas estilísticas que dão a ilusão de três dimensões (como sombras, gradientes ou texturas) e é focado em um uso minimalista de elementos simples, tipografia e plana cores design plano porque permite que projetos de interface para ser mais ágil e eficiente.  É mais fácil de transmitir rapidamente informações enquanto ainda está procurando visualmente atraente e acessível O minimalismo de cores sólidas e formas simples aliado ao foco na tipografia fazem deste estilo um forte atrativo para designers do mundo todo.
  • 10.