Storyboards

Introdução

O storyboard é um exemplo de protótipo de baixa fidelidade, muito útil devido sua simplicidade, baixo custo e rápida produção. Isso significa que podem ser rapidamente alterados. São geralmente utilizados em conjunto com cenários. ¹ Ao utilizar storyboards em conjunto com cenários ou roteiros, é possível visualizar e planejar a sequência de eventos, a composição das cenas, a posição dos personagens, a movimentação da câmera e outros elementos visuais importantes. Isso ajuda a identificar possíveis problemas narrativos, ajustar a dinâmica da história e prever como ela será apresentada ao público. O storyboard consiste em uma série de ilustrações sequenciais que representam os principais momentos, ações e composições visuais de uma cena ou de todo o enredo. Cada quadro do storyboard retrata uma cena específica, acompanhada por uma descrição escrita ou diálogos relacionados. No caso de um sistema baseado em GUI. Esse modelo de artefato deve conter os seguintes elementos:

• As pessoas envolvidas;
• Ambiente/contexto;
• Tarefas;
• Passos envolvidos;
• A motivação para usar a sistema;
• O que as pessoas precisam fazer para completar a tarefa;
• A satisfação da pessoa ao completar a tarefa, no final do storyboard.

Os protótipos foram desenvolvidos com base nas tarefas definidas nos cenários.

Tarefa 1: Comprar um ingresso

Na figura 1, apresenta-se um storyboard no qual o usuário, após uma árdua semana de trabalho, opta por assistir uma peça de teatro ainda não definida.

Figura 1 - Storyboard compra de um ingresso

Fonte: Arthur de Melo (2023).

Tarefa 2: Busca de Evento

Na figura 2, é apresentado um storyboard sobre a busca de um show no site.

Figura 2 - Storyboard Buscar um Evento

Fonte: Matheus Henrique (2023).

Tarefa 3: Compartilhar Eventos nas Redes Sociais

Na figura 3, é apresentado um storyboard sobre compartilhar eventos nas redes sociais.

Figura 3 - Storyboard Compartilhar Eventos nas Redes Sociais

Fonte: Rafael Ferreira (2023).

Tarefa 4: Cancelar compra de um ingresso

Na figura 4, podemos ver um cenário em que por algum motivo o usuário teve que cancelar a compra efetuada.

Figura 4 - Cancelar compra de um ingresso

Fonte: Gabriel Campello (2023).

Tarefa 5: Visualizar meus pedidos

Na figura 5, é apresentado um storyboard sobre a visualização dos pedidos do usuário no site.

Figura 5 - Storyboard visualizar meus pedidos

Fonte: Douglas Alves (2023).

Tarefa 6: Acessar a aba Central de Ajuda

Na figura 6, é apresentado um storyboard sobre o acesso à aba Central de Ajuda.

Figura 6 - Storyboard Central de Ajuda

Fonte: Geovanna Maciel (2023).

Referências Bibliográficas

1. PREECE, Jennifer, SHARP, Helen, ROGERS, Yvonne. Interaction Design: beyond human-computer interaction. John Wiley & Sons, 2015.

Histórico de Versão

Versão	Data	Descrição	Autor(es)	Revisor(es)
1.0	18/05/2023	Criação da página de storyboards, criação do primeiro storyboard.	Gabriel Campello	Arthur de Melo
1.1	20/05/2023	Adição do storyboard de Busca de Evento.	Matheus Henrique	Arthur de Melo
1.2	20/05/2023	Adição do storyboard de Comprar Ingresso.	Arthur de Melo	Rafael Ferreira
1.3	20/05/2023	Adição do storyboard de Compartilhar Evento.	Rafael Ferreira	Arthur de Melo
1.4	21/05/2023	Adição do storyboard de Central de Ajuda.	Geovanna Maciel	Arthur de Melo
1.5	21/05/2023	Adição do storyboard de Visualização dos Pedidos.	Douglas Alves	Arthur de Melo