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?

Was ist angesagt? (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
 

Andere mochten auch

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
 
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
Fernando Chadu
 

Andere mochten auch (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
 

Ä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
 
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