SlideShare une entreprise Scribd logo
1  sur  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

Contenu connexe

Tendances

Projetando performances emergentes
Projetando performances emergentesProjetando performances emergentes
Projetando performances emergentesUTFPR
 
Interfaces Naturais
Interfaces NaturaisInterfaces Naturais
Interfaces NaturaisEdu Agni
 
Usabilidade, User Experience e Design Emocional no E-commerce
Usabilidade, User Experience e Design Emocional no E-commerceUsabilidade, User Experience e Design Emocional no E-commerce
Usabilidade, User Experience e Design Emocional no E-commerceEdu Agni
 
A Startup Expansiva
A Startup ExpansivaA Startup Expansiva
A Startup ExpansivaUTFPR
 
As Media Queries são só um detalhe!
As Media Queries são só um detalhe!As Media Queries são só um detalhe!
As Media Queries são só um detalhe!Edu Agni
 
Criando interfaces inovadoras com Design Thinking (#webbr2014)
Criando interfaces inovadoras com Design Thinking (#webbr2014)Criando interfaces inovadoras com Design Thinking (#webbr2014)
Criando interfaces inovadoras com Design Thinking (#webbr2014)Demian Borba
 
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
 
Simplificando o design digital
Simplificando o design digitalSimplificando o design digital
Simplificando o design digitalMarconi Pacheco
 
Mobile First & Responsive Design
Mobile First & Responsive DesignMobile First & Responsive Design
Mobile First & Responsive DesignEdu Agni
 
Experiência do usuário e emergência
Experiência do usuário e emergênciaExperiência do usuário e emergência
Experiência do usuário e emergênciaUTFPR
 
Usabilidade para sistemas
Usabilidade para sistemasUsabilidade para sistemas
Usabilidade para sistemasanatofol
 
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
 
Semiotica aplicada ao Design de Interação
Semiotica aplicada ao Design de InteraçãoSemiotica aplicada ao Design de Interação
Semiotica aplicada ao Design de InteraçãoUTFPR
 
Design Emocional
Design EmocionalDesign Emocional
Design EmocionalEdu Agni
 
Workshop • UX design •
Workshop • UX design •  Workshop • UX design •
Workshop • UX design • Suzi Sarmento
 
Introdução ao Design de Interação
Introdução ao Design de InteraçãoIntrodução ao Design de Interação
Introdução ao Design de InteraçãoUTFPR
 
Experiência do usuário
Experiência do usuárioExperiência do usuário
Experiência do usuárioVictor Rubens
 
Desenvolvimento Centrado no Usuário
Desenvolvimento Centrado no UsuárioDesenvolvimento Centrado no Usuário
Desenvolvimento Centrado no UsuárioEdu Agni
 

Tendances (20)

Ux vs Ui
Ux vs UiUx vs Ui
Ux vs Ui
 
Projetando performances emergentes
Projetando performances emergentesProjetando performances emergentes
Projetando performances emergentes
 
Interfaces Naturais
Interfaces NaturaisInterfaces Naturais
Interfaces Naturais
 
Usabilidade, User Experience e Design Emocional no E-commerce
Usabilidade, User Experience e Design Emocional no E-commerceUsabilidade, User Experience e Design Emocional no E-commerce
Usabilidade, User Experience e Design Emocional no E-commerce
 
A Startup Expansiva
A Startup ExpansivaA Startup Expansiva
A Startup Expansiva
 
As Media Queries são só um detalhe!
As Media Queries são só um detalhe!As Media Queries são só um detalhe!
As Media Queries são só um detalhe!
 
Criando interfaces inovadoras com Design Thinking (#webbr2014)
Criando interfaces inovadoras com Design Thinking (#webbr2014)Criando interfaces inovadoras com Design Thinking (#webbr2014)
Criando interfaces inovadoras com Design Thinking (#webbr2014)
 
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
 
Simplificando o design digital
Simplificando o design digitalSimplificando o design digital
Simplificando o design digital
 
Mobile First & Responsive Design
Mobile First & Responsive DesignMobile First & Responsive Design
Mobile First & Responsive Design
 
Workshop de UX, 02
Workshop de UX, 02Workshop de UX, 02
Workshop de UX, 02
 
Experiência do usuário e emergência
Experiência do usuário e emergênciaExperiência do usuário e emergência
Experiência do usuário e emergência
 
Usabilidade para sistemas
Usabilidade para sistemasUsabilidade para sistemas
Usabilidade para sistemas
 
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
 
Semiotica aplicada ao Design de Interação
Semiotica aplicada ao Design de InteraçãoSemiotica aplicada ao Design de Interação
Semiotica aplicada ao Design de Interação
 
Design Emocional
Design EmocionalDesign Emocional
Design Emocional
 
Workshop • UX design •
Workshop • UX design •  Workshop • UX design •
Workshop • UX design •
 
Introdução ao Design de Interação
Introdução ao Design de InteraçãoIntrodução ao Design de Interação
Introdução ao Design de Interação
 
Experiência do usuário
Experiência do usuárioExperiência do usuário
Experiência do usuário
 
Desenvolvimento Centrado no Usuário
Desenvolvimento Centrado no UsuárioDesenvolvimento Centrado no Usuário
Desenvolvimento Centrado no Usuário
 

En vedette

Salão Design 2009
Salão Design 2009Salão Design 2009
Salão Design 2009salaodesign
 
Design de Interfaces
Design de InterfacesDesign de Interfaces
Design de InterfacesAna Migowski
 
A interface nunca está pronta (1)
A interface nunca está pronta (1)A interface nunca está pronta (1)
A interface nunca está pronta (1)Jefferson de Camargo
 
Boas Práticas em Design de Interfaces
Boas Práticas em Design de InterfacesBoas Práticas em Design de Interfaces
Boas Práticas em Design de InterfacesFelipe Almeida
 
Mini Curso de Design de Interfaces para Dispositivos Móveis
Mini Curso de Design de Interfaces para Dispositivos MóveisMini Curso de Design de Interfaces para Dispositivos Móveis
Mini Curso de Design de Interfaces para Dispositivos MóveisPaolo Passeri
 
Sete dicas para criar uma apresentação de sucesso
Sete dicas para criar uma apresentação de sucessoSete dicas para criar uma apresentação de sucesso
Sete dicas para criar uma apresentação de sucessoMarcos Escatambulo
 
Palestra Design - Trajetória e Repertório.
Palestra Design - Trajetória e Repertório.Palestra Design - Trajetória e Repertório.
Palestra Design - Trajetória e Repertório.Cristiano Henrique
 
Design e Mercado de Trabalho
Design e Mercado de TrabalhoDesign e Mercado de Trabalho
Design e Mercado de TrabalhoAlessandro Dias
 
Posicionamento e Presença Online no Marketing Político
Posicionamento e Presença Online no Marketing PolíticoPosicionamento e Presença Online no Marketing Político
Posicionamento e Presença Online no Marketing PolíticoTarcízio Silva
 
Apresentacao monografia Design Instrucional para EaD Virtual
Apresentacao monografia Design Instrucional para EaD VirtualApresentacao monografia Design Instrucional para EaD Virtual
Apresentacao monografia Design Instrucional para EaD VirtualFernando Chadu
 
Business model canvas
Business model canvasBusiness model canvas
Business model canvasGesse Santos
 
As cores certas para alavancar sua loja virtual
As cores certas para alavancar sua loja virtualAs cores certas para alavancar sua loja virtual
As cores certas para alavancar sua loja virtualSegredosdoMercadoLivre
 

En vedette (20)

Salão Design 2009
Salão Design 2009Salão Design 2009
Salão Design 2009
 
Métodos etnográficos em design de interfaces
Métodos etnográficos em design de interfacesMétodos etnográficos em design de interfaces
Métodos etnográficos em design de interfaces
 
Design de Interfaces
Design de InterfacesDesign de Interfaces
Design de Interfaces
 
A interface nunca está pronta (1)
A interface nunca está pronta (1)A interface nunca está pronta (1)
A interface nunca está pronta (1)
 
Boas Práticas em Design de Interfaces
Boas Práticas em Design de InterfacesBoas Práticas em Design de Interfaces
Boas Práticas em Design de Interfaces
 
Mini Curso de Design de Interfaces para Dispositivos Móveis
Mini Curso de Design de Interfaces para Dispositivos MóveisMini Curso de Design de Interfaces para Dispositivos Móveis
Mini Curso de Design de Interfaces para Dispositivos Móveis
 
Ihc Aula7
Ihc Aula7Ihc Aula7
Ihc Aula7
 
Vendendo seu Peixe
Vendendo seu PeixeVendendo seu Peixe
Vendendo seu Peixe
 
Fotografia
Fotografia Fotografia
Fotografia
 
Sete dicas para criar uma apresentação de sucesso
Sete dicas para criar uma apresentação de sucessoSete dicas para criar uma apresentação de sucesso
Sete dicas para criar uma apresentação de sucesso
 
Palestra Design - Trajetória e Repertório.
Palestra Design - Trajetória e Repertório.Palestra Design - Trajetória e Repertório.
Palestra Design - Trajetória e Repertório.
 
Design e Mercado de Trabalho
Design e Mercado de TrabalhoDesign e Mercado de Trabalho
Design e Mercado de Trabalho
 
Futuralia
FuturaliaFuturalia
Futuralia
 
Posicionamento e Presença Online no Marketing Político
Posicionamento e Presença Online no Marketing PolíticoPosicionamento e Presença Online no Marketing Político
Posicionamento e Presença Online no Marketing Político
 
Ux para software
Ux para softwareUx para software
Ux para software
 
Aula 03 esquema de cores
Aula 03   esquema de coresAula 03   esquema de cores
Aula 03 esquema de cores
 
Apresentacao monografia Design Instrucional para EaD Virtual
Apresentacao monografia Design Instrucional para EaD VirtualApresentacao monografia Design Instrucional para EaD Virtual
Apresentacao monografia Design Instrucional para EaD Virtual
 
Business model canvas
Business model canvasBusiness model canvas
Business model canvas
 
As cores certas para alavancar sua loja virtual
As cores certas para alavancar sua loja virtualAs cores certas para alavancar sua loja virtual
As cores certas para alavancar sua loja virtual
 
Cores
CoresCores
Cores
 

Similaire à 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
 
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
 
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
 
Palestra - Design de interação
Palestra - Design de interaçãoPalestra - Design de interação
Palestra - Design de interaçãoLuiz Agner
 
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
 

Similaire à 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
 
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
 
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
 
Apresentação Fundatec
Apresentação FundatecApresentação Fundatec
Apresentação Fundatec
 
Palestra - Design de interação
Palestra - Design de interaçãoPalestra - Design de interação
Palestra - Design de interação
 
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
 

Design de interfaces: conceitos e boas práticas