SlideShare a Scribd company logo
1 of 57
User Experience (UX) e Arquitetura
da Informação (AI)
Klaibert MirandaSENAC PENHA
DESIGNER MULTIMÍDIA
KLAIBERT
MIRANDA
klaibert.pmiranda@sp.senac.br
@klaibert
klaibert.miranda
www.klaibert.com.br
slideshare.net/klaibert
Designer multimídia, pós-
graduado em Inovações em
Tecnologias Educacionais,
empreendedor, docente e consultor do
SENAC, cocriador e colunista do blog
Design Coletivo, apaixonado por
pessoas, games, novas tecnologias e
cultura digital.
UX – User Experience
O PROFISSIONAL E O
MERCADO DE MULTIMÍDIA
Klaibert MirandaSENAC PENHA
AI, UX, UI, IxD, DCU, DT?!
Entendendo a sopa de letrinhas
O PROFISSIONAL E O
MERCADO DE MULTIMÍDIA
Klaibert MirandaSENAC PENHA
UX?!
User Experience – Experiência do Usuário
UX – User Experience
Termo cunhado por Donald Norman (Apple) no início de
1990, ele acreditava que definições como Interface de
Usuário e Usabilidade limitavam o entendimento sobre o
que o trabalho.
User Experience envolve os sentimentos de uma pessoa
em relação à utilização de um determinado produto,
sistema ou serviço. (Wikipedia)
UX – User Experience
O que não é UX!
• Uma disciplina
• Responsabilidade exclusiva da equipe de
design (ou de uma pessoa só)
• Design Thinking (DT)
UX – User Experience
UX não é importante
UX – User Experience
Experiência!
UX – User Experience
UX != UI
UX – User Experience
UX != UI
UX – User Experience
UX está em tudo
página de erro 404
UX – User Experience
UX está em tudo
página de erro 404
UX – User Experience
UX está em tudo
página de erro 404
UX – User Experience
UX está em tudo
página de erro 404
UX – User Experience
UX está em tudo
Norman Doors
UX – User Experience
UX está em tudo
UX – User Experience
UX está em tudo
UX – User Experience
UX está em tudo
UX – User Experience
UX está em tudo
UX – User Experience
10 princípios de UX
para começar agora
UX – User Experience
Fonte: http://52weeksofux.com/post/475093254/10-principles-of-ux by Joshua Porter, Diretor de UX da HubSpot
Traduzido em: http://www.uxdesign.blog.br/user-experience/10-principios-de-ux/
1 – A experiência pertence ao usuário
Não projetamos experiências em si. A experiência é
particular e diferente para cada usuário.
Podemos projetar a maneira como as pessoas vão
experimentar nosso serviço/produto.
UX – User Experience
2 – A área de UX é holística
A experiência não se limita ao produto/serviço em si.
Ela é composta de todos os pontos de contato que um
usuário pode ter a partir do produto, seja esse ponto
tangível ou intangível.
UX – User Experience
3 – Uma boa experiência é invisível para o
usuário
Quando as pessoas estão tendo uma boa experiência, elas
raramente notam o esforço que estão despendendo para
faze-la acontecer, e é assim que deve ser.
O nosso trabalho como profissionais de UX é criar
produtos tão bem sucedidos ao ponto de que ninguém se
lembre nós.
UX – User Experience
4 – Toda experiência possui um ciclo
Dificilmente uma pessoa terá uma boa experiência com as
coisas de forma imediata. Existe um ciclo a ser percorrido,
começando com a consciência, seguindo desde a primeira
utilização até o uso regular, e às vezes chegando ao
declínio.
UX – User Experience
5 – O contexto é o rei
Para criar algo que atenda as expectativas e necessidades
dos usuários, agregando valor às suas vidas é necessário
compreender os prós e os contras do contexto.
Por isso que os profissionais de UX devem sempre fazer
pesquisas com o usuário, para perceber e trabalhar com as
sutilezas de cada contexto.
UX – User Experience
6 – Boas experiências mantêm o usuário no
controle
É essencial que os usuários se sintam no controle da
situação, sempre capazes de dar o próximo passo a sua
própria vontade, o contrário, gera frustração.
UX – User Experience
7 – A experiência digital é social
O ser humano é um ser social, e hoje a web é mais do que
nunca é uma mídia social, ou seja, as experiências
individuais não são mais pessoais e isoladas.
UX – User Experience
8 – Psicologia é algo primário
Tudo está cada vez mais fácil de usar, mais intuitivo. Para
estar um passo a frente devemos cada vez mais nos
preocupar com questões psicológicas, investindo
em design emocional e persuasivo, interfaces
sociais ou gamificação, para assim criarmos melhores
experiências.
UX – User Experience
9 – A UX é uma conversa
Como profissionais de UX, estamos criando um diálogo com
os usuários em que o objetivo é descobrir como podemos
ajudá-los a fazer aquilo que eles querem fazer.
Devemos enxergar além do produto em si, e criar serviços
que estejam constantemente reagindo à evolução das
necessidades do nosso público.
UX – User Experience
10 – Grandes experiências são simples
Simplicidade não é sobre “quantidade”, mas sim sobre
“clareza”.
Se as pessoas podem compreender ou usar algo com pouca
dificuldade, então você fez algo simples.
UX – User Experience
Segundo Don Norman
um bom design é:
Óbvio e autoexplicativo
Este produto/serviço me mostra como utilizá-lo?
Permite o aprendizado rápido
Depois de um uso, já entendi como funciona?
Resumo:
É fácil, eficiente e prazeroso de usar!
O PROFISSIONAL E O MERCADO DE MULTIMÍDIA
O PROFISSIONAL E O
MERCADO DE MULTIMÍDIA
Klaibert MirandaSENAC PENHA
O PROFISSIONAL
O que precisa conhecer o profissional de UX
O que precisa saber o profissional de UX?
- HTML e CSS
- Metodologia Ágil
- Visão estratégica
- Gostar de trabalhar em equipe
- Leitura e interpretação de dados para tomada decisões
- e o mais importante...
UX – User Experience
Gostar e entender de pessoas!
(comportamento humano e design)
UX – User Experience
FERRAMENTAS
Balsamic
Axure
Mockup
Photoshop
Sketch
Papel e caneta
Skype
Google Docs
BALSAMIC
UX – User Experience
VANTAGENS
RAZÕES PARA INCLUIR UX
EM TODOS OS PRÓXIMOS PROJETOS
UX – User Experience
ALGUMAS VANTAGENS DE UX
- Diferencial competitivo (considerado mais importante
que o preço)
- Reduz as chances de fracasso e rejeição do
produto/serviço
- Soluções geradas a partir das “dores” dos usuários tem
maior chance de aceitação
- Fideliza os usuários om maior facilidade
UX – User Experience
ALGUMAS VANTAGENS DE UX
- Redução de custos:
retrabalho
suporte/ligações
treinamento
marketing
UX – User Experience
O que precisa saber o profissional de UX?
- HTML e CSS
- Metodologia Ágil
- Visão estratégica
- Gostar de trabalhar em equipe
- Leitura e interpretação de dados para tomada decisões
- e o mais importante...
UX – User Experience
Steve Jobs e o iPhone
09 de Janeiro de 2007
5 pontos chave
PARA O DESENVOLVIMENTO DE
PROJETOS UX
UX – User Experience Jesse James Garrett (no livro The Elements of User Experience - 2000)
DESENVOLVIMENTO DE PROJETOS UX
1. Estratégia - Objetivos do produto/serviço e as
necessidades do usuário (colhidas através de pesquisa,
entrevistas, questionários, observação)
2. Escopo - Soluções que vão atender as necessidades
levantadas na etapa de estratégia. Pode-se listar as
especificações funcionais em caso de apps (descrições
detalhadas de funcionalidades).
Em sites, requisitos de conteúdo (conteúdo necessários
no site para atender as necessidades dos usuários).
UX – User Experience
DESENVOLVIMENTO DE PROJETOS UX
3. Estrutura: Se for software ou aplicação para celular -
design de interação. Em um site ou ecommerce
(Arquitetura da Informação)
4. Esqueleto design de interface: cada botão, título,
campo de formulário.
Design da Navegação (chamadas na home, diversos menus,
campo de busca e página de resultados de busca) | Design
da Informação: como apresentar a informação e os
elementos dentro da tela (wireframe)
UX – User Experience
DESENVOLVIMENTO DE PROJETOS UX
5. Superfície - Design visual (elementos gráficos,
componentes de navegação, cores, texturas, imagens, etc.)
UX – User Experience
UX – User Experience
UX CANVAS
http://www.uxcanvas.com/
O PROFISSIONAL E O
MERCADO DE MULTIMÍDIA
Klaibert MirandaSENAC PENHA
ARQUITETURA DA INFORMAÇÃO (AI)
Onde entram os conhecimentos em AI
UX e AI
DISCIPLINAS DE UX
DISCIPLINAS DE UX
1. Pesquisa do usuário (necessidades, desejos e limitações
dos usuário)
2. Usabilidade
3. Arquitetura da Informação (organizar o conteúdo da
interface de forma hierarquica, sistemas de navegação,
de busca e categorização, apresentar bem a informação)
UX – User Experience
DISCIPLINAS DE UX
4. Design de Interação - fluxo de tarefas usuário - sistema
(caminhos, interações...)
5. Design de Interface - cada elemento da interface
6. Design visual (todo o aspecto visual - cores, formas,
tipografia e demais elementos que atraem o usuário
para utilizar a interface).
UX – User Experience
ARQUITETURA DA INFORMAÇÃO (AI)
Segundo Richard Saul Wurman (considerado um pioneiro
na prática de tornar a informação compreensível), designer
e arquiteto que cunhou o termo Arquiteto da Informação
em 1976:
“Uma edição do NY Times em um dia de semana, contem
mais informação que qualquer um ser humano poderia
receber durante toda a vida na Inglaterra no Século 17.”
UX – User Experience
O Arquiteto da Informação - Atribuições
É o responsável por organizar o conteúdo e trabalhar as
informações para que seja encontrada de forma fácil e
intuitiva.
UX – User Experience
O Arquiteto da Informação - Atribuições
Sistemas de Organização - Distribui as informações de
forma hierárquica para facilitar a compreensão do usuário
Sistemas de Rotulação - formas de apresentação com
definição de rótulos para títulos, botões e áreas
informativas.
UX – User Experience
O Arquiteto da Informação - Atribuições
Sistemas de Navegação - Caminhos e informações sobre
localização e movimentação pelo site.
Sistema de busca - Permite acesso obedecendo ao
conteúdo de interesse/buscado do usuário.
UX – User Experience
O Arquiteto da Informação - Produção
• Sitemap
• Wireframe
Baseados em testes de usabilidade, taxonomia (card
sorting), heurísticas,...
UX – User Experience
UX – User Experience
Card Sorting
Links para estudos:
http://www.uxdesign.blog.br/
http://arquiteturadeinformacao.com/
http://shipit.resultadosdigitais.com.br/
http://samuraiux.com.br/blog
http://www.uxcanvas.com/
http://www.usabilidoido.com.br/
http://catarinasdesign.com.br/blog/
http://catarinasdesign.com.br/conteudos/
UX – User Experience
Links para estudos:
http://www.revistacliche.com.br/exp/ai-ux-ui-wtf-erico-fileno/
http://www.uxdesign.blog.br/user-experience/ux-por-onde-comecar/ (lista de livros)
http://designconceitual.com.br/2016/01/28/6-jogos-para-voce-treinar-suas-habilidades-no-
design/
http://www.uxdesign.blog.br/arquitetura-de-informacao/heuristicas-arquitetura-de-
informacao/
http://blog.invisionapp.com/
http://archive.iainstitute.org/pt/translations/000332.html#page
http://arquiteturadeinformacao.com/user-experience/google-design-sprint-como-funciona-
e-como-aplicar-no-seu-projeto/
UX – User Experience
DESIGNER MULTIMÍDIA
KLAIBERT
MIRANDA
klaibert.pmiranda@sp.senac.br
@klaibert
klaibert.miranda
www.klaibert.com.br
slideshare.net/klaibert
OBRIGADO!
UX e AI

