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

1.605 visualizações

Publicada em

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

Publicada em: Tecnologia
0 comentários
4 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
1.605
No SlideShare
0
A partir de incorporações
0
Número de incorporações
12
Ações
Compartilhamentos
0
Downloads
65
Comentários
0
Gostaram
4
Incorporações 0
Nenhuma incorporação

Nenhuma nota no 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

×