Storyboards
Introdução
O storyboard é uma ferramenta visual e um protótipo de baixa fidelidade amplamente utilizado no design de interação devido à sua simplicidade, baixo custo e rápida produção. Como destacado por Preece, Sharp e Rogers (2015) ^1^, sua estrutura sequencial permite representar visualmente os principais passos das interações entre usuários e sistemas. Em conjunto com cenários, os storyboards facilitam a compreensão do contexto de uso, das tarefas realizadas e das respostas do sistema, ajudando a antecipar desafios e a refinar soluções.
Cada quadro de um storyboard ilustra um momento específico da interação, destacando elementos como os usuários envolvidos, o ambiente, os objetivos, as ações realizadas e os resultados obtidos. No contexto de sistemas baseados em interfaces gráficas (GUI), eles também auxiliam na visualização de fluxos de trabalho e na identificação de pontos críticos na experiência do usuário. Este documento apresenta os storyboards desenvolvidos por cada integrante, alinhados às tarefas previamente definidas nos cenários e focados em capturar os aspectos centrais da interação proposta.
Tarefa 1: Submeter um código para avaliação.
Na figura 1, o storyboard retrata o momento em que um novo usuário irá submeter seu código de uma atividade porém não recebe retorno como esperado do site.
Figura 1 - Storyboard submeter um código para avaliação.
Autor: Felipe Rodrigues, 2024.
Tarefa 2: Alterar senha.
Na figura 2, é apresentado o storyboard de troca de senha e sua complexidade.
Figura 2 - Storyboard alterar senha.
Autor: Jéssica Eveline, 2024.
Tarefa 3: Problemas com FAQ.
Na figura 3, storyboard apresentado trata da falta de conteúdo do FAQ para problemas comuns.
Figura 3 - Storyboard problemas com FAQ.
Autor: João Vitor, 2024.
Tarefa 4: Falta de mecanismos de busca.
Na figura 4, é possível ver que o usuário tem dificuldade para encontrar algo no site por falta de mecanismos de busca.
Figura 4 - Storyboard falta de mecanismos de busca.
Autor: Marcelo Adrian, 2024.
Tarefa 5: Encontrar os casos de teste que falharam.
Na Figura 5, o storyboard ilustra o momento em que o código é testado e alguns casos são aprovados. Para identificar os casos que falharam e localizar os erros, o usuário deve consultar o bot "Mojinho" no Telegram.
Figura 5 - Storyboard encontrar os casos de teste que falharam.
Autor: Ruan Carvalho, 2024.
Bibliografia
BILHETERIA DIGITAL. Interação Humano Computador. Distrito Federal, 2023. Disponível em: https://github.com/Interacao-Humano-Computador/2023.1-BilheteriaDigital. Acesso em: 30/11/2024.
Referências bibliográfica
1. PREECE, Jennifer; SHARP, Helen; ROGERS, Yvonne. Interaction Design: beyond human-computer interaction. John Wiley & Sons, 2015.
Histórico de Versões
Tabela 1 - Histórico de versões.
| Versão | Descrição | Autor | Data | Revisor | Data de revisão |
|---|---|---|---|---|---|
| 1.0 | Storyboards dos integrantes. | Felipe Rodrigues, Jéssica Eveline, João Vitor, Ruan Carvalho, Marcelo Adrian | 09/12/2024 | Felipe Rodrigues, Jéssica Eveline, João Vitor, Ruan Carvalho, Marcelo Adrian | 09/12/2024 |