More Related Content

What's hot

What's hot (20)

UX UI para Programadores
UX UI para Programadores UX UI para Programadores
UX UI para Programadores
 
Ux design/Experiência do Usuário - Conexão KingHost 2015
Ux design/Experiência do Usuário - Conexão KingHost 2015Ux design/Experiência do Usuário - Conexão KingHost 2015
Ux design/Experiência do Usuário - Conexão KingHost 2015
 
Pesquisa com usuários - O que é e por que você deveria estar fazendo
Pesquisa com usuários - O que é e por que você deveria estar fazendoPesquisa com usuários - O que é e por que você deveria estar fazendo
Pesquisa com usuários - O que é e por que você deveria estar fazendo
 
Agile UX: Projetando a User Experience no Mundo Ágil
Agile UX: Projetando a User Experience no Mundo ÁgilAgile UX: Projetando a User Experience no Mundo Ágil
Agile UX: Projetando a User Experience no Mundo Ágil
 
Desenvolvimento em tempos de UX - Versão 3.0
Desenvolvimento em tempos de UX - Versão 3.0Desenvolvimento em tempos de UX - Versão 3.0
Desenvolvimento em tempos de UX - Versão 3.0
 
UX.. Vale a pena?
UX.. Vale a pena?UX.. Vale a pena?
UX.. Vale a pena?
 
