Aula_04_UVV - Tópico 4 e 5

Prévia do material em texto

Professor: Vinícius da Rocha Motta
Disciplina: Experiência E Interface com 
o Usuário
Temática: Tópico 4 e 5 
Apresentação das Interfaces
O que são personas?
ⓘ Start presenting to display the poll results on this slide.
O que são personas?
são representações fictícias de arquétipos de usuários
que são criadas para ajudar no processo de design de 
produtos ou serviços. 
Elas são construídas com base em informações 
demográficas, comportamentais, psicográficas e 
motivações dos usuários reais
Funções das Personas no Design UX
● Compreender os usuários: Identificar comportamentos, 
necessidades e preferências dos usuários-alvo.
● Orientar decisões de design: Basear as escolhas de design nas 
características e objetivos das personas.
● Identificar oportunidades e desafios: Identificar lacunas e 
encontrar oportunidades para melhorar a experiência do usuário.
● Comunicar insights aos stakeholders: Compartilhar informações 
sobre os usuários com a equipe e outras partes interessadas.
● Testar e validar soluções: Usar as personas para testar e obter 
feedback sobre as soluções propostas.
Criando uma persona
● Passo 1: Realize pesquisas e colete dados sobre os usuários: Realize pesquisas de 
mercado, entrevistas, questionários ou análise de dados existentes para obter informações 
sobre os usuários-alvo do seu produto ou serviço. Isso inclui características demográficas, 
comportamentais, psicográficas e motivações.
● Passo 2: Identifique os principais grupos de usuários: Com base nas informações coletadas, 
identifique os principais segmentos de usuários ou grupos-alvo. Eles podem ter diferentes 
necessidades, objetivos e características.
● Passo 3: Dê um nome e atribua uma imagem à persona: Dê um nome fictício à persona para 
torná-la mais real e atribua uma imagem que representa visualmente o perfil do usuário.
● Passo 4: Defina as características demográficas: Inclua informações como idade, gênero, 
localização, nível educacional, ocupação e qualquer outra característica relevante do seu 
público-alvo.
● Passo 5: Descreva as características comportamentais: Identifique as principais 
características comportamentais dos usuários, como seus hábitos, preferências, interesses, 
motivações, desafios e experiências relevantes.
Criando uma persona
● Passo 6: Adicione detalhes psicográficos: Descreva os traços psicológicos e emocionais da 
persona, como seus valores, objetivos, medos e aspirações.
● Passo 7: Liste as principais necessidades e objetivos: Identifique as principais necessidades, 
objetivos e tarefas dos usuários ao interagir com o seu produto ou serviço. Isso ajudará a orientar 
o design e a experiência do usuário.
● Passo 8: Identifique dores e analgésicos: Liste as principais dores, problemas ou frustrações que 
os usuários enfrentam ao tentar resolver seus problemas sem o uso do seu produto. Em seguida, 
identifique possíveis soluções (analgésicos) que seu produto pode fornecer.
● Passo 9: Crie um resumo e visualize a persona: Resuma todas as informações coletadas em 
uma descrição concisa da persona, destacando os principais pontos de interesse. Use a imagem 
atribuída e os detalhes para visualizar a persona.
● Passo 10: Revise e itere: À medida que você adquire mais informações e realizar mais 
pesquisas, é importante revisar e iterar nas suas personas para garantir que elas estejam 
alinhadas com os dados e insights mais recentes.
User Stories ou histórias de usuário
desempenham um papel importante na área de UX (User Experience). 
No contexto do UX, as User Stories são usadas para descrever as 
necessidades e os comportamentos dos usuários de uma maneira 
mais voltada para a experiência do usuário.
User Stories ou histórias de usuário
Podem incluir informações sobre as expectativas, desejos, 
objetivos, frustrações e pontos problemáticos dos usuários 
durante a interação com um produto ou serviço. 
Elas ajudam a equipe de UX a entender o contexto e as motivações 
dos usuários, bem como a identificar oportunidades de melhoria e 
desenvolver soluções centradas no usuário.
User Stories ou histórias de usuário
São escritas em linguagem natural e se concentram nas 
necessidades e experiências dos usuários. 
Elas podem descrever cenários específicos de uso, como:
"Como um usuário que está buscando uma receita de bolo, 
eu quero encontrar facilmente uma lista clara de ingredientes 
e instruções passo a passo para que eu possa seguir a 
receita sem confusão."
User Stories ou histórias de usuário
Ao criar User Stories na UX, a equipe de UX pode se 
concentrar em entender as necessidades do usuário, em 
vez de se concentrar exclusivamente nos aspectos 
técnicos ou de implementação. 
Isso ajuda a garantir que o design seja orientado para o 
usuário e que a experiência do usuário seja aprimorada.
Ferramenta online
https://trello.com/
Template: https://trello.com/templates/product-management/user-story-mapping-template-XVrmnTX3
O que é Moodboard?
é uma ferramenta visual que ajuda a comunicar a 
atmosfera, estilo, emoção e direção estética de um projeto.
É uma coleção de imagens, cores, texturas, tipografia e 
outros elementos visuais que são organizados em uma 
única prancha ou painel.
Para que serve o Moodboard?
O objetivo do moodboard é transmitir uma sensação ou um 
clima específico, permitindo que as equipes de design, 
incluindo designers de UX, compartilhem uma visão 
comum e alinhem suas ideias em relação à estética e à 
experiência desejadas.
O que é Storyboard?
é uma ferramenta visual usada para planejar e representar a sequência 
de eventos em uma narrativa, seja em um filme, animação, vídeo, design 
de interface ou qualquer outra forma de mídia visual. 
É uma série de quadros ou painéis ilustrados que representam cenas e 
momentos-chave da história.
Para que serve o Storyboard?
O objetivo principal do storyboard é prever e planejar a 
estrutura narrativa e visual de um projeto, permitindo que os 
criadores visualizem como a história se desenrolará e como 
cada cena se relaciona umas com as outras. 
É uma etapa crucial no processo de criação, pois ajuda a 
organizar as ideias, aprimorar a narrativa e estabelecer a 
direção visual do projeto
O que é Card Sorting? 
é uma técnica utilizada no design de informações e 
arquitetura de informação para entender como os 
usuários organizam e categorizam o conteúdo de um 
sistema, site, aplicativo ou qualquer outro produto ou 
serviço digital.
Para que serve o Card Sorting? 
Na prática, o Card Sorting envolve apresentar aos 
participantes um conjunto de cartões (geralmente contendo 
palavras ou frases que representam o conteúdo) e pedir a eles 
que os organizem em grupos ou categorias significativas de 
acordo com sua compreensão e lógica pessoal. 
Os participantes têm a liberdade de criar as categorias e definir 
as relações entre os cartões conforme sua perspectiva.
O que é Eye Tracking?
é uma técnica usada para medir e analisar os 
movimentos oculares e o foco visual de uma pessoa 
enquanto ela interage com um determinado estímulo, 
como uma interface digital, imagem, página da web ou 
qualquer outro elemento visual.
Para que serve o Eye Tracking?
O objetivo do Eye Tracking é entender como os olhos se 
movem e onde o usuário direciona seu olhar durante 
uma atividade específica. 
Ele permite capturar e quantificar métricas, como o tempo 
de fixação em determinadas áreas, os padrões de 
varredura ocular, as áreas de maior atenção e o percurso 
visual do usuário.
User Flow (Fluxo do Usuário) e Sitemap (Mapa do Site)
são duas ferramentas utilizadas no design de UX para visualizar e 
planejar a experiência do usuário em um site, aplicativo ou sistema 
digital.
● User Flow:
○ Representa a sequência de ações e interações do usuário em um produto 
digital.
○ Descreve o caminho percorrido pelo usuário desde o início até a conclusão de 
uma tarefa.
○ Mostra a ordem das telase as ações realizadas pelo usuário em cada etapa.
○ Identifica possíveis ramificações ou desvios durante o processo.
○ Objetivo: compreender o fluxo de informações, identificar pontos críticos e 
oportunidades de melhoria na jornada do usuário.
User Flow (Fluxo do Usuário) e Sitemap (Mapa do Site)
são duas ferramentas utilizadas no design de UX para visualizar e 
planejar a experiência do usuário em um site, aplicativo ou sistema 
digital.
● Sitemap:
○ Diagrama hierárquico que representa a estrutura e organização de um site ou 
aplicativo.
○ Mostra a relação entre as páginas ou telas e como estão conectadas e 
agrupadas.
○ Destaca a hierarquia de páginas principais, subpáginas, seções e categorias.
○ Pode incluir informações adicionais, como funcionalidades e navegabilidade.
○ Auxilia na organização e navegação do conteúdo, facilitando a busca dos 
usuários.
Wireframes
são representações esquemáticas e simplificadas de interfaces 
de usuário que são utilizadas no processo de design de UX 
(User Experience). 
Eles representam a estrutura, layout e funcionalidades de uma 
interface, mas não incluem detalhes visuais como cores, 
imagens ou tipografia.
Protótipos na UX
são representações interativas de interfaces de usuário que 
simulam o funcionamento e a aparência de um produto digital. 
Eles são criados para testar e validar conceitos de design, 
interações, fluxos de navegação e funcionalidades antes do 
desenvolvimento final.
Exercício - Ferramenta Online
https://www.canva.com/
Template de persona
Dúvidas
ⓘ Start presenting to display the audience questions on this slide.