SlideShare une entreprise Scribd logo
1  sur  36
Projeto de Interfaces
Carlos Rosemberg

AULA 01


Especialização em Engenharia de Software
com Ênfase em Padrões de Software
Universidade Estadual do Ceará
Prazer em conhecer,



Carlos Rosemberg
Designer
www.carlosrosemberg.com
berg@carlosrosemberg.com
A metodologia que
vamos usar

Exposição
Interação
Trabalhos em sala de aula
Nosso tempo está
dividido desta forma

Aula 1   Porque estamos aqui?
Aula 2   Entendendo o problema
Aula 3   Criando soluções
Aula 4   Avaliando o que foi criado
Aula 1

Porque estamos aqui
                             ?
...ou a importância da interface
com o usuário nos dias de hoje
Interface com o
    usuário?
Espere um minuto.

  Antes, vamos falar
   um pouco de ...
Experiência
do Usuário
Como assim
Experiência?    óri

Vamos usar como exemplo
 as festas de aniversário...
À moda antiga
         Com os
    ingredientes
certos se faz um
     ótimo bolo!
Aniversário prático

  Para que se preocupar
   com ingredientes, se
você pode comprar o pó
             para bolo?
Aniversário ainda mais prático

Bolo em pó?
Por que não encomendar o bolo na confeitaria?
Aniversário profissional

Nada de bolo pronto. Vamos contratar é a festa completa!
Qual desses aniversários tem
a maior probabiblidade de ser

inesquecível?
O que proporciona
a melhor EXPERIÊNCIA.
O que faz a pessoa...
Se sentir como gostaria;
Se envolver, perder a noção do tempo;
Entender que vale a pena estar ali...


... E não se incomodar em pagar
um pouco a mais por isso.
                                    $
A progressão dos valores econômicos


  Diferenciada                                                          Relevante
                                                        Dirigir
                                                     Experiências


                                            Fornecer
                                            Serviços
    Posição                                                            Necessidades
  competitiva                                                           das pessoas
                                 Fabricar
                                 Produtos


                          Extrair
                        Mercadorias
Sem diferenciação                                                      Irrelevante


                    Mercado           Precificação           Premium
Ou seja,
não venda o bolo.
Venda a festa.
Mas nem tudo é aniversário.
Os tipos de experiência podem
variar bastante...
Agora está mais fácil
entender o que é a tal de
Experiência do Usuário
“   User Experience
    (abbreviated: UX) is the
    quality of experience a
    person has when
    interacting with a
    specific design.

    uxnet.org
                     ”
Ok, então como projetar
experiências de sucesso
É quase impossível
projetar experiências
por completo

... visto que são eventos
complexos, únicos e
individuais.
Mas, conhecendo bem os
elementos que as compõem,

é possível viabilizá-las sob um certo
controle, para gerar resultados pré-
determinados.
MEX Modelo Genérico de Experiência do Usuário
Quem é seu usuário? O que ele pensa? Do que gosta?
O que sabe? Do que é capaz ou incapaz?

                                        Indivíduo
Atividades
O que o usuário deseja ou necessita fazer?
Quais seus objetivos?
Artefatos
Quais as características dos objetos que compõem a
experiência? Qual sua aparência, sua usabilidade?
Como o usuário interage com os artefatos em sua volta?
Quais estímulos ocorrem? Que sentidos são envolvidos?

        Interações
Quais os estágios da experiência? Onde começa, onde termina?
O usuário consegue se envolver de fato?


 Momentos
Contexto
Qual a situação em curso?
Em quais condições ambientais a experiência ocorre?
Hora da prática!
Descreva 2 experiências marcantes, uma “boa” e
outra “ruim”, envolvendo o uso de softwares ou
equipamentos eletrônicos. Guie-se pelo MEX.



Vale 1 ponto para somar na nota final.
Os 2 melhores trabalhos ganham 3 pontos.
Obrigado
e até quarta, pontualmente às
19:00, nesta sala.

Contenu connexe

Tendances

Minicurso de JavaScript (Portuguese)
Minicurso de JavaScript (Portuguese)Minicurso de JavaScript (Portuguese)
Minicurso de JavaScript (Portuguese)
Bruno Grange
 

Tendances (20)

Apostila UML
Apostila UMLApostila UML
Apostila UML
 
