Storyboards
Introdução
Storyboard é uma técnica de design que consiste em representar, por meio de desenhos, o fluxo de um sistema ou aplicativo. Essa técnica é útil para visualizar como o sistema será usado e identificar possíveis problemas ou inconsistências. Para a confecção dos storyboards, os usuários escolheram as tarefas com que já trabalharam nos artefatos HTA e CTT.
Os storyboards contam com os elementos a seguir:
-
Pessoas envolvidas: Identificação dos participantes no processo.
-
Ambiente/contexto: Descrição do cenário ou contexto em que a ação ocorre.
-
Tarefas: Enumeração das atividades que precisam ser realizadas.
-
Passos envolvidos: Detalhamento dos passos necessários para completar as tarefas.
-
Motivação para usar o sistema: Explanação sobre por que as pessoas estão utilizando o sistema em questão.
-
Ações necessárias para completar a tarefa: Indicação clara das ações que as pessoas precisam executar para concluir a tarefa.
-
Satisfação da pessoa ao completar a tarefa: Expressão do nível de satisfação da pessoa ao finalizar a tarefa, como representado no storyboard.
Storyboards atribuídos por tarefas
Tarefa 01 - Buscar currículo
Figura 01 - StoryBoard da tarefa "Inserir recursos multimidia". (Fonte: LELIS,Caio)
Elementos do Storyboard
| Elemento | Descrição |
|---|---|
| Pessoas envolvidas | - Calleri - Amanda |
| Ambiente/contexto | - Calleri está em uma sala com sua amiga Amanda. |
| Tarefas | - Calleri necessita encontrar uma alternativa para deixar seu currículo Lattes mais atraente. |
| Passos envolvidos | - Acessar o site do CNPQ -Acessar seu projeto Lattes - Usar a tarefa fazer upload - escolher o arquivo - confirmar entrada de arquivo em seu projeto. |
| Motivação de usar a aplicação | - Praticidade em editar seu currículo. |
| O que as pessoas precisam para completar a tarefa | - Fazer upload de arquivos requeridos para o projeto. |
| Resultado (satisfação) da pessoa ao completar a tarefa no final do storyboard | - Calleri ao completar a tarefa pode deixar o seu currículo mais atraente e mais rico em detalhes. |
Tabela 01 - elementos do storyboard da tarefa 01 "Inserir recursos multimidia". (Fonte: LELIS,Caio)
Tarefa 02 - Depositar dados de pesquisa
Figura 02 - StoryBoard da tarefa "Depositar dados de pesquisa". Fonte: BASILIO,Guilherme
Elementos do Storyboard
| Elemento | Descrição |
|---|---|
| Pessoas envolvidas | - Jhonatan (Um pesquisador) |
| Tarefas | - Jhonatan está terminando sua pesquisa e precisa encontrar uma maneira para depositar sua pesquisa |
| Ambiente/contexto | - Jhonatan está em sua casa focado em terminar sua pesquisa |
| Passos envolvidos | - Acessar o site do CNPQ - Lattes e usar a tarefa Depositar pesquisa utilizando o número do processo dessa pesquisa |
| Motivação de usar a aplicação | - Visibilidade acadêmica e no meio profissional |
| O que as pessoas precisam para completar a tarefa | - Número de processo da pesquisa |
| O que motivou a usar o sistema | - Necessidade em depositar sua pesquisa |
| Resultado (satisfação) da pessoa ao completar a tarefa no final do storyboard | - Jhonatan está satisfeito por ter depositado sua pesquisa com sucesso. Ele está confiante de que sua pesquisa será bem recebida pela comunidade acadêmica. |
Tabela 02 - elementos do storyboard da tarefa 02 "Depositar dados de pesquisa". Fonte: BASILIO,Guilherme
Tarefa 03 - Atualizar currículo
Figura 03 - StoryBoard da tarefa "Atualizar currículo". (Fonte: FILHO,Doan)
Elementos do Storyboard
| Elemento | Descrição |
|---|---|
| Pessoas envolvidas | Cleiton(Um pesquisador) |
| Tarefas | Cleiton terminou seu doutorado e deseja adiciona-lo ao curricul lattes |
| Ambiente/contexto | Cleiton está no trabalho |
| Passos envolvidos | Acessar a plataforma cnpq lattes e atualizar seu currículo |
| Motivação de usar a aplicação | O currílo se encontra hospedado na plataforma |
| O que as pessoas precisam para completar a tarefa | Preencher os dados adicionais para o currículo |
| Resultado (satisfação) da pessoa ao completar a tarefa no final do storyboard | Cleiton consesguiu atualizar seu currículo com o certificado de doutorado, podendo dar prosseguimento para suas aulas |
Tabela 03 - elementos do storyboard da tarefa 03 "Atualizar currículo". (Fonte: FILHO,Doan)
Tarefa 04 - Buscar Dados de Pesquisa
Figura 04 - StoryBoard da tarefa "Buscar Dados de Pesquisa". (Fonte: de Frias, Miguel)
Elementos do Storyboard
| Elemento | Descrição |
|---|---|
| Pessoas envolvidas | Ailton(Um estudante de engenharia aeroespacial) |
| Tarefas | Ailton deseja buscar dados de uma pesquisa |
| Ambiente/contexto | Ailton está em casa |
| Passos envolvidos | Acessar a plataforma cnpq lattes e buscar uma pesquisa |
| Motivação de usar a aplicação | A plataforma possui um grande acervo de dados de pesquisa |
| O que as pessoas precisam para completar a tarefa | Preencher o campo com dados da pesquisa |
| Resultado (satisfação) da pessoa ao completar a tarefa no final do storyboard | Ailton consesguiu buscar os dados da pesquisa que estava procurando |
Tabela 04 - elementos do storyboard da tarefa 04 "Buscar Dados de Pesquisa". (Fonte: de Frias, Miguel)
Tarefa 05 - Cadastrar Instituição
Figura 05 - StoryBoard da tarefa "Cadastrar instituição". (Fonte: BARBOSA,Gabriel)
Elementos do Storyboard
| Elemento | Descrição |
|---|---|
| Pessoas envolvidas | Paulo (O reitor da universidade fictícia "UMENGO") |
| Tarefas | Paulo deseja cadastrar sua instuição de ensino na plataforma lattes |
| Ambiente/contexto | Paulo está no seu escritório e vê uma oportunidade de participar do CONBRIC (Congresso Brasileiro de Iniciação Científica) e precisa que as pesquisas de extensão produzidas na sua universidade tenham maior embasamento no congresso |
| Passos envolvidos | Acessar a plataforma cnpq lattes e clicarem cadastrar nova instiuição |
| Motivação de usar a aplicação | Pois a plataforma lattes reune pesquisas e iniciações de todo o Brasil |
| O que as pessoas precisam para completar a tarefa | Preencher os dados cadastrais e aguardar validação |
| Resultado (satisfação) da pessoa ao completar a tarefa no final do storyboard | Paulo conseguiu cadastrar sua instituição privada de ensino na plataforma lattes, portanto, poderá participar do CONBRIC |
Tarefa 06 - Buscar Instituição
Figura 06 - StoryBoard - "Buscar Insituição". Fonte: SOARES, Joel
Elementos do Storyboard
| Elemento | Descrição |
|---|---|
| Pessoas envolvidas | Um pesquisador e um professor orientador |
| Tarefas | Encontrar informações de uma instituição para prosseguir com a pesquisa |
| Ambiente/contexto | universidade. (Primeiro take acontece em uma sala de aula, e depois vão para uma sala onde há o computador do pesquisador) |
| Passos envolvidos | Ouvir uma sugestão de onde encontrará essas informações, acessar a plataforma Lattes, apertar o botão que indica busca por instituições e pesquisar sobre qual for a instituição requerida. |
| Motivação de usar a aplicação | Sugestão de pessoas que já possuem experiencia no meio científico |
| O que as pessoas precisam para completar a tarefa | entrar na plataforma e pesquisar sobre a instituição requerida. |
| Resultado (satisfação) da pessoa ao completar a tarefa no final do storyboard | ao final do storyboard, o pesquisador se sentiu feliz por encontrar um conjunto muito grande de informações sobre a instituição, permitindo ele a continuar seu trabalho com excelência. |
Tabela 06 - elementos do storyboard da tarefa 07 "Buscar instituição". (Fonte: SOARES, Joel)
Tarefa 08 - Acessar Painel Lattes
Figura 07 - StoryBoard - "Acessar Painel Lattes". Fonte: BRAGA, Caio
Elementos do Storyboard
| Elemento | Descrição |
|---|---|
| Pessoas envolvidas | Uma pesquisador buscando informações sobre a Plataforma Lattes |
| Tarefas | Para acessar o Painel Lattes, o pesquisador deve acessar a página inicial do Lattes/CNPQ e selecionar a opção Acessar Painel Lattes |
| Ambiente/contexto | Faculdade do personagem |
| Passos envolvidos | Acesso à página e escolha dos filtros desejados |
| Motivação de usar a aplicação | Facilita a pesquisa sobre a comunidade acadêmica |
| O que as pessoas precisam para completar a tarefa | Acessar o site da plataforma, selecionar a opção "Acessar o Painel Lattes" e escolher o filtro desejado para ver os dados fornecidos pelos painéis |
| Resultado (satisfação) da pessoa ao completar a tarefa no final do storyboard | Ao final do storyboard, a tarefa cumpre o seu objetivo ao conseguir fornecer os dados necessários para as necessidades do pesquisador |
Tabela 07 - Elementos do storyboard da tarefa 08 "Acessar Painel Lattes". (Fonte: BRAGA, Caio)
Referências bibliográficas
[1] BARBOSA, Simone; DINIZ, Bruno. Interação Humano-Computador, Rio de Janeiro, 2021.
Bibliografia
[1] Storyboard. Repositório do Grupo Bilheteria Digital da disciplina de Interação Humano computador da Universidade de Brasília, 2023. Disponível em: https://interacao-humano-computador.github.io/2023.1-BilheteriaDigital/design-avaliacao-desenvolvimento/nivel-1/storyboard-dad/storyboard/. Acesso em: 30 de outubro de 2023.
Histórico de versão
| Versão | Descrição | Autor | Data | Revisor | Data de revisão |
|---|---|---|---|---|---|
| 1.0 | Criação do documento Storyboards | Caio Lelis e Joel Soares | 30/10/2023 | Gabriel Barbosa | 30/10/2023 |
| 1.1 | Adição dos storyboards | Doan Filho | 30/10/2023 | Caio Lelis | 30/10/2023 |
| 1.1 | Adição dos storyboards | Miguel de Frias | 30/10/2023 | Guilherme Basilio | 30/10/2023 |
| 1.2 | Adição dos storyboards | Gabriel Barbosa | 30/10/2023 | Joel Soares | 30/10/2023 |
| 1.3 | Adição dos storyboards | Joel Soares | 30/10/2023 |