UX - Entregaveis
UX - EntregaveisUX - Entregaveis
UX - Entregaveis
 
User Experience: O que sua empresa pode ganhar com isso - Versão 2.0
User Experience: O que sua empresa pode ganhar com isso - Versão 2.0User Experience: O que sua empresa pode ganhar com isso - Versão 2.0
User Experience: O que sua empresa pode ganhar com isso - Versão 2.0
 
UX Design como estratégia para conquistar mais clientes e impactar negócios
UX Design como estratégia para conquistar mais clientes e impactar negóciosUX Design como estratégia para conquistar mais clientes e impactar negócios
UX Design como estratégia para conquistar mais clientes e impactar negócios
 
UX Design para Desenvolvedores
UX Design para DesenvolvedoresUX Design para Desenvolvedores
UX Design para Desenvolvedores
 
User Experience: Um aliado do Marketing Digital
User Experience: Um aliado do Marketing DigitalUser Experience: Um aliado do Marketing Digital
User Experience: Um aliado do Marketing Digital
 
User Experience: O que sua empresa pode ganhar com isso.
User Experience: O que sua empresa pode ganhar com isso.User Experience: O que sua empresa pode ganhar com isso.
User Experience: O que sua empresa pode ganhar com isso.
 
Lean UX + Agile UX
Lean UX + Agile UXLean UX + Agile UX
Lean UX + Agile UX
 
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
 