Usabilidade, IHC - Definições
Usabilidade, IHC - DefiniçõesUsabilidade, IHC - Definições
Usabilidade, IHC - Definições
 
Introdução a poo
Introdução a pooIntrodução a poo
Introdução a poo
 
Curso javascript básico
Curso javascript básicoCurso javascript básico
Curso javascript básico
 
Apresentação HTML e CSS
Apresentação HTML e CSSApresentação HTML e CSS
Apresentação HTML e CSS
 
Curso de HTML5 - Aula 01
Curso de HTML5 - Aula 01   Curso de HTML5 - Aula 01
Curso de HTML5 - Aula 01
 
Aula 02 - Principios da Orientação a Objetos (POO)
Aula 02 - Principios da Orientação a Objetos (POO)Aula 02 - Principios da Orientação a Objetos (POO)
Aula 02 - Principios da Orientação a Objetos (POO)
 
UML - Criando Diagramas Eficientes
UML - Criando Diagramas EficientesUML - Criando Diagramas Eficientes
UML - Criando Diagramas Eficientes
 
Introdução à linguagem UML
Introdução à linguagem UMLIntrodução à linguagem UML
Introdução à linguagem UML
 
Utilizando views, stored procedures e triggers
Utilizando views, stored procedures e triggersUtilizando views, stored procedures e triggers
Utilizando views, stored procedures e triggers
 
Introdução a JavaScript
Introdução a JavaScriptIntrodução a JavaScript
Introdução a JavaScript
 
Introdução básica ao JavaScript
Introdução básica ao JavaScriptIntrodução básica ao JavaScript
Introdução básica ao JavaScript
 
Programação orientada a objetos
Programação orientada a objetosProgramação orientada a objetos
Programação orientada a objetos
 
Algoritmos - Pseudocódigo
Algoritmos - PseudocódigoAlgoritmos - Pseudocódigo
Algoritmos - Pseudocódigo
 
Introdução a IHC
Introdução a IHCIntrodução a IHC
Introdução a IHC
 
Fundamentos de Testes de Software
Fundamentos de Testes de SoftwareFundamentos de Testes de Software
Fundamentos de Testes de Software
 
Minicurso de JavaScript (Portuguese)
Minicurso de JavaScript (Portuguese)Minicurso de JavaScript (Portuguese)
Minicurso de JavaScript (Portuguese)
 
TDD com Python
TDD com PythonTDD com Python
TDD com Python
 
Apresentação-Resumo sobre o Java Swing.
Apresentação-Resumo sobre o Java Swing.Apresentação-Resumo sobre o Java Swing.
Apresentação-Resumo sobre o Java Swing.
 
UX e UI Design - O que é? Quais as diferenças?
UX e UI Design - O que é? Quais as diferenças?UX e UI Design - O que é? Quais as diferenças?
UX e UI Design - O que é? Quais as diferenças?
 

En vedette

Modelo de artigo científico básico - com normas ABNT
Modelo de artigo científico básico - com normas ABNTModelo de artigo científico básico - com normas ABNT
Modelo de artigo científico básico - com normas ABNT
Rosineia Oliveira dos Santos
 
Proposições educação infantil
Proposições educação infantilProposições educação infantil
Proposições educação infantil
Cintia Resende
 
Componentização e padrões de projeto e interface em Android
Componentização e padrões de projeto e interface em AndroidComponentização e padrões de projeto e interface em Android
Componentização e padrões de projeto e interface em Android
welingtonms
 
Mta1 aula-05 Avaliação Heurística
Mta1 aula-05 Avaliação HeurísticaMta1 aula-05 Avaliação Heurística
Mta1 aula-05 Avaliação Heurística
Alan Vasconcelos
 
Lógica de programação construção de algoritmos e estrutura de dados
Lógica de programação   construção de algoritmos e estrutura de dadosLógica de programação   construção de algoritmos e estrutura de dados
Lógica de programação construção de algoritmos e estrutura de dados
pronatecvja
 

En vedette (20)

Projeto de Interfaces - Aula 02
Projeto de Interfaces - Aula 02Projeto de Interfaces - Aula 02
Projeto de Interfaces - Aula 02
 
Projeto de Interfaces - Aula 03
Projeto de Interfaces - Aula 03Projeto de Interfaces - Aula 03
Projeto de Interfaces - Aula 03
 
