Mesclando alterações da devel para gh-pages

docs/Analise/AnaliseTarefas.md

@@ -0,0 +1,136 @@
+# **Análise de Tarefas para o Site da Defensoria Pública do Distrito Federal (DPDF)**
+
+|    Data    | Data Prevista de Revisão | Versão |           Descrição            |                                                                                 Autor                                                                                 |                     Revisor                      |
+| :--------: | :----------------------: | :----: | :----------------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------: |
+| 01/12/2024 |        02/12/2024        |  1.0   |      Criação do Documento      | [João Victor C. Nobre](https://github.com/Gam13) </br></br>[Karolina Vieira](https://github.com/Karolina91)</br></br>[Paola Nascimento](https://github.com/paolaalim) |   [Lucas Sales](https://github.com/Lux-Sales)    |
+| 02/12/2024 |        02/12/2024        |  1.1   | Adição do histórico de versões |                                                              [Lucas Sales](https://github.com/Lux-Sales)                                                              | [João Victor C. Nobre](https://github.com/Gam13) |
+| 02/12/2024 |        02/12/2024        |  1.2   |      Adição da tarefa 04       |                                                              [Lucas Sales](https://github.com/Lux-Sales)                                                              | [João Victor C. Nobre](https://github.com/Gam13) |
+
+## **Objetivos, Operadores, Métodos e Regras de Seleção (GOMS)**
+
+A metodologia GOMS (Goals, Operators, Methods, and Selection Rules) é usada para detalhar as ações necessárias para concluir tarefas no site da DPDF. Abaixo, apresentamos a análise de tarefas realizadas no site:
+
+---
+
+## **Tarefa 1: Agendamento para uma consulta com um advogado (funcionalidade inexistente no site)**
+
+**Goal 0**: Agendar uma consulta com um advogado no site da Defensoria Pública do Distrito Federal
+
+**Method 1**: Passos para acessar e realizar o agendamento
+
+**Goal 1**: Acessar o site da Defensoria Pública
+
+- **OP 1.1**: Abrir o navegador, digitar www.defensoria.df.gov.br e pressionar Enter.
+
+**Goal 2**: Localizar a área de agendamento de consultas
+
+- **OP 2.1**: Navegar pelo menu principal.
+- **OP 2.2**: Identificar e clicar na seção "Agendamento de Consultas".
+
+**Goal 3**: Preencher as informações necessárias para o agendamento
+
+- **OP 3.1**: Inserir as informações pessoais solicitadas (ex.: nome, CPF, telefone, e-mail).
+- **OP 3.2**: Selecionar o tipo de atendimento desejado (ex.: assistência jurídica, área cível, etc.).
+-**OP 3.3**: Escolher a data e o horário disponíveis para o atendimento.
+- **OP 3.4**: Confirmar as informações inseridas e clicar no botão "Agendar".
+**Goal 4**: Finalizar o agendamento
+
+- **OP 4.1**: Anotar o número do protocolo ou capturar a tela - de confirmação.
+- **OP 4.2**: Verificar o e-mail ou mensagens para confirmar o agendamento e receber instruções adicionais, se aplicável.
+
+---
+
+## **Diagrama HTA – Acompanhar a Resposta de uma Solicitação**
+
+![Solicitação](../assets/images/HTA_agendamento.png)
+
+---
+## **Tarefa 2: Utilizar o Chatbot para Assistência**
+
+ **Goal 0:** Utilizar o chatbot para assistência
+
+ **Method 1:** Interagir com o chatbot para obter assistência
+
+ **Goal 1:** Iniciar a interação com o chatbot
+- **OP 1.1:** Deslocar o cursor até o ícone do chatbot.
+- **OP 1.2:** Clicar no ícone para abrir a janela de chat.
+
+ **Goal 2:** Escolher a opção desejada entre as alternativas apresentadas
+- **OP 2.1:** Clicar em uma das opções apresentadas pelo chatbot.
+
+ **Goal 3:** Navegar pelo chatbot
+- **OP 3.1:** Clicar no botão "Voltar" para retornar ao menu anterior.
+- **OP 3.2:** Clicar no botão "Menu Principal" para voltar às opções iniciais.
+
+ **Goal 4:** Obter a resposta final
+- **OP 4.1:** Ler as instruções fornecidas ou clicar no link redirecionado.
+
+---
+
+## **Diagrama HTA – Utilizar o Chatbot**
+
+![HTA Chatbot](../assets/images/HTA-Chatbot.png)
+
+---
+
+## **Tarefa 3: Adquirir e Preencher o Formulário para Voluntariado**
+
+ **Goal 0:** Participar como voluntário na DPDF
+
+ **Method 1:** Adquirir e preencher o formulário de voluntariado
+
+ **Goal 1:** Acessar o site
+- **OP 1.1:** Verificar a conexão de internet.
+- **OP 1.2:** Acessar a página principal da DPDF.
+
+ **Goal 2:** Acessar a área correspondente para voluntariado
+- **OP 2.1:** Navegar até a aba de "Estágios ou Colaboradores".
+- **OP 2.2:** Selecionar "Serviços Voluntários Não Remunerados".
+
+ **Goal 3:** Consultar os requisitos para o processo
+- **OP 3.1:** Ler os documentos necessários.
+- **OP 3.2:** Recolher os documentos.
+
+ **Goal 4:** Contatar o gerente de voluntariado
+- **OP 4.1:** Localizar os contatos do gerente na página.
+- **OP 4.2:** Solicitar informações e orientações.
+
+ **Goal 5:** Preencher os formulários
+ **Method 1:** Assinatura Digital
+- **OP 5.1.1:** Acessar e preencher os formulários online.
+- **OP 5.1.2:** Assinar digitalmente.
+
+ **Method 2:** Assinatura Física
+- **OP 5.2.1:** Imprimir os formulários.
+- **OP 5.2.2:** Assinar fisicamente.
+
+**Goal 6:** Concluir o envio
+- **OP 6.1:** Submeter os documentos preenchidos.
+- **OP 6.2:** Aguardar a resposta.
+
+---
+## **Diagrama HTA – Adquirir e Preencher Formulário para Voluntariado**
+
+![HTA Voluntário](../assets/images/Voluntario.drawio.png)
+
+## Tarefa 4: Solicitar atendimento à SUAP 
+
+**Goal 0: Solicitar atendimento à SUAP**
+**Method 1:** Solicitar atendimento via internet
+
+**OP 1.1** Acessar o site da defensoria pública <br>
+**OP 1.2** Deslocar mouse até a aba “Serviços” <br>
+**OP 1.3** Dentro de Serviços, clicar em “Atividade Psicossocial (SUAP)” <br>
+**OP 1.4** Rolar a página para baixo, até a seção “Solicite Atendimento  aqui” <br>
+**OP 1.5** Clicar em “AQUI” no texto “Acesse AQUI” <br>
+**OP 1.6** Preencher formulário e clicar em próximo até chegar a uma  página de revisão dos dados<br>
+**OP 1.7** Após finalizar a revisão dos dados, clicar no botão verde  escrito “ENVIAR FORMULÁRIO”<br>
+
+
+## **Diagrama HTA – Solicitar atendimento à SUAP**
+
+![HTA SUAP](../assets/images/HTA-SUAP.jpg)
+
+## Bibliografia 
+
+[1] BARBOSA, S. et al. Interação Humano-Computador e Experiência do Usuário. [s.l.] Autopublicação - Leanpub, 2021.<br><br>

docs/Analise/Planejamento-do-Relato-dos-Resultados-da-Análise-de-Tarefas.md

@@ -0,0 +1,42 @@
+# Planejamento do Relato dos Resultados da Análise de Tarefas
+
+## Introdução
+Este documento foi elaborado com base no Planejamento da Avaliação da Análise de Tarefas para o site da Defensoria Pública do Distrito Federal (DPDF). O objetivo principal é estruturar os dados coletados durante a análise das tarefas realizadas pelos usuários. A partir deste planejamento, será produzido o relato de resultados que destacará pontos de melhoria para o sistema, além de sugestões de aprimoramento.
+
+## Metodologia
+Com base no Planejamento da Avaliação da Análise de Tarefas e nos elementos de avaliação descritos por Barbosa (2010), o relato de resultados contemplará os seguintes itens:
+
+- Objetivo e escopo da avaliação;
+- Método de avaliação;
+- Seleção dos participantes;
+- Sumário dos dados coletados;
+- Análise dos dados coletados;
+- Listagem de problemas encontrados;
+- Sugestões de melhoria;
+
+### Estrutura do Relato dos Resultados
+O documento será dividido nos seguintes tópicos:
+
+### Objetivo e Escopo da Avaliação
+Descrever a razão da avaliação e os objetivos pretendidos. Por exemplo, identificar a eficiência do fluxo de interação dos usuários ao buscar informações jurídicas no site e propor melhorias para atender às necessidades dos cidadãos.
+
+### Método de Avaliação
+Apresentar a abordagem utilizada para a coleta de dados, como a realização de entrevistas, observação direta e tarefas guiadas. Documentar o processo de avaliação e o formato das interações.
+
+### Sumário de Avaliadores e Participantes
+Identificar o perfil dos participantes da avaliação, justificando sua seleção com base nos critérios estabelecidos, como familiaridade com o sistema e representatividade do público-alvo.
+
+### Sumário dos Dados Coletados
+Expor, de forma resumida, os dados obtidos durante a avaliação, destacando pontos como a frequência de erros, o tempo médio para conclusão de tarefas e o nível de satisfação dos usuários.
+
+### Análise dos Dados Coletados
+Interpretar os dados levantados, categorizando os problemas encontrados. Exemplos incluem: dificuldade em localizar informações específicas, interface confusa em dispositivos móveis e falta de clareza nas instruções de uso.
+
+### Sugestões de Melhoria
+Propor soluções para os problemas identificados, priorizando-as de acordo com o impacto esperado. Exemplos: reorganização do menu principal para facilitar a navegação ou implementação de um mecanismo de busca mais intuitivo.
+
+## Conclusão
+Este planejamento oferece um guia estruturado para a análise e documentação de resultados da avaliação de tarefas. Com a aplicação desse processo, será possível identificar aspectos a serem aprimorados e implementar soluções que melhorem a experiência dos usuários no site da DPDF, contribuindo para um sistema mais acessível e eficiente.
+
+## Referências Bibliográficas
+BARBOSA, Simone; DINIZ, Bruno. *Interação Humano-Computador*. Editora Elsevier, Rio de Janeiro, 2010.

docs/Analise/PrincipiosGerais.md

@@ -0,0 +1,125 @@
+
+# **Princípios Gerais**
+### **Histórico de Versão**
+|    Data    | Data Prevista de Revisão | Versão |      Descrição       |                    Autor                    |                     Revisor                      |
+| :--------: | :----------------------: | :----: | :------------------: | :-----------------------------------------: | :----------------------------------------------: |
+| 20/11/2024 |        21/11/2024        |  1.0   | Criação do Documento |</br>[Karolina Vieira](https://github.com/Karolina91) | [João Victor C. Nobre](https://github.com/Gam13)  |
+
+## **Introdução**  
+O objetivo deste documento é analisar a interação do usuário com o site da Defensoria Pública, avaliando como os **Princípios e Diretrizes Gerais** da Interação Humano-Computador (IHC) podem ser aplicados. A estruturação do site deve garantir usabilidade, acessibilidade, eficiência e um feedback efetivo, proporcionando uma experiência que atenda às necessidades dos usuários.
+
+Baseando-se no livro *Interação Humano-Computador* (S. D. J. Barbosa, B. S. da Silva) [1], os princípios descritos aqui serão analisados no contexto do site, com a identificação de violações e sugestões de melhorias.
+
+---
+
+## **Princípios e Diretrizes Gerais**
+
+### **Correspondência com as Expectativas dos Usuários**  
+Refere-se à necessidade de o sistema se alinhar às expectativas e ao modelo mental dos usuários, utilizando terminologias, representações e fluxos de interação familiares. Sistemas que atendem a este princípio são intuitivos e reduzem a carga cognitiva.
+
+### **Análise**
+O site da Defensoria Pública apresenta menus e nomenclaturas que não correspondem às expectativas naturais dos usuários. Por exemplo, ao acessar o menu principal, um usuário comum provavelmente busca opções claras e diretas como “Atendimento”, “Serviços Jurídicos” ou “Contato”. No entanto, ao encontrar termos como “Sistemas Internos”, que são mais adequados ao público técnico ou interno da organização, o usuário pode sentir confusão ou frustração.
+
+Essa desconexão entre a linguagem do site e a forma como os usuários compreendem as funções prejudica a experiência, tornando a navegação menos eficiente e aumentando a carga cognitiva. Para um site voltado ao público geral, é essencial priorizar clareza e acessibilidade na organização e nomeação dos menus.
+<center>
+![Menu](../assets/images/menu.png)
+
+</center>
+
+---
+
+### **Simplicidade nas Estruturas das Tarefas**  
+Busca reduzir a complexidade das tarefas, dividindo-as em etapas claras e eliminando elementos ou processos desnecessários. Isso facilita a compreensão e execução das ações, minimizando o esforço do usuário.
+
+### **Análise**
+Embora o site da Defensoria Pública disponibilize um formulário de solicitação de atendimento simplificado, ele apresenta uma falta de instruções claras para o preenchimento. Essa ausência pode gerar dúvidas, especialmente entre usuários menos experientes, resultando em erros ou até na desistência do preenchimento.
+<center>
+![Formulario](../assets/images/Formulario.png)
+
+</center>
+
+---
+
+### **Equilíbrio entre Controle e Liberdade do Usuário** 
+Este princípio enfatiza que o sistema deve oferecer ao usuário liberdade para corrigir erros ou tomar decisões, sem impor restrições desnecessárias. Deve-se permitir ações como desfazer, refazer ou retornar etapas, promovendo flexibilidade.
+
+### **Análise**
+O site da Defensoria Pública apresenta uma limitação importante nesse aspecto, particularmente em formulários. Atualmente, não há uma opção visível ou intuitiva para salvar rascunhos ou desfazer alterações feitas durante o preenchimento. Essa ausência força o usuário a completar o formulário em uma única sessão ou, em caso de erros, reiniciar o processo desde o início.
+
+Isso não só aumenta a carga de trabalho, mas também desestimula o uso do sistema em situações onde a interrupção do processo é inevitável. A falta de flexibilidade pode levar usuários a abandonar o preenchimento de formulários longos ou a cometer erros que não podem ser facilmente
+<center>
+![Erro](../assets/images/erro.png)
+
+</center>
+
+---
+
+### **Consistência e Padronização**  
+Envolve a uniformidade nos elementos de interface e interação, garantindo que o comportamento seja previsível. Por exemplo, botões semelhantes devem ter aparência e funcionamento idênticos, aumentando a confiança do usuário.
+
+### **Análise**
+No site da Defensoria Pública, a inconsistência nos botões de envio representa uma falha no cumprimento desses princípios. Foram observados estilos visuais distintos para botões que desempenham a mesma função, como mudanças na cor, tamanho ou formato. Essas variações podem confundir os usuários, fazendo com que eles hesitem ou demorem mais para completar tarefas simples.
+
+<center>
+![Padronização](../assets/images/padronização.png)
+
+
+</center>
+
+### **Promovendo a Eficiência do Usuário**  
+Concentra-se em otimizar a interação, tornando-a rápida e responsiva. Ferramentas como atalhos, preenchimento automático e feedback em tempo real ajudam a reduzir o tempo e esforço necessários para alcançar os objetivos.
+
+### **Análise**
+Embora o site demonstre uma interface geralmente responsiva, há lacunas significativas que comprometem a eficiência do usuário. Um dos problemas observados é a lentidão no carregamento de páginas. Essa situação é agravada pela ausência de feedback adequado, como barras de progresso ou mensagens informativas, que deixariam claro ao usuário que a ação está sendo processada. A ausência de feedback pode causar incertezas, levando o usuário a acreditar que o sistema está travado ou que sua solicitação não foi registrada, o que frequentemente resulta em ações repetidas ou abandono da tarefa.
+
+
+---
+
+### **Antecipação**  
+Trata-se de prever as necessidades do usuário e fornecer soluções proativas. Isso inclui funcionalidades como sugestões de preenchimento, ações predefinidas ou dicas contextuais que facilitam a interação.
+
+### **Análise**
+O site da Defensoria Pública carece de funcionalidades proativas que antecipem as necessidades do usuário, como preenchimento automático ou ações predefinidas. Por exemplo, ao acessar o histórico de atendimentos, os filtros de busca não possuem valores padrão, exigindo que o usuário preencha manualmente todas as opções. Essa falta de automação aumenta o esforço cognitivo e pode tornar a interação mais demorada e menos eficiente
+
+
+---
+
+### **Visibilidade e Reconhecimento**  
+Destaca a importância de tornar as opções e informações visíveis e acessíveis. O usuário deve reconhecer facilmente os elementos interativos e saber quais ações são possíveis, sem a necessidade de memorização.
+
+### **Análise**
+O site da Defensoria Pública apresenta desafios relacionados à visibilidade e reconhecimento dos elementos interativos. Embora ações principais, como “Agendar Atendimento”, sejam destacadas, opções secundárias acabam se perdendo no design, prejudicando a navegação. A falta de hierarquia visual clara, contraste adequado e feedback interativo dificulta o reconhecimento e uso eficiente das funcionalidades
+
+---
+
+### **Conteúdo Relevante e Expressão Adequada**  
+Envolve apresentar informações claras, concisas e apropriadas ao público-alvo. Linguagem técnica ou complexa deve ser traduzida para termos simples, garantindo que o conteúdo seja compreendido por todos os usuários.
+
+### **Análise**
+
+O site da Defensoria Pública enfrenta desafios com o uso de textos longos e linguagem jurídica complexa, dificultando a compreensão e interação do público-alvo, que é diversificado e muitas vezes leigo em termos técnicos. A falta de explicações adicionais para conceitos jurídicos pode gerar barreiras de acesso, frustrar usuários e comprometer a experiência de navegação. Para melhorar, é essencial adotar uma comunicação clara e acessível, traduzindo termos técnicos para linguagem simples e estruturando o conteúdo de forma objetiva, com recursos como glossários, parágrafos curtos e títulos explicativos. Essas medidas promovem inclusão, acessibilidade e eficiência no uso do site.
+
+<center>
+![texto](../assets/images/texto.png)
+
+</center>
+
+### **Projeto para Erros**  
+Foca em minimizar a ocorrência de erros e oferecer suporte claro quando eles acontecem. Mensagens de erro devem ser informativas e orientadoras, indicando o problema e sugerindo ações corretivas.
+
+### **Análise**
+O site da Defensoria Pública não fornece feedback detalhado quando o usuário comete erros ao preencher um formulário. Ao enviar dados incorretos, o sistema exibe uma mensagem genérica de erro, mas não especifica qual campo contém o problema. Isso pode causar frustração no usuário e aumentar o tempo necessário para concluir o preenchimento.
+
+<center>
+![formulario](../assets/images/Formulario.png)
+
+</center>
+
+
+## **Conclusão**  
+Com base nos princípios apresentados, é possível aprimorar a interação do usuário com o site da Defensoria Pública, tornando-o mais acessível, eficiente e alinhado às expectativas do público. Implementar essas melhorias resultará em uma experiência mais satisfatória e funcional.
+
+
+## Referências  
+
+1. BARBOSA, S. D. J.; SILVA, B. S. *Interação Humano-Computador*. Rio de Janeiro: Elsevier, 2011.