INTRODUÇÃO AEXPERIÊNCIA DOUSUÁRIOO QUE É?O QUE SE FAZ?COMO SE FAZ?
O QUE É UX?O design faz a UX ou a UX faz o Design?
UX = USER EXPERIENCE           EXPERIÊNCIA DO USUÁRIO      User Experience é focar o projeto nousuário, entender necessida...
QUEM NUNCA OUVIU? • Quando você consegue entregar as telas? • Mesmo com argumentos sobre o processo e entregáveis vinha o ...
COMO CHEGAMOS NAS TELAS (DESIGN)? • Conteúdo • Funcionalidades • Design • Páginas • Usuários • Interação • Como usam? • Qu...
ENTREGÁVEIS DE UX
O QUE TEMOS EM UX?            MUITAS SIGLAS       UX       UI       IA      UCD      IxD      GUI       UT      WAI     WWSG
O QUE TEMOS EM UX?                   MUITAS SIGLAS              UX              UI              IA    Vamos analisar os ma...
DIVISOR DE ÁGUAS                UX E UI               DESIGNERQUAL A DIFERENÇA?
UX / UI DESIGNERUser Experience    User Interface   Trabalha a       Desenvolve a experiência na    interface a ser   util...
O QUE FAZ O UX DESIGNER?ELE NÃO É ...                   ELE FAZ...• O cara que faz botões         • Direção de arte• O car...
IA – INFORMATION ARCHITECTUREO QUE É?    Arquitetura de Informação é      tornar o complexo claro.          WURMAN (1997)
IA – INFORMATION ARCHITECTURE    Em qual categoria ficariam os itens                 abaixo?
O QUE TEMOS?Arquitetura da Informação - O que temos para desenvolver o produto /sistema?
O QUE VAMOS FAZER?UX experiência do usuário – quem pensa na utilização
COMO VAMOS UTILIZAR?UI User Interface Design – quem desenvolve o layout
ENTÃO...O QUE É UX?Experiência de Usuário (UX) é um termo para o nível de satisfação geral dosusuários enquanto usam o seu...
PILARES DA UXUX design = combina três tipos de atividades      Interação           Interface        Usabilidade
ENTREGÁVEIS DE UX
LEMBRA DA PERGUNTA?  • Quando você consegue entregar os wireframes?  • Mas é só a home e uma interna. Só a “cara” do    si...
MAS EU PRECISO UTILIZAR TUDO ISSO?            NÃO!
ENTÃO POR ONDE COMEÇAR?   É necessário coletar informações antes de iniciar interação.Pesquisar                    Descobr...
FOCO NA INFORMAÇÃO ÚTIL  Para ter sucesso precisamos isolar a informação específica de que  precisamos e levá-las às pesso...
PRECISAMOS MUDAR OPANORAMA DA INFORMAÇÃOA boa notícia é que hoje existem muita informação nas nuvens.    A notícia ruim é ...
É NECESSÁRIO   OBSERVAR
É NECESSÁRIO   OUVIR
É NECESSÁRIO   ANALISAR
É NECESSÁRIO   SUGERIR
COM ISSO NASCEM OS WIREFRAMES
WIREFRAMES MOBILE
WIREFRAMES INSTITUCIONAIS
E DESENVOLVEM-SE LAYOUTS (DESIGN)
O USUÁRIO ESPERA ENCONTRAR UM PRODUTOQUE ATENDA AS SUAS NECESSIDADES.
MAS ELE SÓ ELOGIA E DIVULGA UM PRODUTOQUE SUPERE SUAS EXPECTATIVAS.
INTERAÇÃO ALÉM DAS EXPECTATIVAS  Ecommerce com realidade aumentada  https://www.youtube.com/watch?v=ZnBcqV9POkY
E QUAIS SÃO OS BENEFÍCIOS? • Antecipar erro de interação • Obter informações reais de utilização antes do desenvolvimento ...
PADRÕES WEB + COMPONENTESÉ possível desenvolver componentes baseados em padrõesinternacionais de Código W3C e Web Standard...
ANÁLISE DE ESTATÍSTICASTipos de Browser
É UX É UMA ETAPA QUE...   ...entrega o bastão para que a próxima equipe continue a corrida.        Se não estiverem em sin...
É UX É UMA ETAPA QUE...Agora se ao fim se a sincroniafor perfeita, todos sobem ao       lugar mais alto.A união faz a melh...
USER EXPERIENCE É FOCAR O PROJETO NOUSUÁRIO, ENTENDER NECESSIDADES E SABER CONCILIARSUA SATISFAÇÃO COM OS OBJETIVOS DO PRO...
UX é o centro e nãoo topo da pirâmideBruno Biagioni Neto - AI, UX & UI Designer - bruno@biagioni.com.br - www.biagioni.com...
Introdução a experiência do usuário
Introdução a experiência do usuário
Introdução a experiência do usuário
Introdução a experiência do usuário
Upcoming SlideShare
Loading in …5
×