Usabilidade Web Alberane
Usabilidade Web AlberaneUsabilidade Web Alberane
Usabilidade Web Alberane
 
Apostila de monografia estácio de sá
Apostila de monografia estácio de sáApostila de monografia estácio de sá
Apostila de monografia estácio de sá
 
Modelo de artigo científico básico - com normas ABNT
Modelo de artigo científico básico - com normas ABNTModelo de artigo científico básico - com normas ABNT
Modelo de artigo científico básico - com normas ABNT
 
Beneficios del journaling 1
Beneficios del journaling 1Beneficios del journaling 1
Beneficios del journaling 1
 
Proposições educação infantil
Proposições educação infantilProposições educação infantil
Proposições educação infantil
 
MEX: Modelo Genérico de Experiência do Usuário
MEX: Modelo Genérico de Experiência do UsuárioMEX: Modelo Genérico de Experiência do Usuário
MEX: Modelo Genérico de Experiência do Usuário
 
Projeto de Software
Projeto de SoftwareProjeto de Software
Projeto de Software
 
Componentização e padrões de projeto e interface em Android
Componentização e padrões de projeto e interface em AndroidComponentização e padrões de projeto e interface em Android
Componentização e padrões de projeto e interface em Android
 
Mta1 aula-05 Avaliação Heurística
Mta1 aula-05 Avaliação HeurísticaMta1 aula-05 Avaliação Heurística
Mta1 aula-05 Avaliação Heurística
 
Banco de Dados II: Conversão do Modelo Conceitual para o Modelo Lógico (aula 6)
Banco de Dados II: Conversão do Modelo Conceitual para o Modelo Lógico (aula 6)Banco de Dados II: Conversão do Modelo Conceitual para o Modelo Lógico (aula 6)
Banco de Dados II: Conversão do Modelo Conceitual para o Modelo Lógico (aula 6)
 
Personas e Cenários
Personas e CenáriosPersonas e Cenários
Personas e Cenários
 
Frame Relay
Frame RelayFrame Relay
Frame Relay
 
Construção de Personas
Construção de PersonasConstrução de Personas
Construção de Personas
 
Gestão em Design - Conceitos - 01
Gestão em Design - Conceitos - 01Gestão em Design - Conceitos - 01
Gestão em Design - Conceitos - 01
 
Historia almacenamiento de la musica
Historia almacenamiento de la musicaHistoria almacenamiento de la musica
Historia almacenamiento de la musica
 
Personas e Cenários
Personas e CenáriosPersonas e Cenários
Personas e Cenários
 
Percurso cognitivo
Percurso cognitivoPercurso cognitivo
Percurso cognitivo
 
Lógica de programação construção de algoritmos e estrutura de dados
Lógica de programação   construção de algoritmos e estrutura de dadosLógica de programação   construção de algoritmos e estrutura de dados
Lógica de programação construção de algoritmos e estrutura de dados
 

Similaire à Projeto de Interfaces - Aula 01

Oficina teste de usabilidade
Oficina teste de usabilidadeOficina teste de usabilidade
Oficina teste de usabilidade
Erico Fileno
 
Apresentacao mercado de trabalho
Apresentacao   mercado de trabalhoApresentacao   mercado de trabalho
Apresentacao mercado de trabalho
Ronaldo Irmão
 
Metodologia ativação projetos pergunta pivo
Metodologia ativação projetos pergunta pivoMetodologia ativação projetos pergunta pivo
Metodologia ativação projetos pergunta pivo
Dobra Inova
 
Design de Interação Estratégico
Design de Interação EstratégicoDesign de Interação Estratégico
Design de Interação Estratégico
UTFPR
 

Similaire à Projeto de Interfaces - Aula 01 (20)

Design de Interação Criativo, Social, Emotivo e Complicado
Design de Interação Criativo, Social, Emotivo e ComplicadoDesign de Interação Criativo, Social, Emotivo e Complicado
Design de Interação Criativo, Social, Emotivo e Complicado
 
Oficina teste de usabilidade
Oficina teste de usabilidadeOficina teste de usabilidade
Oficina teste de usabilidade
 
Metodologias de Design de Interação
Metodologias de Design de InteraçãoMetodologias de Design de Interação
Metodologias de Design de Interação
 
User Experience Boot Camp
User Experience Boot CampUser Experience Boot Camp
User Experience Boot Camp
 
