Prototipação

1. Introdução

A prototipação, segundo SOMMERVILLE(2016)¹, consiste em aprensentar um modelo executável do sistema aos clientes e usuários para que eles possam experimentar o sistema e decidir se ele atende às suas necessidades. Com esse objetivo, foram desenvolvidos, com base nos requisitos definidos na etapa de priorização, alguns protótipos que podem ser conferidos a seguir. A construção dos protótipos foi baseada em requisitos ainda não implementados pela plataforma e foi feita com o auxílio da plataforma Figma², que é uma ferramenta de design de interface de usuário com recursos de prototipagem.

2. Prototipação

Com base nos requisitos selecionados, foram desenvolvidos os protótipos abaixo. Para uma vizualização mais detalhada, é possível clicar em cima da imagem para ser redirecionado para a página do protótipo no Figma².

2.1 Protótipo 01 - Sortear Filme

O protótipo a seguir, representado pela Figura 1, tem como objetivo atender ao requisito QST13 (Sortear filme da watchlist). Para isso foi adicionado um botão na págin de Watchlist que, ao ser clicado, sorteia um filme da lista de filmes do usuário.

2.2 Protótipo 02 - Filmes em Comum

O protótipo a seguir, representado pela Figura 2, tem como objetivo representar o requisito QST08 (Encontrar filmes em comum na "watchlist" de dois ou mais usuários, exclusivos para usuários "Pro"). Para tal, foi adicionado na parte inferior da página de Watchlists a miniatura dos amigos do usuário. Ao clicar em um amigo, é exibida uma lista com os filmes em comum entre o usuário e o amigo selecionado.

2.3 Protótipo 03 - Grupos de Discussão

O protótipo a seguir, representado pela Figura 3, tem como objetivo representar o requisito DOC57 (Deve ser possível que os usuários criem e participem de grupos de discussão sobre temas específicos, como gêneros cinematográficos, diretores e filmes clássicos). Dessa forma, foi adicionado na página inicial uma aba a mais. Ao clicar nessa aba, são exibidos alguns grupos que o usuário pode fazer parte. Ao clicar em um grupo, é exibida uma página com as informações do grupo e uma lista com alguns usuários que fazem parte do grupo.

2.4 Protótipo 04 - Acompanhamento de Séries

O protótipo a seguir, representado pela Figura 4, tem como objetivo representar o requisito DOC51 (Deve ser possível fazer o acompanhamento de séries no aplicativo). Para tal, foi adicionado na página inicial uma aba a mais. Ao clicar nessa aba, são exibidas algumas séries que o usuário pode acompanhar.

2.5 Protótipo 05 - Tempo de Tela

O protótipo a seguir, representado pela Figura 5, tem como objetivo representar os requisitos DOC58 (Deve ser exibido no perfil do usuário a quantidade de filmes assistidos pelo usuário) e DOC59 (Deve ser exibido no perfil do usuário a quantidade de horas assistidas pelo usuário). Para isso foram adicionados dois quadros na página de perfil do usuário, um com a quantidade de filmes assistidos e outro com a quantidade de horas assistidas.

2.6 Protótipo 06 - Emoções

O protótipo a seguir, representado pela Figura 6, tem como objetivo representar os requisitos DOC54 (Deve ser possível reagir com uma emoção sentida no filme (chocado, frustrado, triste, reflexivo, comovido, entretido, assustado, entediado, empolgada, confusa, tensa)). Para isso na tela de avaliar um filme, foi adicionado um atalho que leva para uma página onde o usuário pode avaliar o filme com estrelas e escolher dentre diversas opções de emoções.

2.7 Protótipo 07 - Avaliação e Trilha Sonora

