Storyboards
Introdução
Storyboards são documentos que podem ser usados em uma variedade de disciplinas, dedicados à narrativa visual como produções live action e animações, segundo Rousseau e Phillips¹. A combinação de seu propósito básico (que é contar uma história) e o seu método de apresentação (que é colar os desenhos em um quadro) gerou o termo storyboard. A partir desse conceito, é necessário destacar que um storyboard deve ter:
- Pessoas envolvidas;
- Ambiente/Contexto da situação;
- Tarefa a ser feita pelo usuário;
- Passos envolvidos para realizar a tarefa;
- O que motiva os usuários a usar o sistema;
- A satisfação da pessoa ao completar a tarefa.
A seguir são disponibilizados os protótipos que foram desenvolvidos pela equipe, com base nas tarefas definidas anteriormente em Análise de tarefas.
Procurar um problema
Na figura 1, apresenta-se um storyboard no qual o usuário deseja procurar um novo problema no site.
Fonte: Suzane Duarte
Submeter problema (Quick Submit)
Na figura 2, apresenta-se um storyboard no qual o usuário deseja submeter um problema para um problema encontrado no site.
Fonte: Pablo Guilherme
Contatar Colaboradores
Na figura 3, apresenta-se um storyboard no qual o usuário deseja contatar colaboradores.
Fonte: Eric Camargo
Editar Conta
Na figura 4, apresenta-se um storyboard no qual o usuário deseja editar sua conta.
Fonte: Luana Torres
Acessar o Contest System
Na figura 5, apresenta-se um storyboard no qual o usuário deseja acessar o sistema de contests do site, mais especificamente a aba "Past Contests".
Fonte: Ester Lino
Acessar o "Forgot Login?" - Recuperação de login
Na figura 6, apresenta-se um storyboard no qual o usuário deseja recuperar seu login no site.
Fonte: Kallyne Macedo
Busca por uma página específica
Na figura 7, apresenta-se um storyboard no qual o usuário navega na aplicação buscando por uma página específica (página de contests) e enfrenta alguns problemas como ser redirecionado para páginas fora do domínio do Online Judge.
Fonte: Henrique Torres
Referências bibliográficas
1. Rousseau, D. H., & Phillips, B. R. (2013). Stoyboarding essentials. How to translate your stoy to the screen for film, TV, and other media. New York: Watson-Guptill Publishers.
Histórico de versões
| Versão | Data | Descrição | Autor(es) | Revisor(es) |
|---|---|---|---|---|
| 1.0 | 29/10/2023 | Criação e desenvolvimento da página | Pablo Guilherme, Suzane Duarte | Luana Torres |
| 1.1 | 04/12/2023 | Correções do artefato | Pablo Guilherme | Ester Lino |