Entrega Final do Projeto
Introdução
Este projeto foi desenvolvido no contexto da disciplina de Interação Humano-Computador (IHC), com o objetivo de aplicar os conceitos e princípios estudados na análise e melhoria de um sistema real. Através da aplicação de metodologias de design centrado no usuário e avaliações heurísticas, buscamos identificar problemas de usabilidade e propor soluções que tornem a interação mais eficiente, intuitiva e agradável para os usuários. O trabalho envolve desde a escolha do site a ser analisado até a execução de melhorias e avaliação dos resultados obtidos.
Metodologia
A metodologia adotada neste projeto foi baseada em abordagens de design centrado no usuário, combinando inspeções heurísticas, entrevistas com usuários e prototipagem iterativa. Inicialmente, realizamos a seleção do site e justificamos a escolha com base em critérios de relevância e potencial de melhoria. Em seguida, aplicamos o ciclo de vida escolhido para o projeto, documentando cada etapa, desde o planejamento até a execução e avaliação.
As técnicas de avaliação utilizadas incluíram testes com usuários, feedback qualitativo e quantitativo, além de verificações internas entre os membros da equipe. Ferramentas específicas foram empregadas em diferentes fases do projeto, desde a prototipagem até a análise dos resultados, garantindo uma abordagem completa e estruturada para o desenvolvimento das soluções propostas.
1. O site selecionado para o projeto
O site escolhido para este projeto foi o MOJ Naquadah. A seleção foi feita com base em critérios que destacaram sua relevância e o potencial para melhorias significativas em termos de usabilidade e interação.
Critérios para escolha
- Facilidade de contato com o público-alvo, composto majoritariamente por membros da UnB.
- Interface fora dos padrões estudados na disciplina, oferecendo desafios interessantes para análise.
- Acessibilidade ao criador do aplicativo, professor Bruno Ribas da UnB, facilitando o feedback direto.
- Facilidade de acesso ao site para os avaliadores.
Motivação
A escolha do MOJ Naquadah foi motivada por sua importância educacional, sendo amplamente utilizado por alunos e professores. O projeto ofereceu uma oportunidade de desenvolver habilidades computacionais e de resolução de problemas, além de identificar melhorias na interação e usabilidade, focando nas dificuldades de navegação e entendimento da interface para aprimorar a experiência do usuário.
Problemas encontrados
Utilizando as heurísticas de Nielsen, foram identificados os seguintes problemas no site:
- Correspondência entre o sistema e o mundo real: O formato das datas não segue padrões intuitivos, dificultando a leitura.
- Consistência e padronização: A navegação superior redireciona para sites externos, contrariando expectativas dos usuários.
- Flexibilidade e eficiência de uso: Botões laterais não são intuitivos para retornar ao menu principal, dificultando a navegação.
- Projeto estético e minimalista: Cores e elementos visuais dificultam a leitura e interpretação rápida das informações.
- Prevenção de erros: Falta de alertas sobre a perda de envios ao trocar de questão.
- Mensagens de erro claras: Mensagens de erro no login não especificam corretamente os problemas.
- Ajuda e documentação: FAQ e documentação não cobrem todas as dúvidas técnicas relevantes.
2. O ciclo de vida utilizado no projeto
O processo de design escolhido pela equipe foi a Engenharia de Usabilidade de Mayhew, que se divide em três principais etapas: Análise de Requisitos, Design e Avaliação, além de Desenvolvimento e Instalação. A escolha deste processo se deu por sua abordagem completa e detalhada, que facilita o planejamento e a execução do projeto.
Figura 1 - Ciclo de vida de Mayhew.
Fonte: (Capítulo 4, ítem 4.3.3, Figura 4.7, página 110, Interação Humano-Computador Elsevier, Simone Barbosa e Bruno Santana, 2010)
Este ciclo de vida foi particularmente adequado porque abrange todas as fases necessárias para a melhoria de um sistema já existente, como é o caso do CD-MOJ Naquadah. Incorporamos a etapa de instação, fases de design, avaliação e desenvolvimento para ajustar e testar as melhorias propostas. As etapas que envolvem a criação do sistema do zero não foram aplicadas, já que o foco da disciplina está na análise e otimização de uma interface existente.
O ciclo de Mayhew proporcionou uma estrutura sólida para garantir que todas as mudanças fossem fundamentadas em análises rigorosas e avaliações constantes, promovendo um processo iterativo de melhorias contínuas.
3. O planejamento dos recursos e das entregas
4. A execução do projeto
A execução do projeto seguiu as etapas definidas no ciclo de vida da Engenharia de Usabilidade de Mayhew. Cada fase foi documentada com os artefatos correspondentes, permitindo um acompanhamento detalhado do progresso e das decisões tomadas.
Análise de Requisitos
Nesta etapa, realizamos a identificação das necessidades dos usuários e das principais limitações do site. Foram aplicadas entrevistas, questionários e análises heurísticas para levantar informações relevantes.
- Perfil do Usuário;
- Análise de Tarefas HTA e GOMS;
- Característica da Plataforma;
- Príncipios Gerais do Projeto;
- Metas de Usabilidade;
- Guia de Estilo.
Design, Avaliação e Desenvolvimento
Com base nos requisitos identificados, desenvolvemos protótipos de baixa e alta fidelidade, explorando soluções para os problemas de usabilidade encontrados. Utilizamos storyboards e análises de tarefas para estruturar o fluxo de interação e orientar o design das interfaces. As entrevistas com os usuários ajudaram a validar essas soluções, proporcionando feedback valioso para os ajustes necessários.
Após o design, implementamos as melhorias no protótipo de alta fidelidade, ajustando a interface e a navegação para aprimorar a experiência do usuário. Os protótipos atualizados do site foram avaliados através de testes com usuários, utilizando métricas de usabilidade e feedback qualitativo. As avaliações permitiram identificar pontos de melhoria, antes do desenvolvimento do protótipo final.
-
Storyboard:
-
Análise de Tarefas:
-
Protótipo de Papel:
-
Protótipo de Alta Fidelidade:
Instalação
A versão final do protótipo, com as melhorias implementadas, foi disponibilizada no Figma. Realizamos testes finais para garantir o funcionamento adequado das novas funcionalidades.
5. Os resultados alcançados com a execução do projeto
Alguns dos objetivos do projeto alcançados foram:
- Aplicação de conceitos teóricos;
- Aprendizado de metodologias de avaliação;
- Trabalho em equipe e comunicação;
- Melhoria da usabilidade do sistema.
A execução do projeto foi uma experiência enriquecedora para a equipe visto o aprendizado de todos os membros ao longo do semestre. O projeto da disciplina fez com que experimentassemos na prática todas as etapas que envolvem uma avaliação de IHC. Com isso em mente,os objetivos do projeto foram alcançados uma vez que está sendo realizado a sua entrega final com todos os artefatos requiridos ao longo das etapas.
6. Ferramentas utilizadas em cada etapa do projeto
Tabela 1 - Ferramentas utilizadas em cada etapa do projeto.
| Etapa do Projeto | Ferramenta Utilizada | Descrição da Utilização |
|---|---|---|
| Todas as Etapas | Git e Github | Utilizado para versionamento e disponibilização dos artefatos. |
| Todas as Etapas | GitPages | Utilizado para visualizão dos artefatos em páginas web. |
| Todas as Etapas | Google Spreadsheet | Utilizado para criação de gráficos dos resultados de verificação do grupo e grupo +1. |
| Todas as Etapas | MkDocs | Utilizado para compilação da página web visualizada pelo GitPages. |
| Todas as Etapas | OBS Studio | Utilizado para gravações dos vídeos de entregas, inspeção e entrevistas com usuários. |
| Todas as Etapas | Telegram | Utilizado para sanar dúvidas e comunicação. |
| Todas as Etapas | Utilizado para comunicação entre o grupo e organização de tarefas. | |
| Todas as Etapas | YouTube | Utilizado para hospedagem dos vídeos de inspeção, entrega e entrevistas. |
| Etapa 2 | LucidChart | Utilizado para criação de diagramas da Árvore Hierárquica de Tarefas. |
| Etapa 4 | Storyboard That | Utilizada por alguns membros para criação de cenas do storyboard. |
| Etapa 6 | Figma | Utilizado para Criação do Protótipo de Alta Fidelidade. |
Autor(es): Felipe Rodrigues, Ruan Carvalho, 2025.
7. Técnicas utilizadas e responsáveis
Tabela 2 - Técnicas utilizadas e responsáveis em cada etapa do projeto.
| Técnica Utilizada | Participante(s) Responsável(is) |
|---|---|
| Avaliação Heurística | Jéssica Eveline, Felipe Rodrigues, João Vitor, Ruan Carvalho, Marcelo Adrian |
| Framework DECIDE | Jéssica Eveline, Felipe Rodrigues, João Vitor, Ruan Carvalho, Marcelo Adrian |
| Análise documental | João Vitor |
| Análise de Tarefas (GOMS e HTA) | Jéssica Eveline, Felipe Rodrigues, João Vitor, Ruan Carvalho, Marcelo Adrian |
| Prototipação em Papel | Jéssica Eveline, Felipe Rodrigues, João Vitor, Ruan Carvalho, Marcelo Adrian |
| Prototipação em Alta Fidelidade | Jéssica Eveline, Felipe Rodrigues, João Vitor, Ruan Carvalho, Marcelo Adrian |
| Criação de Cenários | Jéssica Eveline, Felipe Rodrigues, João Vitor, Ruan Carvalho, Marcelo Adrian |
| Personas | João Vitor |
Autor(es): João Vitor, 2025.
8. Artefatos criados por etapa
Tabela 3 - Artefatos Entrega 1.
| Etapa do Projeto | Artefato Criado | Autor(es) | Revisor(es) | Método de verificação |
|---|---|---|---|---|
| Etapa 1 | Cronograma Planejado | Jéssica Eveline, Felipe Rodrigues | Ruan Carvalho | Inspeção |
| Etapa 1 | Cronograma Executado | Jéssica Eveline, Felipe Rodrigues | Marcelo Adrian | Inspeção |
| Etapa 1 | Processos de Design | Ruan Carvalho | Marcelo Adrian | Inspeção |
| Etapa 1 | Ferramentas | Felipe Rodrigues | Ruan Carvalho | Inspeção |
| Etapa 1 | Heatmap | João Vitor | Marcelo Adrian | Inspeção |
| Etapa 1 | Metodologia | Jéssica Eveline | Marcelo Adrian | Inspeção |
| Etapa 1 | Site escolhido | João Vitor | Marcelo Adrian | Inspeção |
| Etapa 1 | Sites avaliados | João Vitor | Marcelo Adrian | Inspeção |
| Etapa 1 | Ata da reunião | João Vitor | Marcelo Adrian | Inspeção |
| Etapa 1 | Autoavaliação | Ruan Carvalho | Marcelo Adrian | Inspeção e checklist |
| Etapa 1 | Avaliação do Grupo + 1 | Ruan Carvalho | Marcelo Adrian | Inspeção e checklist |
| Etapa 1 | Entrega | Marcelo Adrian | João Vitor | Inspeção |
Autor(es): Felipe Rodrigues, Ruan Carvalho, 2025.
Tabela 4 - Artefatos Entrega 2.
Autor(es): Felipe Rodrigues, Ruan Carvalho, 2025.
Tabela 5 - Artefatos Entrega 3.
| Etapa do Projeto | Artefato Criado | Autor(es) | Revisor(es) | Método de verificação |
|---|---|---|---|---|
| Etapa 3 | Príncipios Gerais | Felipe Rodrigues, João Vitor | Ruan Carvalho | Inspeção |
| Etapa 3 | Metas de Usabilidade | Jéssica Eveline, Marcelo Adrian | Ruan Carvalho | Inspeção |
| Etapa 3 | Ata da reunião | Marcelo Adrian | João Vitor | Inspeção |
| Etapa 3 | Entrega | Jéssica Eveline | Ruan Carvalho | Inspeção |
Autor(es): Felipe Rodrigues, Ruan Carvalho, 2025.
Tabela 6 - Artefatos Entrega 4.
| Etapa do Projeto | Artefato Criado | Autor(es) | Revisor(es) | Método de verificação |
|---|---|---|---|---|
| Etapa 4 | Planejamento da Avaliação do Storyboard | Jéssica Eveline | Felipe Rodrigues | Inspeção |
| Etapa 4 | Planejamento do Relato de Resultados da Avaliação do Storyboard | Jéssica Eveline | Felipe Rodrigues | Inspeção |
| Etapa 4 | Storyboards | Felipe Rodrigues, Jéssica Eveline, João Vitor, Ruan Carvalho, Marcelo Adrian | Felipe Rodrigues, Jéssica Eveline, João Vitor, Ruan Carvalho, Marcelo Adrian | Inspeção |
| Etapa 4 | Planejamento da Avaliação da Análise de Tarefas | João Vitor | Marcelo Adrian | Inspeção |
| Etapa 4 | Planejamento do relato de resultados da avaliação da análise de tarefas | João Vitor | Marcelo Adrian | Inspeção |
| Etapa 4 | Entrega | Marcelo Adrian | Ruan Carvalho | Inspeção |
Autor(es): Felipe Rodrigues, Ruan Carvalho, 2025.
Tabela 7 - Artefatos Entrega 5.
| Etapa do Projeto | Artefato Criado | Autor(es) | Revisor(es) | Método de verificação |
|---|---|---|---|---|
| Etapa 5 | Relato dos Resultados do Storyboard e da Análise de Tarefas | Jéssica Eveline | João Vitor | Inspeção |
| Etapa 5 | Planejamento da Avaliação do Protótipo de Papel | João Vitor, Felipe Rodrigues | Ruan Carvalho | Inspeção |
| Etapa 5 | Planejamento do Relato de Resultados do Protótipo de Papel | Felipe Rodrigues | Ruan Carvalho | Inspeção |
| Etapa 5 | Ata da reunião | Ruan Carvalho | João Vitor | Inspeção |
| Etapa 5 | Entrega | Marcelo Adrian | Felipe Rodrigues | Inspeção |
Autor(es): Felipe Rodrigues, Ruan Carvalho, 2025.
Tabela 8 - Artefatos Entrega 6.
| Etapa do Projeto | Artefato Criado | Autor(es) | Revisor(es) | Método de verificação |
|---|---|---|---|---|
| Etapa 6 | Relato dos Resultados do Protótipo de Papel Felipe Rodrigues | Felipe Rodrigues | Jéssica Eveline | Inspeção |
| Etapa 6 | Relato dos Resultados do Protótipo de Papel Jéssica Eveline | Jéssica Eveline | Felipe Rodrigues | Inspeção |
| Etapa 6 | Relato dos Resultados do Protótipo de Papel João Vitor | João Vitor | Jéssica Eveline | Inspeção |
| Etapa 6 | Relato dos Resultados do Protótipo de Papel Ruan Carvalho | Ruan Carvalho | Felipe Rodrigues | Inspeção |
| Etapa 6 | Planejamento da Avaliação do Protótipo de Alta Fidelidade | João Vitor | Jéssica Eveline | Inspeção |
| Etapa 6 | Planejamento do Relato de Resultados do Protótipo de Alta Fidelidade | Marcelo Adrian | João Vitor | Inspeção |
| Etapa 6 | Entrega | João Vitor | Felipe Rodrigues | Inspeção |
Autor(es): Felipe Rodrigues, Ruan Carvalho, 2025.
Tabela 9 - Artefatos Entrega 7.
| Etapa do Projeto | Artefato Criado | Autor(es) | Revisor(es) | Método de verificação |
|---|---|---|---|---|
| Etapa 7 | Relato dos Resultados do Protótipo de Alta Fidelidade Felipe Rodrigues | Felipe Rodrigues | Jéssica Eveline | Inspeção |
| Etapa 7 | Relato dos Resultados do Protótipo de Alta Fidelidade Jéssica Eveline | Jéssica Eveline | Felipe Rodrigues | Inspeção |
| Etapa 7 | Relato dos Resultados do Protótipo de Alta Fidelidade Ruan Carvalho | Ruan Carvalho | Jéssica Eveline | Inspeção |
| Etapa 7 | Planejamento da Avaliação do Protótipo de Alta Fidelidade | João Vitor | Jéssica Eveline | Inspeção |
| Etapa 7 | Entrega | João Vitor | Felipe Rodrigues | Inspeção |
Autor(es): Felipe Rodrigues, Ruan Carvalho, 2025.
Tabela 10 - Artefatos Entrega 8.
Autor(es): Felipe Rodrigues, Ruan Carvalho, 2025.
9. Avaliações realizadas
Tabela 11 - Avaliações realizadas.
| Artefato Avaliado | Entrevistadores | Nº de Participantes | Participantes |
|---|---|---|---|
| HTA e storyboard | Felipe Rodrigues | 1 | Juan |
| HTA e storyboard | Jéssica Eveline | 1 | Leonardo |
| HTA e storyboard | João Vitor | 1 | Arthur |
| HTA e storyboard | Marcelo Adrian | 1 | Lucas |
| HTA e storyboard | Ruan Carvalho | 1 | Gabriel |
| Protótipo de papel | Felipe Rodrigues | 1 | Vinícius |
| Protótipo de papel | Jéssica Eveline | 1 | Lucas |
| Protótipo de papel | João Vitor | 3 | Gabriel, João e Cauã |
| Protótipo de papel | Marcelo Adrian | 2 | Kamylla e José junior |
| Protótipo de papel | Ruan Carvalho | 3 | Diogo, Guilherme e Pedro |
| Protótipo de alta fidelidade | Felipe Rodrigues | 3 | Vinícius C., Vinícius R. e Izabelle |
| Protótipo de alta fidelidade | Jéssica Eveline | 3 | Gabriel, Luiza e Pedro |
| Protótipo de alta fidelidade | João Vitor | 3 | Gabriel, Luiza e Pedro |
| Protótipo de alta fidelidade | Marcelo Adrian | 2 | Kamylla e José Junior |
| Protótipo de alta fidelidade | Ruan Carvalho | 3 | Gabriel, Luiza e Pedro |
Autor(es): Felipe Rodrigues, Ruan Carvalho, 2025.
10. Vídeos das apresentações
Tabela 12 - Vídeos das apresentações por entrega.
Autor(es): Felipe Rodrigues, Ruan Carvalho, 2025.
11. Facilidades e dificuldades encontradas
Tabela 13 - Facilidades e dificuldades encontradas por integrante do grupo.
| Integrante da Equipe | Facilidades Encontradas | Dificuldades Encontradas |
|---|---|---|
| Jéssica Eveline | - Facilidade em colaborar com a equipe devido ao engajamento do grupo. - Habilidade em compreender e aplicar conceitos de Interação Humano-Computador. - Competência na condução de entrevistas com usuários. - Identificação de inconsistências no projeto a partir da análise de outros grupos. |
- Dificuldade em gerenciar e acompanhar o alto volume de entregas e artefatos. - Limitações de disponibilidade, principalmente nas etapas finais, devido a demandas de outras disciplinas e compromissos pessoais/profissionais. - Dificuldade em interpretar processos e requisitos específicos do projeto. - Desafios para manter regularidade em reuniões formais. |
| João Vitor Santos | - Facilidade em trabalhar com um grupo coeso e organizado. - Execução das entregas sem dificuldades na divisão de tarefas. - Respostas rápidas e esclarecedoras por parte do monitor. |
- Dificuldade no início da disciplina devido à complexidade e falta de clareza inicial. - Desafio de conciliar as demandas extensas da disciplina com outras matérias, dado o alto consumo de tempo necessário. |
| Ruan Carvalho | - Boa comunicação entre os integrantes do grupo. - Avaliações incrementais do professor ao longo das etapas. |
- Organização de agenda para o desenvolvimento do projeto. - Falta de instruções para produzir os artefatos requisitados. |
| Marcelo Adrian | - Acompanhamento e suporte dos monitores, com respostas rápidas e esclarecedoras, permitindo um aprendizado aprofundado. - Disponibilização organizada do conteúdo, facilitando o acesso aos recursos no momento adequado e a revisão de tópicos. |
- Volume elevado de atividades extracurriculares, dificultando a gestão do tempo, especialmente quando equilibrado com outras disciplinas e compromissos acadêmicos. - Dificuldade em definir critérios claros para avaliação das entregas, o que torna o processo de melhoria contínua mais complexo. |
| Felipe Rodrigues | - Apoio dos monitores: A disponibilidade e o suporte dos monitores foram essenciais para esclarecer dúvidas e orientar o desenvolvimento do projeto, contribuindo significativamente para o aprendizado. - Feedback contínuo do professor: O retorno detalhado do professor em cada fase do projeto ajudou a identificar pontos de melhoria e a ajustar o trabalho conforme as expectativas da disciplina. |
- Carga excessiva de trabalho: O volume de entregas extensas, tanto do projeto quanto das atividades avaliativas, aliado a prazos curtos, tornou desafiadora a conciliação com outras disciplinas e compromissos extracurriculares. - Falta de clareza nas orientações: Em algumas etapas do projeto, houve dificuldade em entender com precisão o que era esperado em termos de artefatos e entregáveis, o que gerou incertezas durante o desenvolvimento. |
Autor(es): Jéssica Eveline, 2025.
Referência Bibliográfica
BARBOSA, Simone Diniz Junqueira; SILVA, Bruno Santana da. Interação Humano-Computador. Rio de Janeiro: Elsevier, 2010.
Histórico de Versões
Tabela 1 - Histórico de versões.
| Versão | Descrição | Autor(es) | Data | Revisor(es) | Data de revisão |
|---|---|---|---|---|---|
| 1.0 | Criação do Documento | Felipe Rodrigues, Jéssica Eveline, João Vitor Santos, Ruan Carvalho, Marcelo Adrian | 08/02/2025 | Felipe Rodrigues, Jéssica Eveline, João Vitor Santos, Ruan Carvalho, Marcelo Adrian | 10/02/2025 |