Introdução a experiência do usuário

1,161
-1

Published on

Introdução a experiência do usuário.

O que é?
O que se faz?
Como se faz?

User Experience é focar o projeto no usuário, entender necessidades e saber conciliar sua satisfação com os objetivos do produto.

Video fashionista:
http://www.youtube.com/watch?v=E1T0egGgc5E

Referências tiradas de:
http://catarinasdesign.com.br
http://www.slideshare.net/guimenga/interface-interao-e-usabilidade
http://www.slideshare.net/fabricioteixeira/ux-design-antes-do-wireframe
http://www.fatdux.com/pt/What/What-is-UX
http://books.google.com.br/books?id=bl0H1cYIzAwC&printsec=frontcover&hl=pt-BR&source=gbs_ge_summary_r&cad=0#v=onepage&q&f=false

Published in: Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,161
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
37
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Introdução a experiência do usuário

  1. 1. INTRODUÇÃO AEXPERIÊNCIA DOUSUÁRIOO QUE É?O QUE SE FAZ?COMO SE FAZ?
  2. 2. O QUE É UX?O design faz a UX ou a UX faz o Design?
  3. 3. UX = USER EXPERIENCE EXPERIÊNCIA DO USUÁRIO User Experience é focar o projeto nousuário, entender necessidades e saber conciliar sua satisfação com os objetivos do produto.
  4. 4. QUEM NUNCA OUVIU? • Quando você consegue entregar as telas? • Mesmo com argumentos sobre o processo e entregáveis vinha o contra- argumento... • Mas é só a home e uma interna. Só a “cara” do sistema pra termos uma base.
  5. 5. COMO CHEGAMOS NAS TELAS (DESIGN)? • Conteúdo • Funcionalidades • Design • Páginas • Usuários • Interação • Como usam? • Qual a UX?
  6. 6. ENTREGÁVEIS DE UX
  7. 7. O QUE TEMOS EM UX? MUITAS SIGLAS UX UI IA UCD IxD GUI UT WAI WWSG
  8. 8. O QUE TEMOS EM UX? MUITAS SIGLAS UX UI IA Vamos analisar os mais conhecidos. UX - User Experience UI - User InterfaceAI - Information Architecture
  9. 9. DIVISOR DE ÁGUAS UX E UI DESIGNERQUAL A DIFERENÇA?
  10. 10. UX / UI DESIGNERUser Experience User Interface Trabalha a Desenvolve a experiência na interface a ser utilização utilizada
  11. 11. O QUE FAZ O UX DESIGNER?ELE NÃO É ... ELE FAZ...• O cara que faz botões • Direção de arte• O cara que dá um tapa no • Identidade visual layout • Layouts com, padrões• Dá um jeito na apresentação visuais, tipografia e estética• Recorta foto • Pensa em como deixar as coisas melhores• Arrumador de foto do sobrinho • Cria experiências e interações
  12. 12. IA – INFORMATION ARCHITECTUREO QUE É? Arquitetura de Informação é tornar o complexo claro. WURMAN (1997)
  13. 13. IA – INFORMATION ARCHITECTURE Em qual categoria ficariam os itens abaixo?
  14. 14. O QUE TEMOS?Arquitetura da Informação - O que temos para desenvolver o produto /sistema?
  15. 15. O QUE VAMOS FAZER?UX experiência do usuário – quem pensa na utilização
  16. 16. COMO VAMOS UTILIZAR?UI User Interface Design – quem desenvolve o layout
  17. 17. ENTÃO...O QUE É UX?Experiência de Usuário (UX) é um termo para o nível de satisfação geral dosusuários enquanto usam o seu produto ou sistema.UX = soma de uma série de interaçõesExperiência de Usuário (UX) representaa percepção deixada na mente daspessoas depois de uma série deinterações entre as pessoas, objetos eeventos – ou uma combinação entreeles.
  18. 18. PILARES DA UXUX design = combina três tipos de atividades Interação Interface Usabilidade
  19. 19. ENTREGÁVEIS DE UX
  20. 20. LEMBRA DA PERGUNTA? • Quando você consegue entregar os wireframes? • Mas é só a home e uma interna. Só a “cara” do sistema pra termos uma base.• Pra lembrar
  21. 21. MAS EU PRECISO UTILIZAR TUDO ISSO? NÃO!
  22. 22. ENTÃO POR ONDE COMEÇAR? É necessário coletar informações antes de iniciar interação.Pesquisar Descobrir Analisar o que• Requisitos • o problema pode ser feito para melhorar o• Referências • perfil do seu usuário cenário atual• Usuários • o que pensam• Objetivos • como agem
  23. 23. FOCO NA INFORMAÇÃO ÚTIL Para ter sucesso precisamos isolar a informação específica de que precisamos e levá-las às pessoas que realmente irão usá-las. Site para crianças tem foco em E para a terceira idade? Como interação visual identificar a interação? Pesquisem antes de fazer...
  24. 24. PRECISAMOS MUDAR OPANORAMA DA INFORMAÇÃOA boa notícia é que hoje existem muita informação nas nuvens. A notícia ruim é que a maioria delas não são importantes ou não são compreensíveis ao usuário. O volume enorme de informação disponível e a maneira como é apresentada faz com que boa parte dela seja inútil, perde-se o foco do real motivo que entramos naquela página ou site.
  25. 25. É NECESSÁRIO OBSERVAR
  26. 26. É NECESSÁRIO OUVIR
  27. 27. É NECESSÁRIO ANALISAR
  28. 28. É NECESSÁRIO SUGERIR
  29. 29. COM ISSO NASCEM OS WIREFRAMES
  30. 30. WIREFRAMES MOBILE
  31. 31. WIREFRAMES INSTITUCIONAIS
  32. 32. E DESENVOLVEM-SE LAYOUTS (DESIGN)
  33. 33. O USUÁRIO ESPERA ENCONTRAR UM PRODUTOQUE ATENDA AS SUAS NECESSIDADES.
  34. 34. MAS ELE SÓ ELOGIA E DIVULGA UM PRODUTOQUE SUPERE SUAS EXPECTATIVAS.
  35. 35. INTERAÇÃO ALÉM DAS EXPECTATIVAS Ecommerce com realidade aumentada https://www.youtube.com/watch?v=ZnBcqV9POkY
  36. 36. E QUAIS SÃO OS BENEFÍCIOS? • Antecipar erro de interação • Obter informações reais de utilização antes do desenvolvimento • Proximidade entre cliente, desenvolvimento e usuários finais. • Redução de horas de desenvolvimento • Desenvolvimento ágil com componentes e padrões web • Ao fim se economiza tempo e dinheiro no projeto.
  37. 37. PADRÕES WEB + COMPONENTESÉ possível desenvolver componentes baseados em padrõesinternacionais de Código W3C e Web Standards, permitindo avisualização em todos browsers garantindo assim a utilização emfuturas atualizações dos Browsers. + = Sistema com Validação Cross-Browserpadrões visuais
  38. 38. ANÁLISE DE ESTATÍSTICASTipos de Browser
  39. 39. É UX É UMA ETAPA QUE... ...entrega o bastão para que a próxima equipe continue a corrida. Se não estiverem em sincronia, a corrida não termina.
  40. 40. É UX É UMA ETAPA QUE...Agora se ao fim se a sincroniafor perfeita, todos sobem ao lugar mais alto.A união faz a melhor equipe
  41. 41. USER EXPERIENCE É FOCAR O PROJETO NOUSUÁRIO, ENTENDER NECESSIDADES E SABER CONCILIARSUA SATISFAÇÃO COM OS OBJETIVOS DO PRODUTO.
  42. 42. UX é o centro e nãoo topo da pirâmideBruno Biagioni Neto - AI, UX & UI Designer - bruno@biagioni.com.br - www.biagioni.com.br
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×