UX Digital
User Experience digital.
Profª Ms. Francisco Escobar.
Design de experiência do usuário - do Storyboard ao protótipo
STORYBOARDS AJUDAM A VISUALIZAR IDEIAS
QUE MELHORAM A EXPERIÊNCIA DO USUÁRIO
-
Representações Visuais;
-
Contar histórias é muito importante no nosso trabalho;
-
Uma história captura clareza e inspira;
-
Não precisa ser complexo;
-
Fornece contexto.
Um storyboard comunica uma história por meio de imagens exibidas em uma sequência de painéis que mapeia cronologicamente os principais eventos da história.
Storyboard
- Whitney Hess
Storyboard
O storyboard não precisa ser complicado ou de alta fidelidade. Visuais simples e um cenário básico, mas específico, serão memoráveis para sua equipe e partes interessadas.
Storyboard
Componentes
-
Os storyboards são baseados em cenários ou em uma história do usuário;
-
A Persona é especificada e corresponde a este cenário;
-
Uma breve descrição do cenário também é incluída.
CE
Cenário Específico
- Cada etapa é representada em sequência;
- Pode utilizar fotos, esboços e ilustrações;
- Desenhos de baixa fidelidade;
- Também podem ser de alta fidelidade;
- Incluir detalhes relevantes.
RV
Recursos Visuais
-
Descreve ações do usuário;
-
Ambiente;
-
Estado emocional;
-
Dispositivo;
-
-
Legendas são concisas;
-
Normalmente não excedem dois marcadores.
LC
Legendas Correspondentes
independentemente da forma, sempre teremos três elementos de storyboards comuns.
STORYBOARD
MAPA DE JORNADA DO USUÁRIO
+
-
Geralmente informais;
-
Ilustram sequência de fatos;
-
Fácil entendimento;
-
Grande foco nas imagens.
STORYBOARDS
JORNADA DO USUÁRIO
-
Visualização Complexa;
-
Foco na informação textual;
-
Fácil entendimento;
-
Apresenta visão geral da experiência.
STORYBOARDS PODEM SER USADOS PARA EXPLICAR FRAGMENTOS DA JORNADA DO USUÁRIO
-
Pesquisa;
-
Testes de usabilidade;
-
Incrementa o Mapa de Jornada;
-
Priorização de conteúdo;
-
Ideação;
-
Podem ser feitos em baixa fidelidade.
Porque usar um storyboard?
-
Reúna seus dados;
-
Escolha seu nível de fidelidade;
-
Defina o Básico;
-
Planejamento das etapas;
-
Crie recursos visuais;
-
Adicione Legendas;
-
Distribuir e Iterar.
Como criar um storyboard?
Como o próprio nome sugere, os storyboards nos ajudam a contar histórias sobre nossos usuários. QUando baseados em dados reais e combinados com outras atividades de User Experience, eles podem:
-
Tirar o foco do preconceito e ajudar a ter empatia com nossos usuários.
-
Ajuda os clientes a lembrar de usuários e cenários.
-
Ajuda a entender o comportamento do usuário.
Criação de Storyboard
exercício 1
-
Cena 1: Introdução
- Uma mulher caminha pela rua com uma expressão cansada e triste no rosto.
- Ela passa por uma vitrine e se olha no espelho, parecendo ainda mais desanimada com o que vê.
-
Cena 2: Descoberta do produto
- A mulher entra em uma loja de cosméticos e é abordada por uma vendedora simpática que lhe oferece o novo produto de beleza.
- A mulher fica hesitante, mas a vendedora lhe oferece uma demonstração gratuita do produto.
-
Cena 3: Uso do produto
- A mulher aplica o produto em seu rosto e se olha no espelho novamente.
- Seus olhos se iluminam e um sorriso começa a surgir em seu rosto enquanto ela observa a melhora na aparência de sua pele.
-
Cena 4: Transformação
- A mulher sai da loja com um novo ar de confiança e autoestima, caminhando pela rua com a cabeça erguida e um sorriso radiante.
-
Cena 5: Chamada à ação
- Um texto aparece na tela: "Experimente o novo produto de beleza X e descubra sua melhor versão".
- A imagem do produto aparece na tela, seguida pelo logotipo da marca.
-
Desafio extra: pense em um slogan para essa campanha de publicidade e adicione-o na cena 5!
Criação de Storyboard
exercício 2
Crie um storyboard para o seu próprio projeto.
Lembre-se de que o storyboard é uma ferramenta poderosa que ajuda a visualizar e comunicar a narrativa de um projeto.
Dedique tempo para criá-lo com cuidado e atenção aos detalhes.
Pense em um roteiro para a utilização da aplicação que vocês estão criando, pode ser uma situação, uma forma de utilização ou um situação específica.
Bora praticar!
Vale para entrega!