O protótipo a seguir, representado pela Figura 7, foi desenvolvido para representar os requisitos DOC52 (Deve ser possível avaliar os atores dos filmes), DOC53 (Deve ser possível avaliar o diretor dos filmes) e DOC56 (Deve ser exibido a trilha sonora de cada filme). Para tal, foi adicionado na página aba "Cast" estrelas ao lado dos nomes dos atores, atrizes e diretores para que o usuário possa avaliar o trabalho de cada um. Além disso, foi criada uma nova aba, onde ficará a trilha sonora do filme.

2.8 Protótipo 08 - Traduzir Críticas

O protótipo a seguir, representado pela Figura 8, foi desenvolvido para representar o requisito ENT06 (Botão de traduzir nas críticas que estejam em um idioma diferente do usuário). Desta forma, foi adicionado um botão de tradução na página da crítica do filme, pelo qual usuário poderá traduzir as críticas que não estiverem no seu idioma.

2.9 Protótipo 09 - Sorteio de Pôsteres

O protótipo a seguir, representado pela Figura 9, foi desenvolvido para representar o requisito QST09 (Sorteios de pôsteres assinados por elenco de filmes recentes, exclusivo para usuários "Pro"). Desta forma, foi adicionado na página do filme, um botão, pelo qual o usuário pode se inscrever para participar do sorteio.

2.10 Protótipo 10 - Artigos Relacionados

O protótipo a seguir, representado pela Figura 10, foi desenvolvido para representar o requisito QST11 (Colocar artigos relacionados na tela de detalhes do filme). Desta forma, foi adicionado na página do filme, uma seção de artigos relacionados, n qual o usuário poderá ler artigos relacionados ao filme.

4. Relato do usuario

4.1 Introdução

A entrevista da Prototipação foi feita a partir de uma entrevista online da plataforma teams, a qual foi apresentado os prototipos feitos no Figma e o usuario nos forneceu suas impressões sobre os prototipos criados.

4.2 Objetivos

O objetivo da entrevista foi validar se o produto da prototipação atende aos requisitos eleicitados com usuarios e suas impressões sobre.

4.3 Metologia

A metodologia utilizada para a avaliação foi a entrevista. A entrevista foi realizada por um membro do grupo. Na entrevista foram apresentadas questões acerca das políticas de termos de consentimento, uma pequena introdução acerca do nosso projeto e que o entrevistado teria total liberdade de não responder caso fosse solicitado.

4.4 Gravação da entrevista

4.5 Resultado da entrevista

Protótipo 01 - Sortear Filme: Usuario teve facilidade em reconhecer como essa funcionalidade opera e gostou de como a funcionalidade de sortear o filme pode ser aplicada.
Protótipo 02 - Filmes em Comum: Usuario teve facilidade em reconhecer como essa funcionalidade opera, usuario questionou sobre como seria feita a seleção de filmes em comum com seus amigos e sugeriu a ideia do uso de IAs para achar filmes em comum e também sugeriu a possibilidade a função virar um esquema de encontros por meio de gostos por filmes em comum.
Protótipo 03 - Grupos de Discussão: Usuario teve facilidade em reconhecer como essa funcionalidade opera e aprovou o prototipo. O usuario elogiou as possibilidades com o requisito, como o app virar uma especie de rede social.
Protótipo 04 - Acompanhamento de Séries: Usuario teve facilidade em reconhecer como essa funcionalidade opera.
Protótipo 06 - Emoções: Usuario teve facilidade em reconhecer como essa funcionalidade opera e gostou das possiblidades de ter novas reações

5. Referências

[1] SOMMERVILLE, I. Software engineering. 10.ed. Harlow: Pearson Education, 2016 p.77

[2] Figma. Disponível em: https://www.figma.com. Acesso em: 18 jun. 2023.

6. Histórico de Versão

Data	Versão	Descrição	Autor	Revisor
18/06/2023	`1.0`	Criação do documento de validação e protótipos	Maciel Júnior	Arthur Loureiro
20/06/2023	`2.0`	Criação do item Relato do usuario	Arthur Loureiro	Maciel Júnior