UI e UX no Material Design
UI e UX no Material DesignUI e UX no Material Design
UI e UX no Material Design
 
Lean UX + Scrum: Aplicado em projetos Mobile
Lean UX + Scrum: Aplicado em projetos MobileLean UX + Scrum: Aplicado em projetos Mobile
Lean UX + Scrum: Aplicado em projetos Mobile
 
O que é design centrado no usuário
O que é design centrado no usuárioO que é design centrado no usuário
O que é design centrado no usuário
 
[Palestra UNICAP] UX Design - Projetando Soluções e Experiências
[Palestra UNICAP] UX Design - Projetando Soluções e Experiências[Palestra UNICAP] UX Design - Projetando Soluções e Experiências
[Palestra UNICAP] UX Design - Projetando Soluções e Experiências
 
Práticas e Processos de UX
Práticas e Processos de UXPráticas e Processos de UX
Práticas e Processos de UX
 
Workshop • UX design •
Workshop • UX design •  Workshop • UX design •
Workshop • UX design •
 

Similar to Palestra UX e AI

Jordana Mello
Jordana MelloJordana Mello
Jordana Mello
ossobuco
 
Palestra Experiência do Usuário no contexto do negócio (UX Expert)
Palestra Experiência do Usuário no contexto do negócio (UX Expert)Palestra Experiência do Usuário no contexto do negócio (UX Expert)
Palestra Experiência do Usuário no contexto do negócio (UX Expert)
Impacta Eventos
 

