SlideShare ist ein Scribd-Unternehmen logo
1 von 57
DESIGN DE INTERFACES
           huh?




       Juliana Padron
PRIMEIRO....
DESIGN = DISCIPLINA
DESIGNER = PROFISSIONAL
SEGUNDO....
...O que é “interface” ?
“É o desenho da interação
entre o usuário e um produto”
hein?
O que define um
BOM DESIGN?
FORMA X FUNÇÃO
1. Estética
2. Informação
3. Simplicidade
4. Acessibilidade
5. Consistência
6. Segurança
7. Usabilidade
DÁ PRA SER PERFEITO?
Eu sei como NÃO fazer.
... E o que é usabilidade?
Facilidade de uso
Rápido aprendizado
Exemplo prático
PRÓS   CONTRAS
Agora, voltando ao assunto...
Entenderam o conceito de
      Usabilidade?
“Don’t be evil”.
  (PAUL BUCHHEIT / GMAIL)
“Pessoas não lidam bem com
     mudanças bruscas”
        (SABEER BHATIA / HOTMAIL)
“Não tente mudar radicalmente o
 comportamento dos usuários”
          (SABEER BHATIA / HOTMAIL)
Poxa... o designer de interfaces
 precisa pensar em tudo isso?
teoria das cores       arquitetura da
                           informação
 psicologia usabilidade
                        user experience
  Poxa... o designer de interfaces
   precisa pensar em tudo isso...
design gráfico design de interação
               diagramação   semiótica
 design da informação webstandards
E as inovações que deram certo?
A PROFISSÃO
DÚVIDAS?
OBRIGADA!
julliejoe@gmail.com
       @julliejoe

Weitere ähnliche Inhalte

Was ist angesagt?

Cap 6 O Processo De Design De InteraçãO
Cap 6 O Processo De Design De InteraçãOCap 6 O Processo De Design De InteraçãO
Cap 6 O Processo De Design De InteraçãO
Marcelo Bitencourt
 

Was ist angesagt? (20)

Ux nas organizações
Ux nas organizaçõesUx nas organizações
Ux nas organizações
 
Princípios de Design de Interação
Princípios de Design de InteraçãoPrincípios de Design de Interação
Princípios de Design de Interação
 
Design de Interação: O que você tem a ver com isso?!
Design de Interação: O que você tem a ver com isso?!Design de Interação: O que você tem a ver com isso?!
Design de Interação: O que você tem a ver com isso?!
 
Aula 3 – A áera de IHC
Aula 3 – A áera de IHCAula 3 – A áera de IHC
Aula 3 – A áera de IHC
 
Aula 2 - A área de IHC
Aula 2 - A área de IHCAula 2 - A área de IHC
Aula 2 - A área de IHC
 
Natural User Interface Design
Natural User Interface DesignNatural User Interface Design
Natural User Interface Design
 
Mouse+Teclado x Toque+Caneta: as modalidades de interação em contextos educac...
Mouse+Teclado x Toque+Caneta: as modalidades de interação em contextos educac...Mouse+Teclado x Toque+Caneta: as modalidades de interação em contextos educac...
Mouse+Teclado x Toque+Caneta: as modalidades de interação em contextos educac...
 
Pensando em UX / UI com o material design
Pensando em UX / UI com o material designPensando em UX / UI com o material design
Pensando em UX / UI com o material design
 
Cap 6 O Processo De Design De InteraçãO
Cap 6 O Processo De Design De InteraçãOCap 6 O Processo De Design De InteraçãO
Cap 6 O Processo De Design De InteraçãO
 
Design Emocional e a Experiência Digital
Design Emocional e a Experiência DigitalDesign Emocional e a Experiência Digital
Design Emocional e a Experiência Digital
 
Palestra - Design de interação
Palestra - Design de interaçãoPalestra - Design de interação
Palestra - Design de interação
 
Design Emocional
Design EmocionalDesign Emocional
Design Emocional
 
Simplificando o design digital
Simplificando o design digitalSimplificando o design digital
Simplificando o design digital
 