Experience Design - Projetando para a experiência
Experience Design - Projetando para a experiênciaExperience Design - Projetando para a experiência
Experience Design - Projetando para a experiência
 
Como fazer testes de usabilidade
Como fazer testes de usabilidadeComo fazer testes de usabilidade
Como fazer testes de usabilidade
 
TDC2016SP - Trilha Startups
TDC2016SP - Trilha StartupsTDC2016SP - Trilha Startups
TDC2016SP - Trilha Startups
 
Design de experiência e as novas fronteiras da inovação
Design de experiência e as novas fronteiras da inovaçãoDesign de experiência e as novas fronteiras da inovação
Design de experiência e as novas fronteiras da inovação
 
Empreendedorismo E Inovação
Empreendedorismo E InovaçãoEmpreendedorismo E Inovação
Empreendedorismo E Inovação
 
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
 
Lean UX + Lean Startup = S2
Lean UX + Lean Startup = S2Lean UX + Lean Startup = S2
Lean UX + Lean Startup = S2
 
Da academia para o mercado de software
Da academia para o mercado de softwareDa academia para o mercado de software
Da academia para o mercado de software
 
Experiência do usuário sem firula: como mapear oportunidades e criar jornadas...
Experiência do usuário sem firula: como mapear oportunidades e criar jornadas...Experiência do usuário sem firula: como mapear oportunidades e criar jornadas...
Experiência do usuário sem firula: como mapear oportunidades e criar jornadas...
 
Apresentacao mercado de trabalho
Apresentacao   mercado de trabalhoApresentacao   mercado de trabalho
Apresentacao mercado de trabalho
 
Metodologia ativação projetos pergunta pivo
Metodologia ativação projetos pergunta pivoMetodologia ativação projetos pergunta pivo
Metodologia ativação projetos pergunta pivo
 
UX: Desenhando soluções
UX: Desenhando soluçõesUX: Desenhando soluções
UX: Desenhando soluções
 
Design de Interação Estratégico
Design de Interação EstratégicoDesign de Interação Estratégico
Design de Interação Estratégico
 
Design de Interação
Design de InteraçãoDesign de Interação
Design de Interação
 
Usabilidade Simples
Usabilidade SimplesUsabilidade Simples
Usabilidade Simples
 
Experiência do usuário
Experiência do usuárioExperiência do usuário
Experiência do usuário
 

Plus de Carlos Rosemberg

From chaos to action: turning usability testing data into actionable insights...
From chaos to action: turning usability testing data into actionable insights...From chaos to action: turning usability testing data into actionable insights...
From chaos to action: turning usability testing data into actionable insights...
Carlos Rosemberg
 
UX e Métodos Ágeis: Adversários ou Parceiros?
UX e Métodos Ágeis: Adversários ou Parceiros?UX e Métodos Ágeis: Adversários ou Parceiros?
UX e Métodos Ágeis: Adversários ou Parceiros?
Carlos Rosemberg
 

Plus de Carlos Rosemberg (8)

From chaos to action: turning usability testing data into actionable insights...
From chaos to action: turning usability testing data into actionable insights...From chaos to action: turning usability testing data into actionable insights...
From chaos to action: turning usability testing data into actionable insights...
 
Prototipe mais, (re)trabalhe menos
Prototipe mais, (re)trabalhe menosPrototipe mais, (re)trabalhe menos
Prototipe mais, (re)trabalhe menos
 
Lean UX
Lean UXLean UX
Lean UX
 
Getting [the right] things done: Uniting user needs and business objectives i...
Getting [the right] things done: Uniting user needs and business objectives i...Getting [the right] things done: Uniting user needs and business objectives i...
Getting [the right] things done: Uniting user needs and business objectives i...
 
Criando produtos inovadores a partir do foco em usuários, tecnologia e mercado
Criando produtos inovadores a partir do foco em usuários, tecnologia e mercadoCriando produtos inovadores a partir do foco em usuários, tecnologia e mercado
Criando produtos inovadores a partir do foco em usuários, tecnologia e mercado
 
UX e Métodos Ágeis: Adversários ou Parceiros?
UX e Métodos Ágeis: Adversários ou Parceiros?UX e Métodos Ágeis: Adversários ou Parceiros?
UX e Métodos Ágeis: Adversários ou Parceiros?
 