Similar to Palestra UX e AI (20)

Gisele, lucas e felipe. trabalho de ihm ux
Gisele, lucas e felipe. trabalho de ihm  ux Gisele, lucas e felipe. trabalho de ihm  ux
Gisele, lucas e felipe. trabalho de ihm ux
 
User experiense
User experienseUser experiense
User experiense
 
Palestra UX Etec - 22_04
Palestra UX Etec - 22_04Palestra UX Etec - 22_04
Palestra UX Etec - 22_04
 
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 design - Conceitos Básicos
Ux design - Conceitos BásicosUx design - Conceitos Básicos
Ux design - Conceitos Básicos
 
Os desafios de criar a cultura de UX em contexto multidisciplinar
Os desafios de criar a cultura de UX em contexto multidisciplinarOs desafios de criar a cultura de UX em contexto multidisciplinar
Os desafios de criar a cultura de UX em contexto multidisciplinar
 
Introdução a experiência do usuário
Introdução a experiência do usuárioIntrodução a experiência do usuário
Introdução a experiência do usuário
 
Jordana Mello
Jordana MelloJordana Mello
Jordana Mello
 
User experience
User experienceUser experience
User experience
 
Palestra Experiência do Usuário no contexto do negócio (UX Expert)
Palestra Experiência do Usuário no contexto do negócio (UX Expert)Palestra Experiência do Usuário no contexto do negócio (UX Expert)
Palestra Experiência do Usuário no contexto do negócio (UX Expert)
 
User experience
User experienceUser experience
User experience
 
Apresentação tarefa 2 ihm
Apresentação tarefa 2 ihmApresentação tarefa 2 ihm
Apresentação tarefa 2 ihm
 
Experiência do usuário
Experiência do usuárioExperiência do usuário
Experiência do usuário
 
User experience
User experienceUser experience
User experience
 
O analista UX como Product Owner
O analista UX como Product OwnerO analista UX como Product Owner
O analista UX como Product Owner
 
O que é user experience
O que é user experienceO que é user experience
O que é user experience
 
UX – User Experience
UX – User ExperienceUX – User Experience
UX – User Experience
 
User Experience
User ExperienceUser Experience
User Experience
 
User experience - IHM
User experience - IHM User experience - IHM
User experience - IHM
 
Manuela Quaresma | UX Design(er): mercado e formação
Manuela Quaresma | UX Design(er): mercado e formaçãoManuela Quaresma | UX Design(er): mercado e formação
Manuela Quaresma | UX Design(er): mercado e formação
 