Interfaces Naturais
Interfaces NaturaisInterfaces Naturais
Interfaces Naturais
 
Interface Humano Computador - Aula03 - design de experiência de usuário e aná...
Interface Humano Computador - Aula03 - design de experiência de usuário e aná...Interface Humano Computador - Aula03 - design de experiência de usuário e aná...
Interface Humano Computador - Aula03 - design de experiência de usuário e aná...
 
Palestra Usabilidade
Palestra UsabilidadePalestra Usabilidade
Palestra Usabilidade
 
Apresentação TCC - Marconi Pacheco 2010
Apresentação TCC - Marconi Pacheco 2010Apresentação TCC - Marconi Pacheco 2010
Apresentação TCC - Marconi Pacheco 2010
 
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
 
Design Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface DigitalDesign Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface Digital
 
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
 

Andere mochten auch

Introducao à Arquitetura de Informacao
Introducao à Arquitetura de InformacaoIntroducao à Arquitetura de Informacao
Introducao à Arquitetura de Informacao
duradez
 

Andere mochten auch (20)

Princípios Gerais para o Design de Interfaces
Princípios Gerais para o Design de InterfacesPrincípios Gerais para o Design de Interfaces
Princípios Gerais para o Design de Interfaces
 
O que é design centrado no usuário
O que é design centrado no usuárioO que é design centrado no usuário
O que é design centrado no usuário
 
Aula: Princípios de design de interfaces
Aula: Princípios de design de interfacesAula: Princípios de design de interfaces
Aula: Princípios de design de interfaces
 
Aula: Tipos de Interface
Aula: Tipos de InterfaceAula: Tipos de Interface
Aula: Tipos de Interface
 
Bom e mau Design
Bom e mau DesignBom e mau Design
Bom e mau Design
 
"Bom" e "Mau" Design
"Bom" e "Mau" Design"Bom" e "Mau" Design
"Bom" e "Mau" Design
 
Webdesign - O webdesigner no processo de criação
Webdesign - O webdesigner no processo de criaçãoWebdesign - O webdesigner no processo de criação
Webdesign - O webdesigner no processo de criação
 
DESIGN DE INTERFACE
DESIGN DE INTERFACEDESIGN DE INTERFACE
DESIGN DE INTERFACE
 
Introdução ao Design de interface para dispositivos móveis
Introdução ao Design de interface para dispositivos móveisIntrodução ao Design de interface para dispositivos móveis
Introdução ao Design de interface para dispositivos móveis
 
Ihc Aula7
Ihc Aula7Ihc Aula7
Ihc Aula7
 
Design De Interfaces
Design De InterfacesDesign De Interfaces
Design De Interfaces
 
Introducao à Arquitetura de Informacao
Introducao à Arquitetura de InformacaoIntroducao à Arquitetura de Informacao
Introducao à Arquitetura de Informacao
 
Mini Curso - Design de Interface para Dispositivos Móveis
Mini Curso - Design de Interface para Dispositivos MóveisMini Curso - Design de Interface para Dispositivos Móveis
Mini Curso - Design de Interface para Dispositivos Móveis
 
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
 
Usabilidade e Experiencia do Usuario
Usabilidade e Experiencia do UsuarioUsabilidade e Experiencia do Usuario
Usabilidade e Experiencia do Usuario
 
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
 
Semiótica de Saussure e Peirce
Semiótica de Saussure e PeirceSemiótica de Saussure e Peirce
Semiótica de Saussure e Peirce
 
O que é Design de Serviços?
O que é Design de Serviços?O que é Design de Serviços?
O que é Design de Serviços?
 
Projeto de WEB Site
Projeto de WEB SiteProjeto de WEB Site
Projeto de WEB Site
 
Introdução à Semiótica Peirceana _ Signo como relação triádica
Introdução à Semiótica Peirceana _ Signo como relação triádicaIntrodução à Semiótica Peirceana _ Signo como relação triádica
Introdução à Semiótica Peirceana _ Signo como relação triádica
 

