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.

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

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

• 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!

Por hoje é

Dúvidas?

só pessoal!