Palestra UX e AI

  • 1. User Experience (UX) e Arquitetura da Informação (AI) Klaibert MirandaSENAC PENHA
  • 2. DESIGNER MULTIMÍDIA KLAIBERT MIRANDA klaibert.pmiranda@sp.senac.br @klaibert klaibert.miranda www.klaibert.com.br slideshare.net/klaibert Designer multimídia, pós- graduado em Inovações em Tecnologias Educacionais, empreendedor, docente e consultor do SENAC, cocriador e colunista do blog Design Coletivo, apaixonado por pessoas, games, novas tecnologias e cultura digital. UX – User Experience
  • 3. O PROFISSIONAL E O MERCADO DE MULTIMÍDIA Klaibert MirandaSENAC PENHA AI, UX, UI, IxD, DCU, DT?! Entendendo a sopa de letrinhas
  • 4. O PROFISSIONAL E O MERCADO DE MULTIMÍDIA Klaibert MirandaSENAC PENHA UX?! User Experience – Experiência do Usuário
  • 5. UX – User Experience Termo cunhado por Donald Norman (Apple) no início de 1990, ele acreditava que definições como Interface de Usuário e Usabilidade limitavam o entendimento sobre o que o trabalho. User Experience envolve os sentimentos de uma pessoa em relação à utilização de um determinado produto, sistema ou serviço. (Wikipedia) UX – User Experience
  • 6. O que não é UX! • Uma disciplina • Responsabilidade exclusiva da equipe de design (ou de uma pessoa só) • Design Thinking (DT) UX – User Experience
  • 7. UX não é importante UX – User Experience
  • 9. UX != UI UX – User Experience
  • 10. UX != UI UX – User Experience
  • 11. UX está em tudo página de erro 404 UX – User Experience
  • 12. UX está em tudo página de erro 404 UX – User Experience
  • 13. UX está em tudo página de erro 404 UX – User Experience
  • 14. UX está em tudo página de erro 404 UX – User Experience
  • 15. UX está em tudo Norman Doors UX – User Experience
  • 16. UX está em tudo UX – User Experience
  • 17. UX está em tudo UX – User Experience
  • 18. UX está em tudo UX – User Experience
  • 19. UX está em tudo UX – User Experience
  • 20. 10 princípios de UX para começar agora UX – User Experience Fonte: http://52weeksofux.com/post/475093254/10-principles-of-ux by Joshua Porter, Diretor de UX da HubSpot Traduzido em: http://www.uxdesign.blog.br/user-experience/10-principios-de-ux/
  • 21. 1 – A experiência pertence ao usuário Não projetamos experiências em si. A experiência é particular e diferente para cada usuário. Podemos projetar a maneira como as pessoas vão experimentar nosso serviço/produto. UX – User Experience
  • 22. 2 – A área de UX é holística A experiência não se limita ao produto/serviço em si. Ela é composta de todos os pontos de contato que um usuário pode ter a partir do produto, seja esse ponto tangível ou intangível. UX – User Experience
  • 23. 3 – Uma boa experiência é invisível para o usuário Quando as pessoas estão tendo uma boa experiência, elas raramente notam o esforço que estão despendendo para faze-la acontecer, e é assim que deve ser. O nosso trabalho como profissionais de UX é criar produtos tão bem sucedidos ao ponto de que ninguém se lembre nós. UX – User Experience
  • 24. 4 – Toda experiência possui um ciclo Dificilmente uma pessoa terá uma boa experiência com as coisas de forma imediata. Existe um ciclo a ser percorrido, começando com a consciência, seguindo desde a primeira utilização até o uso regular, e às vezes chegando ao declínio. UX – User Experience
  • 25. 5 – O contexto é o rei Para criar algo que atenda as expectativas e necessidades dos usuários, agregando valor às suas vidas é necessário compreender os prós e os contras do contexto. Por isso que os profissionais de UX devem sempre fazer pesquisas com o usuário, para perceber e trabalhar com as sutilezas de cada contexto. UX – User Experience
  • 26. 6 – Boas experiências mantêm o usuário no controle É essencial que os usuários se sintam no controle da situação, sempre capazes de dar o próximo passo a sua própria vontade, o contrário, gera frustração. UX – User Experience
  • 27. 7 – A experiência digital é social O ser humano é um ser social, e hoje a web é mais do que nunca é uma mídia social, ou seja, as experiências individuais não são mais pessoais e isoladas. UX – User Experience
  • 28. 8 – Psicologia é algo primário Tudo está cada vez mais fácil de usar, mais intuitivo. Para estar um passo a frente devemos cada vez mais nos preocupar com questões psicológicas, investindo em design emocional e persuasivo, interfaces sociais ou gamificação, para assim criarmos melhores experiências. UX – User Experience
  • 29. 9 – A UX é uma conversa Como profissionais de UX, estamos criando um diálogo com os usuários em que o objetivo é descobrir como podemos ajudá-los a fazer aquilo que eles querem fazer. Devemos enxergar além do produto em si, e criar serviços que estejam constantemente reagindo à evolução das necessidades do nosso público. UX – User Experience
  • 30. 10 – Grandes experiências são simples Simplicidade não é sobre “quantidade”, mas sim sobre “clareza”. Se as pessoas podem compreender ou usar algo com pouca dificuldade, então você fez algo simples. UX – User Experience
  • 31. Segundo Don Norman um bom design é: Óbvio e autoexplicativo Este produto/serviço me mostra como utilizá-lo? Permite o aprendizado rápido Depois de um uso, já entendi como funciona? Resumo: É fácil, eficiente e prazeroso de usar! O PROFISSIONAL E O MERCADO DE MULTIMÍDIA
  • 32. O PROFISSIONAL E O MERCADO DE MULTIMÍDIA Klaibert MirandaSENAC PENHA O PROFISSIONAL O que precisa conhecer o profissional de UX
  • 33. O que precisa saber o profissional de UX? - HTML e CSS - Metodologia Ágil - Visão estratégica - Gostar de trabalhar em equipe - Leitura e interpretação de dados para tomada decisões - e o mais importante... UX – User Experience
  • 34. Gostar e entender de pessoas! (comportamento humano e design) UX – User Experience
  • 36. VANTAGENS RAZÕES PARA INCLUIR UX EM TODOS OS PRÓXIMOS PROJETOS UX – User Experience
  • 37. ALGUMAS VANTAGENS DE UX - Diferencial competitivo (considerado mais importante que o preço) - Reduz as chances de fracasso e rejeição do produto/serviço - Soluções geradas a partir das “dores” dos usuários tem maior chance de aceitação - Fideliza os usuários om maior facilidade UX – User Experience
  • 38. ALGUMAS VANTAGENS DE UX - Redução de custos: retrabalho suporte/ligações treinamento marketing UX – User Experience
  • 39. O que precisa saber o profissional de UX? - HTML e CSS - Metodologia Ágil - Visão estratégica - Gostar de trabalhar em equipe - Leitura e interpretação de dados para tomada decisões - e o mais importante... UX – User Experience Steve Jobs e o iPhone 09 de Janeiro de 2007
  • 40. 5 pontos chave PARA O DESENVOLVIMENTO DE PROJETOS UX UX – User Experience Jesse James Garrett (no livro The Elements of User Experience - 2000)
  • 41. DESENVOLVIMENTO DE PROJETOS UX 1. Estratégia - Objetivos do produto/serviço e as necessidades do usuário (colhidas através de pesquisa, entrevistas, questionários, observação) 2. Escopo - Soluções que vão atender as necessidades levantadas na etapa de estratégia. Pode-se listar as especificações funcionais em caso de apps (descrições detalhadas de funcionalidades). Em sites, requisitos de conteúdo (conteúdo necessários no site para atender as necessidades dos usuários). UX – User Experience
  • 42. DESENVOLVIMENTO DE PROJETOS UX 3. Estrutura: Se for software ou aplicação para celular - design de interação. Em um site ou ecommerce (Arquitetura da Informação) 4. Esqueleto design de interface: cada botão, título, campo de formulário. Design da Navegação (chamadas na home, diversos menus, campo de busca e página de resultados de busca) | Design da Informação: como apresentar a informação e os elementos dentro da tela (wireframe) UX – User Experience
  • 43. DESENVOLVIMENTO DE PROJETOS UX 5. Superfície - Design visual (elementos gráficos, componentes de navegação, cores, texturas, imagens, etc.) UX – User Experience
  • 44. UX – User Experience UX CANVAS http://www.uxcanvas.com/
  • 45. O PROFISSIONAL E O MERCADO DE MULTIMÍDIA Klaibert MirandaSENAC PENHA ARQUITETURA DA INFORMAÇÃO (AI) Onde entram os conhecimentos em AI
  • 47. DISCIPLINAS DE UX 1. Pesquisa do usuário (necessidades, desejos e limitações dos usuário) 2. Usabilidade 3. Arquitetura da Informação (organizar o conteúdo da interface de forma hierarquica, sistemas de navegação, de busca e categorização, apresentar bem a informação) UX – User Experience
  • 48. DISCIPLINAS DE UX 4. Design de Interação - fluxo de tarefas usuário - sistema (caminhos, interações...) 5. Design de Interface - cada elemento da interface 6. Design visual (todo o aspecto visual - cores, formas, tipografia e demais elementos que atraem o usuário para utilizar a interface). UX – User Experience
  • 49. ARQUITETURA DA INFORMAÇÃO (AI) Segundo Richard Saul Wurman (considerado um pioneiro na prática de tornar a informação compreensível), designer e arquiteto que cunhou o termo Arquiteto da Informação em 1976: “Uma edição do NY Times em um dia de semana, contem mais informação que qualquer um ser humano poderia receber durante toda a vida na Inglaterra no Século 17.” UX – User Experience
  • 50. O Arquiteto da Informação - Atribuições É o responsável por organizar o conteúdo e trabalhar as informações para que seja encontrada de forma fácil e intuitiva. UX – User Experience
  • 51. O Arquiteto da Informação - Atribuições Sistemas de Organização - Distribui as informações de forma hierárquica para facilitar a compreensão do usuário Sistemas de Rotulação - formas de apresentação com definição de rótulos para títulos, botões e áreas informativas. UX – User Experience
  • 52. O Arquiteto da Informação - Atribuições Sistemas de Navegação - Caminhos e informações sobre localização e movimentação pelo site. Sistema de busca - Permite acesso obedecendo ao conteúdo de interesse/buscado do usuário. UX – User Experience
  • 53. O Arquiteto da Informação - Produção • Sitemap • Wireframe Baseados em testes de usabilidade, taxonomia (card sorting), heurísticas,... UX – User Experience
  • 54. UX – User Experience Card Sorting
  • 56. Links para estudos: http://www.revistacliche.com.br/exp/ai-ux-ui-wtf-erico-fileno/ http://www.uxdesign.blog.br/user-experience/ux-por-onde-comecar/ (lista de livros) http://designconceitual.com.br/2016/01/28/6-jogos-para-voce-treinar-suas-habilidades-no- design/ http://www.uxdesign.blog.br/arquitetura-de-informacao/heuristicas-arquitetura-de- informacao/ http://blog.invisionapp.com/ http://archive.iainstitute.org/pt/translations/000332.html#page http://arquiteturadeinformacao.com/user-experience/google-design-sprint-como-funciona- e-como-aplicar-no-seu-projeto/ UX – User Experience

Editor's Notes

  1. Não faz sentido voltar no tempo. Exemplo, limitar o uso de dados de banda larga no contexto atual é absurdo, 10 anos atrás, pareceria um progresso por conta da maior velocidade.
  2. Games online sem pause.
  3. Games/APPs com placar e conquistas que permitem disputa. Exemplo do jogo no Senac.
  4. Google, iOS, etc.
  5. Google, iOS, etc.
  6. Google, iOS, etc.
  7. Google, iOS, etc.
  8. Google, iOS, etc.
  9. Google, iOS, etc.
  10. Google, iOS, etc.
  11. Google, iOS, etc.
  12. Google, iOS, etc.
  13. Google, iOS, etc.
  14. Google, iOS, etc.
  15. Google, iOS, etc.
  16. Google, iOS, etc.
  17. Google, iOS, etc.
  18. Google, iOS, etc.
  19. Google, iOS, etc.
  20. Google, iOS, etc.
  21. Google, iOS, etc.
  22. Google, iOS, etc.
  23. Google, iOS, etc.