SlideShare a Scribd company logo
1 of 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

More Related Content

What's hot

Ux nas organizações
Ux nas organizaçõesUx nas organizações
Ux nas organizaçõesEdu Agni
 
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çãoFelipe Dal Molin
 
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?!Monica Possel
 
Natural User Interface Design
Natural User Interface DesignNatural User Interface Design
Natural User Interface DesignEdu Agni
 
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...André Constantino da Silva
 
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 designThiago Marques
 
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çãOMarcelo Bitencourt
 
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 DigitalEdu Agni
 
Palestra - Design de interação
Palestra - Design de interaçãoPalestra - Design de interação
Palestra - Design de interaçãoLuiz Agner
 
Design Emocional
Design EmocionalDesign Emocional
Design EmocionalEdu Agni
 
Simplificando o design digital
Simplificando o design digitalSimplificando o design digital
Simplificando o design digitalMarconi Pacheco
 
Interfaces Naturais
Interfaces NaturaisInterfaces Naturais
Interfaces NaturaisEdu Agni
 
Palestra Usabilidade
Palestra UsabilidadePalestra Usabilidade
Palestra Usabilidadelucattony
 
Apresentação TCC - Marconi Pacheco 2010
Apresentação TCC - Marconi Pacheco 2010Apresentação TCC - Marconi Pacheco 2010
Apresentação TCC - Marconi Pacheco 2010Marconi Pacheco
 
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árioBruno Biagioni Neto
 
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 DigitalMarconi Pacheco
 
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çãoRobson Santos
 

What's hot (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
 

Viewers also liked

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 Interfacesperes marlene
 
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árioKarine Drumond
 
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 interfacesJanynne Gomes
 
Aula: Tipos de Interface
Aula: Tipos de InterfaceAula: Tipos de Interface
Aula: Tipos de InterfaceJanynne Gomes
 
"Bom" e "Mau" Design
"Bom" e "Mau" Design"Bom" e "Mau" Design
"Bom" e "Mau" DesignLina Morgado
 
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çãoOdair Cavichioli
 
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óveisEdson Luiz
 
Design De Interfaces
Design De InterfacesDesign De Interfaces
Design De InterfacesBruno Brant
 
Introducao à Arquitetura de Informacao
Introducao à Arquitetura de InformacaoIntroducao à Arquitetura de Informacao
Introducao à Arquitetura de Informacaoduradez
 
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óveisJane Vita
 
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árioAndré Constantino da Silva
 
Usabilidade e Experiencia do Usuario
Usabilidade e Experiencia do UsuarioUsabilidade e Experiencia do Usuario
Usabilidade e Experiencia do UsuarioGustavo Gil
 
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
 
Semiótica de Saussure e Peirce
Semiótica de Saussure e PeirceSemiótica de Saussure e Peirce
Semiótica de Saussure e Peircekalledonian
 
O que é Design de Serviços?
O que é Design de Serviços?O que é Design de Serviços?
O que é Design de Serviços?Victor Gonçalves
 
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ádicaGabrielle Grimm
 

Viewers also liked (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
 

Similar to Design de interfaces: conceitos e boas práticas

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óveisDaniel Lugondi
 
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?Rodrigo Medeiros
 
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 CUSTOBizcool | Escola Aceleradora
 
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çãoCauê de Souza
 
Jordana Mello
Jordana MelloJordana Mello
Jordana Melloossobuco
 
Design de Interação Estratégico
Design de Interação EstratégicoDesign de Interação Estratégico
Design de Interação EstratégicoUTFPR
 
Apresentação Fundatec
Apresentação FundatecApresentação Fundatec
Apresentação FundatecEluza Pinheiro
 
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?Rodrigo Medeiros
 
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...Renata Tonezi
 
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çãoJuliana Dorneles
 
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 - portugueseAna Luísa Ponsirenas
 
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í?Rodrigo Medeiros
 
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 sorrirUXPA-Rio
 
Designer: ser ou não ser
Designer: ser ou não serDesigner: ser ou não ser
Designer: ser ou não serJonathan Prieto
 

Similar to Design de interfaces: conceitos e boas práticas (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
 

Design de interfaces: conceitos e boas práticas