Mex Experience Boards - A Set of Agile Tools for User Experience Design
Mex Experience Boards - A Set of Agile Tools for User Experience DesignMex Experience Boards - A Set of Agile Tools for User Experience Design
Mex Experience Boards - A Set of Agile Tools for User Experience Design
 
Projeto de Interfaces - Aula 04
Projeto de Interfaces - Aula 04Projeto de Interfaces - Aula 04
Projeto de Interfaces - Aula 04
 

Projeto de Interfaces - Aula 01

  • 1. Projeto de Interfaces Carlos Rosemberg AULA 01 Especialização em Engenharia de Software com Ênfase em Padrões de Software Universidade Estadual do Ceará
  • 2. Prazer em conhecer, Carlos Rosemberg Designer www.carlosrosemberg.com berg@carlosrosemberg.com
  • 3. A metodologia que vamos usar Exposição Interação Trabalhos em sala de aula
  • 4. Nosso tempo está dividido desta forma Aula 1 Porque estamos aqui? Aula 2 Entendendo o problema Aula 3 Criando soluções Aula 4 Avaliando o que foi criado
  • 5. Aula 1 Porque estamos aqui ? ...ou a importância da interface com o usuário nos dias de hoje
  • 6. Interface com o usuário? Espere um minuto. Antes, vamos falar um pouco de ...
  • 8. Como assim Experiência? óri Vamos usar como exemplo as festas de aniversário...
  • 9. À moda antiga Com os ingredientes certos se faz um ótimo bolo!
  • 10. Aniversário prático Para que se preocupar com ingredientes, se você pode comprar o pó para bolo?
  • 11. Aniversário ainda mais prático Bolo em pó? Por que não encomendar o bolo na confeitaria?
  • 12. Aniversário profissional Nada de bolo pronto. Vamos contratar é a festa completa!
  • 13. Qual desses aniversários tem a maior probabiblidade de ser inesquecível?
  • 14. O que proporciona a melhor EXPERIÊNCIA.
  • 15. O que faz a pessoa... Se sentir como gostaria; Se envolver, perder a noção do tempo; Entender que vale a pena estar ali... ... E não se incomodar em pagar um pouco a mais por isso. $
  • 16. A progressão dos valores econômicos Diferenciada Relevante Dirigir Experiências Fornecer Serviços Posição Necessidades competitiva das pessoas Fabricar Produtos Extrair Mercadorias Sem diferenciação Irrelevante Mercado Precificação Premium
  • 17. Ou seja, não venda o bolo. Venda a festa.
  • 18. Mas nem tudo é aniversário. Os tipos de experiência podem variar bastante...
  • 19.
  • 20.
  • 21.
  • 22.
  • 23. Agora está mais fácil entender o que é a tal de Experiência do Usuário
  • 24. User Experience (abbreviated: UX) is the quality of experience a person has when interacting with a specific design. uxnet.org ”
  • 25. Ok, então como projetar experiências de sucesso
  • 26. É quase impossível projetar experiências por completo ... visto que são eventos complexos, únicos e individuais.
  • 27. Mas, conhecendo bem os elementos que as compõem, é possível viabilizá-las sob um certo controle, para gerar resultados pré- determinados.
  • 28. MEX Modelo Genérico de Experiência do Usuário
  • 29. Quem é seu usuário? O que ele pensa? Do que gosta? O que sabe? Do que é capaz ou incapaz? Indivíduo
  • 30. Atividades O que o usuário deseja ou necessita fazer? Quais seus objetivos?
  • 31. Artefatos Quais as características dos objetos que compõem a experiência? Qual sua aparência, sua usabilidade?
  • 32. Como o usuário interage com os artefatos em sua volta? Quais estímulos ocorrem? Que sentidos são envolvidos? Interações
  • 33. Quais os estágios da experiência? Onde começa, onde termina? O usuário consegue se envolver de fato? Momentos
  • 34. Contexto Qual a situação em curso? Em quais condições ambientais a experiência ocorre?
  • 35. Hora da prática! Descreva 2 experiências marcantes, uma “boa” e outra “ruim”, envolvendo o uso de softwares ou equipamentos eletrônicos. Guie-se pelo MEX. Vale 1 ponto para somar na nota final. Os 2 melhores trabalhos ganham 3 pontos.
  • 36. Obrigado e até quarta, pontualmente às 19:00, nesta sala.