workshop • ux design •
TRANSCRIPT
UX DESIGNWORKSHOP
Suzi Sarmento • UI/UX Designer •
Trabalha com visual design e experiência do usuário há mais de 6 anos.
Já passou pelas áreas de publicidade, portal de notícias, e-commerce, e agora faz parte do time de UX da startup Youse.
E me conta de você:
● Qual o seu nome?
● O que faz da vida?
● E qual é o seu aplicativo favorito? (Ou quais)
vamos falar sobre o
Comportamento humano
Hoje as pessoas estão mais
Conectadas do que nunca
Pew Research Center, April , 2015
25% das pessoas estão conectadas em 4 ou mais devices por semana.
Essa campanha foi baseada em pesquisas que revelaram que 84% das pessoas não ficam sem celular
um único dia sequer.
Já parou pra pensar o porquê?
Facilita,poupa seu tempo e melhora sua vida.
De onde veio esse lance de UX?
Titio DonNormam
;P
"I invented the term because I thought Human Interface and usability were too narrow: I wanted to cover all aspects of the person's experience with a system, including industrial design, graphics, the interface, the physicalinteraction, and the manual."
Don Normam
Ou talvez bem antes, com: "If the point of contact between the product and the people becomes a point of friction, then [the designer] has failed. If, on the other hand, people are made safer, more comfortable, more eager to purchase, more efficient-or just plain happier-the [the designer] has succeeded."
Designing for People - Henry Dreyfuss (1904 – 1972)
Henry Dreyfuss Designer Industrial
Alguns estudos antropométricos feitos por Henry
Sobre interfaces ou
Designers (ou DAs)egoístas
E o UX designer
O que faz?
O que você precisa saber para se tornar um bom
UX Designer?
1.Ter empatiaAcima de tudo, bons UX Designers sentem empatia por outras pessoas.
Empatia é incrivelmente importante quando se desenha uma interface.
Você precisa entender as necessidades e dores das pessoas, só assim conseguirá desenvolver soluções adequadas.
2.QuestionarQuestione tudo.
Isso abrirá sua mente para novas perspectivas. Novas soluções. Novas alternativas e novos problemas também.
Questione tudo.
3.Manjar dos paranauê de princípios de design& UsabilidadeEsses princípios vão te ajudar a encontrar melhores soluções e oferecer a melhor experiência para os usuários.
Closure
exemplo aplicado
4.Experiências ≠Buscar conhecimento em outras áreas ajuda a entender e conhecer mais sobre o comportamento humano.
Entender os pensamentos e sentimentos dos usuários ajuda os UX designers a guiar suas decisões de projeto para a direção certa.
5.Processos de UXO processo de experiência do usuário normalmente consiste
em cinco fases principais: estratégia, pesquisa, análise,
concepção e produção.
Check list de um projeto de UX
Como podemos desenhar experiências que respeitem, empoderem e melhorem a vida das pessoas?
partiu aomozo!
projeto do curso
E-commerce deesportes
Análise Heurística
Como e por que?Uma das técnicas mais importantes para começar a projetar experiências de usuário (UX).
A Análise Heurística se trata de uma técnica de pesquisa e avaliação da usabilidade de um determinado projeto ou dos projetos concorrentes.
Design thinking,a gourmetização do design?
Design centrado no usuárioÉ o processo onde mantemos o foco nas necessidades, desejos e limitações dos usuários.
Imagine agora que cada grupo faz parte do time de UX de um e-commerce de produtos esportivos.
A partir dessa ideia vamos realizar as seguintes técnicas: 1 - Planejamento do "the brief"'2 - Criação de Personas (proto personas)3 - Jornada do consumidor4 - Teste de usabilidade.
Exercício 1
The Brief
The design briefQuais as soluções, os diferenciais do seu produto?
Quais os atributos e a personalidade do seu produto?
Para qual público ele foi desenhado?
Qual o propósito do seu produto?
The design briefé algo que você cria para o seu time, para os stakeholders,
para qualquer um que esteja envolvido com o projeto. Ele
ajuda a manter todos com a mesma visão e compartilhar a
essência da experiência do usuário.
Visão (Why)
Uma breve história que contextualize o porquê do produto ser tão importante para a vida das pessoas.
Requisitos (What)
Quais as características que fazem dele tão especial?
Princípios do produto (How)Como esse produto vai interferir na vida das pessoas de maneira positiva.
Exercício 2
Crie Personas (ou proto personas)
Alan Cooper
"Personas são personagens fictícios de produtos e serviços que representam as necessidades de um grupo maior de usuários. Devem ser criadas com base em dados reais e atuam, nos projetos de design, como representantes dos usuários reais ajudando a equipe a tomar decisões sobre funcionalidades e design"
Leah Buley
"Proto Personas é uma versão modificada das personas e simula o mesmo tipo de empatia e pensamento centrado no usuário. Porém com muito menos investimento de tempo. É baseado em insights, em menos dados reais, mas pode ajudar o time a ter um mindset que atenda às necessidades dos usuários.
Como criar?
Discuta com o grupo o que eles sabem ou supeitam sobre os usuários do site e então foque em um tipo em particular para desenvolver como proto-persona.
Descreva com detalhes a história dessa "pessoa". Onde vive? O que faz da vida? Quais as suas frustrações. Como seria a rotina dessa pessoa? Como era a vida dela antes de usar o produto/site ?
infos importantes
Trate essas proto-personas como hipóteses que podem ser validadas ou invalidadas.
Não confunda proto-personas com personas de verdade, esse processo rápido que executamos serve apenas como oportunidades de investigação, um norte para você continuar o processo de pesquisa de verdade.
Exercício 3
Jornada do usuário
Exercício 3
Jornada do usuário
Por que criar?
● Para mapear possíveis comportamentos dos usuários dentro do site;
● Para antecipar possíveis melhorias e novas funcionalidades;
● Ajuda a definir a taxonomia e a interface;
Como criar?
Com base nos dados das personas que você criou, crie um mapa com a
jornada do consumidor.
Post-it verde - para o que motivou a pessoa a entrar no site
Post-it amarelo - para o que fez a pessoa continuar no processo de compra
Post-it rosa - problemas ou atitudes tomadas depois da compra
Ativação Avaliação Compra Pós-compra
Entenda o modelo mental dos usuários.
Como?Card Sorting.
Cafézinho?
Exercício 4
Teste de usabilidade
Um teste de usabilidade é uma técnica de pesquisa muito utilizada para validar hipóteses, dúvidas e questionamentos sobre as interfaces.
Essa técnica segue um roteiro que contém tarefas relacionas com as hipóteses que queremos validar.
testes de usabiliadeé uma eterna arte de praticar o desapego
Exemplo de cenário e tarefas
Você é uma pessoa que gosta de fazer exercícios físicos e sua nutricionista indicou whey protein para sua nova dieta.
Tarefa 1 - O que você faria para comprar esse produto?
Tarefa 2 - Entre no site X e procure esse produto.
Tarefa 3 - Compre o whey de sabor morango.
Ferramentas online que ajudam a entender os usuários
Heatmapsexibem clicks, mapas de calor e até onde o usuário fez o scroll na página.
Gravação das visitas feitas no site
Funis de conversão
Para desenhar e prototipar interfaces
para os usuários
Cursoshttp://arquiteturadeinformacao.com/user-experience/cursos-de-ux-design-no-exterior-e-tambem-online/
No Brasil eu não encontrei nenhum ainda =,(
Na gringahttp://www.cooper.com/training/https://www.nngroup.com/training/ Onlinehttp://www.lynda.com/User-Experience-training-tutorials/97-0.htmlhttps://www.udacity.com/course/product-design--ud509http://www.invisionapp.com/ecourses/principles-of-ux-design
Referências - UX
http://blog.usabilla.com/the-20-best-ux-articles-of-2015-part-1/
http://blog.usabilla.com/the-20-best-ux-articles-of-2015-part-2/
http://arquiteturadeinformacao.com/user-experience/os-vencedores-do-ixda-awards-2016/?utm_content=buffer0192c&utm_medium=social&utm_source=facebook.com&utm_campaign=buffer
http://www.uxdesign.blog.br/usabilidade/10-licoes-de-usabilidade-de-steve-krug/
http://www.uxdesign.blog.br/user-experience/ux-ecommerce-jornada-do-consumidor/
http://samuraiux.com.br/blog/user-experience-samurai/guia-ux-o-que-e-jornada-do-usuario/
http://www.linhadecodigo.com.br/artigo/2355/abc-da-usabilidade-analise-heuristica.aspx
https://medium.com/ux-ui-design-1/analise-heuristica-o-que-e-fff5b7826ecb#.w049oo4oc
http://www.uxdesign.blog.br/user-experience/ux-por-onde-comecar/
Livros
Livros
Palestras e vídeos
Sobre os princípios de design aplicado a UX
Brigada e
Vlw. Flw.