Ähnlich wie Design de Interfaces

Jordana Mello
Jordana MelloJordana Mello
Jordana Mello
ossobuco
 
Design de Interação Estratégico
Design de Interação EstratégicoDesign de Interação Estratégico
Design de Interação Estratégico
UTFPR
 

Ähnlich wie Design de Interfaces (20)

Workshop - Design de Interfaces para Dispositivos Móveis
Workshop - Design de Interfaces para Dispositivos MóveisWorkshop - Design de Interfaces para Dispositivos Móveis
Workshop - Design de Interfaces para Dispositivos Móveis
 
UX Design
UX DesignUX Design
UX Design
 
Palestra UX Etec - 22_04
Palestra UX Etec - 22_04Palestra UX Etec - 22_04
Palestra UX Etec - 22_04
 
Seminario
SeminarioSeminario
Seminario
 
Quero trabalhar com UX no Brasil: #comofaz?
Quero trabalhar com UX no Brasil: #comofaz?Quero trabalhar com UX no Brasil: #comofaz?
Quero trabalhar com UX no Brasil: #comofaz?
 
User experience
User experienceUser experience
User experience
 
GINGA 3.0 - DESIGN UX: PROTOTIPAÇÃO DE BAIXO CUSTO
GINGA 3.0 - DESIGN UX: PROTOTIPAÇÃO DE BAIXO CUSTOGINGA 3.0 - DESIGN UX: PROTOTIPAÇÃO DE BAIXO CUSTO
GINGA 3.0 - DESIGN UX: PROTOTIPAÇÃO DE BAIXO CUSTO
 
CRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e Interação
CRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e InteraçãoCRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e Interação
CRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e Interação
 
Jordana Mello
Jordana MelloJordana Mello
Jordana Mello
 
Design de Interação Estratégico
Design de Interação EstratégicoDesign de Interação Estratégico
Design de Interação Estratégico
 
Ux vs Ui
Ux vs UiUx vs Ui
Ux vs Ui
 
Apresentação Fundatec
Apresentação FundatecApresentação Fundatec
Apresentação Fundatec
 
Quero ser um designer de interação no Brasil: #comofaz?
Quero ser um designer de interação no Brasil: #comofaz?Quero ser um designer de interação no Brasil: #comofaz?
Quero ser um designer de interação no Brasil: #comofaz?
 
Chatbots e UX: Como os chatbots podem ajudar a entender o que as pessoas real...
Chatbots e UX: Como os chatbots podem ajudar a entender o que as pessoas real...Chatbots e UX: Como os chatbots podem ajudar a entender o que as pessoas real...
Chatbots e UX: Como os chatbots podem ajudar a entender o que as pessoas real...
 
Experiência do Usuário: uma introdução
Experiência do Usuário: uma introduçãoExperiência do Usuário: uma introdução
Experiência do Usuário: uma introdução
 
On UX and UX carrer - Intel Software Day 2013 - portuguese
On UX and UX carrer - Intel Software Day 2013 - portugueseOn UX and UX carrer - Intel Software Day 2013 - portuguese
On UX and UX carrer - Intel Software Day 2013 - portuguese
 
UX.. Vale a pena?
UX.. Vale a pena?UX.. Vale a pena?
UX.. Vale a pena?
 
Quero ser designer de interação em Recife. E aí?
Quero ser designer de interação em Recife. E aí?Quero ser designer de interação em Recife. E aí?
Quero ser designer de interação em Recife. E aí?
 
Alessandro Ribeiro | Fazemos nosso usuário sorrir
Alessandro Ribeiro | Fazemos nosso usuário sorrirAlessandro Ribeiro | Fazemos nosso usuário sorrir
Alessandro Ribeiro | Fazemos nosso usuário sorrir
 
Designer: ser ou não ser
Designer: ser ou não serDesigner: ser ou não ser
Designer: ser ou não ser
 

Kürzlich hochgeladen

Kürzlich hochgeladen (6)

Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemplo
 
Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object Calisthenics
 
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
 
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docxATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
 

Design de Interfaces