Skip to content

Protótipo de Alta Fidelidade

Introdução

O protótipo de Alta Fidelidade se assemelha bastante ao produto final. Essa prototipação é muito útil para validar questões técnicas e de usabilidade do projeto. As vantagens desse tipo de prototipagem são de se ter uma funcionalidade completa, altamente interativo e o usuário em potencial consegue definir o esquema de navegação por todo o protótipo.

Objetivo

O objetivo de fazer o protótipo de alta fidelidade é avaliar a interface e identificar possíveis novos problemas de usabilidados que não foram encontrados nos testes do protótipo de baixa fidelidade. Esse documento irá apresentar os protótipos de alta fidelidade feitos da atividade de login, recuperação de senha e geração do relatório nada consta.

Metodologia

Foi realizada uma prototipação vertical, ou seja, o protótipo realizado foca em um grupo definido de atividades, não abordando o sistema inteiro. As atividades exploradas foram as de login, recuperação de senha e geração do relatório nada consta. O software utilizado para a prototipação foi o Figma.

Protótipos

Login

Login1

Figura 1 - Protótipo da hero da tela inicial


Login2

Figura 2 - Protótipo da tela de login


Em relação ao protótipo de baixa fidelidade, a mudança nessa proposta (Figura 2) foi: remoção da opção de recuperar e-mail, porque para realizar o login na conta é necessário somente o CPF e senha.

Recuperação de senha

Recuperação de senha

Figura 3 - Tela 1 de recuperação de senha


Recuperação de senha

Figura 4 - Tela 2 de recuperação de senha


Recuperação de senha

Figura 5 - Tela 3 de recuperação de senha


Recuperação de senha

Figura 6 - Tela 4 de recuperação de senha


Recuperação de senha

Figura 7 - Tela 5 de recuperação de senha


Em relação ao protótipo de baixa fidelidade, a mudança nessa proposta (Figura 5) foi: adição da opção de recuperar e-mail somente quando for solicitado ao usuário que acesse seu e-mail cadastrado para prosseguir com a recuperação de senha.

Recuperação de e-mail

Recuperação de email

Figura 8 - Tela 1 de recuperação de e-mail


Recuperação de email

Figura 9 - Tela 2 de recuperação de e-mail


Recuperação de email

Figura 10 - Tela 3 de recuperação de e-mail


Recuperação de email

Figura 11 - Tela 4 de recuperação de e-mail


Recuperação de email

Figura 12 - Tela 5 de recuperação de e-mail


Por questões de segurança, foi proposto a inserção de uma verificação em duas etapas ao fazer a recuperação do e-mail, já que os dados solicitados (CPF e data de nascimento) podem ser acessados por terceiros.

Caso o usuário não possua acesso ao celular e não lembre o e-mail, ele deverá entrar em contato com a Neoenergia para a recuperação, conforme foi ilustrado nas seguintes telas:

Recuperação de email

Figura 13 - Tela 3 de recuperação de e-mail


Recuperação de email

Figura 14 - Tela 7 de recuperação de e-mail


Geração do relatório Nada Consta

Relatório Anual

Relatorio Nada Consta

Figura 15 - Tela 1 de geração do relatório Nada Consta


Relatorio Nada Consta

Figura 16 - Tela 2 de geração do relatório Nada Consta


Relatorio Nada Consta

Figura 17 - Tela 3 de geração do relatório Nada Consta


Um dos problemas encontrados na avaliação foi a falta de feedback ao usuário durante a geração do relatório, por isso foi previsto uma tela de erro quando não for possível realizar a atividade:

Relatorio Nada Consta

Figura 18 - Tela 4 de geração do relatório Nada Consta


Relatório Mensal

Relatorio Nada Consta

Figura 19 - Tela 5 de geração do relatório Nada Consta


Relatorio Nada Consta

Figura 20 - Tela 6 de geração do relatório Nada Consta


Relatorio Nada Consta

Figura 21 - Tela 7 de geração do relatório Nada Consta


No relatório mensal, a proposta é identificar quando o usuário não possui nenhuma fatura paga ainda, bloqueando a ação de gerar o relatório e informando isso a ele, de forma a evitar chegar na tela de erro, como ocorre com o relatório anual.

Uma outra mudança dessa atividade é a possibilidade de enviar o relatório por e-mail aos interessados.

Conclusão

A confecção do protótipo de alta fidelidade possibilitou uma melhor visão de como pode ser a interface final ao aplicar as sugestões levantadas durante as avaliações. Essas telas serão apresentadas a possíveis usuários do sistema e caso haja algum erro de usabilidade, a sua correção será realizada de forma mais fácil. Pode-se concluir que essa etapa foi de extrema importância para a confecção do protótipo de alta fidelidade, já que todas as telas previstas aqui serão utilizadas como base do produto final.

Referências

Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021);Interação Humano-Computador e Experiência do usuário.

Tabela de Versionamento

Data Versão Descrição Autor Revisor
03/09/2022 0.1 Criação dos protótipos de alta fidelidade Matheus Perillo Luíza Esteves
13/09/2022 0.2 Atualização dos protótipos de alta fidelidade Matheus Perillo Luíza Esteves