Storyboard

Introdução

Storyboard é um protótipo de baixa fidelidade que consiste em uma série de desenhos organizados de forma sequencial, que representam etapas ou cenas de interação do usuário com o produto em desenvolvimento. É uma ferramenta muito útil do processo de design, pois oferece uma representação visual clara do fluxo de trabalho do usuário. E auxilia os designers a encontrarem potenciais problemas antes do início da fase de desenvolvimento.(PREECE)

Metodologia

Os storyboards foram confecionados pelos integrantes do grupo utilizando papel e caneta ou pela ferramenta Canvas. Por se tratar de um protótipo de baixa fidelidade, não foi atribuído muito tempo de desenvolvimento para os storyboards, sendo que, cada um foi construído em um período de no máximo 30 minutos.

Storyboard 1

O storyboard visualizado na figura 1 demonstra o uso do fórum do Ventoy por dois usuários. Baseado no cenário 2.

Figura 1: Storyboard Utilizando o Fórum

Fonte: Breno Queiroz

Storyboard 2:

O storyboard visualizado na figura 2 demonstra o uso do FAQ de perguntas do Ventoy por um usúario que está passando por dificuldade para formatar seu computador.

Figura 2: Storyboard Utilizando o FAQ

Fonte: Mayara Alves

Storyboard 3:

O storyboard retratado na figura 3 exibe um usuário navegando pela aba de "Compartilhamento de Experiências" do Ventoy, procurando soluções para desafios enfrentados ao dar boot em seu computador.

Figura 3: Storyboard Utilizando o Compartilhamento de Experiências

Fonte: Altino Arthur

Storyboard 4:

O storyboard retratado na figura 4 ilustra um diálogo entre dois usuários, no qual um deles reconhece que o Ventoy facilitou muito sua busca por uma nova distribuição linux e decide colaborar com o projeto fazendo uma doação. Para isso, ele acessa o site do Ventoy e procura a opção de doar.

Figura 4: Storyboard Utilizando o Ventoy

Fonte: Limírio Guimarães

Storyboard 5:

O storyboard visualizado na figura 5 demonstra o uso do Testes de Iso do Ventoy por um usúario que está verificando se uma distribuição já foi testada.

Figura 5: Storyboard Utilizando o Testes de Iso

Fonte: Luis Miranda

Storyboard 6:

O storyboard apresentado na Figura 6, ilustra um cenário onde um jovem usuário de um computador com problemas, necessita formatar seu computador, e em suas pequisas para procurar algo, ele encontrou o Ventoy, a partir disso, ele leu a sua documentação e o instalou para poder utilizar.

Figura 6:

Fonte: Vinícius Mendes

Storyboard 7: Acesso à página de plugin

O storyboard apresentado na Figura 7, ilustra um cenário onde uma jovem usuária quer deixar o menu de inicialização do site Ventoy mais bonito, e para isso é necessário o uso de um plugin.

Figura 7: Acesso à página de plugin

Fonte: Milena Baruc.

Bibliografia

PREECE, Rogers Sharp Design de Interação - Além da interação homem-computador Bookman

📑 Histórico de versões:

Versão	Data	Descrição	Autor(es)	Revisor(es)
1.0	28/10/2023	Criação do documento	Breno Queiroz	Limírio Guimarães
1.1	28/10/2023	Adicionado Storyboard 1	Breno Queiroz	Limírio Guimarães
1.2	29/10/2023	Adicionado Storyboard 2	Mayara Alves	Limírio Guimarães
1.3	29/10/2023	Adicionado Storyboard 3	Altino Arthur	Limírio Guimarães
1.4	29/10/2023	Adicionado Storyboard 4	Limírio Guimarães	Altino Arthur
1.5	29/10/2023	Adicionado Storyboard 5	Luis Miranda	Limírio Guimarães
1.6	29/10/2023	Adicionado Storyboard 6	Vinícius Mendes	Limírio Guimarães
1.7	29/10/2023	Adicionado Storyboard 7	Milena Baruc	Luis Miranda
2.0	29/10/2023	Atulizando Storyboard 7	Milena Baruc	Luis Miranda
3.0	06/12/2023	Adicionado texto de metodologia	Breno Queiroz	Altino Arthur