From 8be34f3fe687b6773776c0053fd13ff8f741425a Mon Sep 17 00:00:00 2001
From: Natan Santana
Date: Thu, 18 Aug 2022 13:54:32 -0300
Subject: [PATCH 01/23] =?UTF-8?q?#39=20-=20cria=C3=A7=C3=A3o=20do=20planej?=
=?UTF-8?q?amento?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
ghpages08/docs/planejamento/cronograma.md | 14 ++++++-
.../etapa_1/planejamento.md" | 41 ++++++++++++++++++-
2 files changed, 52 insertions(+), 3 deletions(-)
diff --git a/ghpages08/docs/planejamento/cronograma.md b/ghpages08/docs/planejamento/cronograma.md
index e61b4ba..aba7f79 100644
--- a/ghpages08/docs/planejamento/cronograma.md
+++ b/ghpages08/docs/planejamento/cronograma.md
@@ -101,8 +101,18 @@ Data limite para entrega | Atividade/entrega | Autor(es) | Revisor | Data limit
Data limite para entrega | Atividade/entrega | Autor(es) | Revisor | Data limite para revisão
--------- | ----------------- | -------------- | ---------- | ----------
-21/08/2022 | Verificação dos artefatos |
-
+21/08/2022 | Planejamento da Verificação da Etapa 1 | [Matheus Perillo](https://github.com/MatheusPerillo) | [Rafael Xavier](https://github.com/rafaelxavierr) | 21/08/2022
+21/08/2022 | Planejamento da Verificação da Etapa 2 | [Daniel Coimbra](https://github.com/DanielCoimbra) e [Rafael Xavier](https://github.com/rafaelxavierr) | [Clara Ribeiro](https://github.com/clara-ribeiro) | 21/08/2022
+21/08/2022 | Planejamento da Verificação da Etapa 3 | [Natan Santana](https://github.com/Neitan2001) | [Luíza Esteves](https://github.com/luiza-esteves) | 21/08/2022
+21/08/2022 | Planejamento da Verificação da Etapa 4 | [Clara Ribeiro](https://github.com/clara-ribeiro) | [Matheus Perillo](https://github.com/MatheusPerillo) | 21/08/2022
+21/08/2022 | Planejamento da Verificação da Etapa 5 | [Luíza Esteves](https://github.com/luiza-esteves) | [Rafael Xavier](https://github.com/rafaelxavierr) | 21/08/2022
+21/08/2022 | Relato da Verificação da Etapa 1 e ajustes nos artefatos | [Matheus Perillo](https://github.com/MatheusPerillo) | [Rafael Xavier](https://github.com/rafaelxavierr) | 21/08/2022
+21/08/2022 | Relato da Verificação da Etapa 2 e ajustes nos artefatos | [Daniel Coimbra](https://github.com/DanielCoimbra) e [Rafael Xavier](https://github.com/rafaelxavierr) | [Clara Ribeiro](https://github.com/clara-ribeiro) | 21/08/2022
+21/08/2022 | Relato da Verificação da Etapa 3 e ajustes nos artefatos | [Natan Santana](https://github.com/Neitan2001) | [Luíza Esteves](https://github.com/luiza-esteves) | 21/08/2022
+21/08/2022 | Relato da Verificação da Etapa 4 e ajustes nos artefatos | [Clara Ribeiro](https://github.com/clara-ribeiro) | [Matheus Perillo](https://github.com/MatheusPerillo) | 21/08/2022
+21/08/2022 | Relato da Verificação da Etapa 5 e ajustes nos artefatos | [Luíza Esteves](https://github.com/luiza-esteves) | [Rafael Xavier](https://github.com/rafaelxavierr) | 21/08/2022
+21/08/2022 | Slides e gravação do vídeo de apresentação | Todos | [Clara Ribeiro](https://github.com/clara-ribeiro) | 22/08/2022
+22/08/2022 | Edição do vídeo de apresentação | [Clara Ribeiro](https://github.com/clara-ribeiro) | [Natan Santana](https://github.com/Neitan2001) | 22/08/2022
Tabela 6: Verificação dos artefatos
diff --git "a/ghpages08/docs/verifica\303\247\303\243o_dos_artefatos/etapa_1/planejamento.md" "b/ghpages08/docs/verifica\303\247\303\243o_dos_artefatos/etapa_1/planejamento.md"
index d380717..f0a2351 100644
--- "a/ghpages08/docs/verifica\303\247\303\243o_dos_artefatos/etapa_1/planejamento.md"
+++ "b/ghpages08/docs/verifica\303\247\303\243o_dos_artefatos/etapa_1/planejamento.md"
@@ -1 +1,40 @@
-# Planejamento da Verificação da Etapa 1
\ No newline at end of file
+# Planejamento da Verificação da Etapa 1
+
+## Introdução e Objetivo
+
+A fim de garantirmos que todos os artefatos de todas as entregas estão de acordo com os requisitos e critérios de aceitação definidos pelo professor André Barros, é necessário a realização de uma verificação. Assim, todos os erros encontrados e qualquer coisa que estiver faltando, será ajustado e documentado. Nesta página será feita o planejamento da verificação dos artefatos da Etapa 1.
+
+## Método
+
+O método escolhido pelo grupo para realizar a verificação será a Inspeção, método desenvolvido na IBM por Fagan (1976). A Inspeção consiste de uma revisão seguindo uma checklist que deve ser levantada no planejamento a qual terá todos os erros mais comuns e os critérios de aceitação. Esse método foi originalmente criado para revisão de código, mas pode ser usada também para outros escopos e artefatos.
+
+## Avaliador e Cronograma
+
+O avaliador responsável pela revisão dos artefatos da etapa 1 será o membro Natan Tavares Santana e a revisão será executada no dia 19/08/2022.
+
+## Checklist
+
+A tabela 1 especifica todos os pontos que serão avaliados durante a execução da revisão.
+
+| Checklist |
+| ---- |
+| O artefato possui uma tabela de versionamento? |
+| O artefato possui as referência bibliográficas? |
+| Todas as imagens e tabelas dos artefatos possuem legenda e são chamadas em texto? |
+| Todos os artefatos possuem texto de introdução? |
+| É apresentado os Princípios Gerais do Projeto que serão utilizados? |
+| É apresentado como o Princípios Gerais do Projeto será utilizado no projeto? |
+| Foi definido as características da plataforma para o projeto? |
+| É apresentada as metas de usabilidade que devem ser alcançadas no projeto? |
+| É explicada a razão de quais das metas de usabilidade serão utilizadas? |
+| É apresentado o Guia de Estilo do projeto? |
+| O Guia de Estilo corresponde ao site avaliado? |
+
+## Bibliografia
+> Gerência e Qualidade de Software - Aula 06 - Técnica de revisão, Fábio Levy Siqueira. Disponível em: - Acesso em 18/08/2022
+
+## Tabela de Versionamento
+
+| Data | Versão | Descrição | Autor | Revisor |
+| ---- | ------ | --------- | ----- | ------- |
+| 18/08/2022 | `0.1` | Criação do planejamento da verificação da etapa 1 | [Natan Santana](https://github.com/Neitan2001) |
\ No newline at end of file
From ad4b57d7ff19c2aa43016e4d18e580e7088f4c60 Mon Sep 17 00:00:00 2001
From: Natan Santana
Date: Fri, 19 Aug 2022 07:53:24 -0300
Subject: [PATCH 02/23] =?UTF-8?q?#39=20-=20corre=C3=A7=C3=A3o=20do=20arqui?=
=?UTF-8?q?vo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../etapa_1/planejamento.md" | 41 +------------------
.../etapa_3/planejamento.md" | 41 ++++++++++++++++++-
2 files changed, 41 insertions(+), 41 deletions(-)
diff --git "a/ghpages08/docs/verifica\303\247\303\243o_dos_artefatos/etapa_1/planejamento.md" "b/ghpages08/docs/verifica\303\247\303\243o_dos_artefatos/etapa_1/planejamento.md"
index f0a2351..d380717 100644
--- "a/ghpages08/docs/verifica\303\247\303\243o_dos_artefatos/etapa_1/planejamento.md"
+++ "b/ghpages08/docs/verifica\303\247\303\243o_dos_artefatos/etapa_1/planejamento.md"
@@ -1,40 +1 @@
-# Planejamento da Verificação da Etapa 1
-
-## Introdução e Objetivo
-
-A fim de garantirmos que todos os artefatos de todas as entregas estão de acordo com os requisitos e critérios de aceitação definidos pelo professor André Barros, é necessário a realização de uma verificação. Assim, todos os erros encontrados e qualquer coisa que estiver faltando, será ajustado e documentado. Nesta página será feita o planejamento da verificação dos artefatos da Etapa 1.
-
-## Método
-
-O método escolhido pelo grupo para realizar a verificação será a Inspeção, método desenvolvido na IBM por Fagan (1976). A Inspeção consiste de uma revisão seguindo uma checklist que deve ser levantada no planejamento a qual terá todos os erros mais comuns e os critérios de aceitação. Esse método foi originalmente criado para revisão de código, mas pode ser usada também para outros escopos e artefatos.
-
-## Avaliador e Cronograma
-
-O avaliador responsável pela revisão dos artefatos da etapa 1 será o membro Natan Tavares Santana e a revisão será executada no dia 19/08/2022.
-
-## Checklist
-
-A tabela 1 especifica todos os pontos que serão avaliados durante a execução da revisão.
-
-| Checklist |
-| ---- |
-| O artefato possui uma tabela de versionamento? |
-| O artefato possui as referência bibliográficas? |
-| Todas as imagens e tabelas dos artefatos possuem legenda e são chamadas em texto? |
-| Todos os artefatos possuem texto de introdução? |
-| É apresentado os Princípios Gerais do Projeto que serão utilizados? |
-| É apresentado como o Princípios Gerais do Projeto será utilizado no projeto? |
-| Foi definido as características da plataforma para o projeto? |
-| É apresentada as metas de usabilidade que devem ser alcançadas no projeto? |
-| É explicada a razão de quais das metas de usabilidade serão utilizadas? |
-| É apresentado o Guia de Estilo do projeto? |
-| O Guia de Estilo corresponde ao site avaliado? |
-
-## Bibliografia
-> Gerência e Qualidade de Software - Aula 06 - Técnica de revisão, Fábio Levy Siqueira. Disponível em: - Acesso em 18/08/2022
-
-## Tabela de Versionamento
-
-| Data | Versão | Descrição | Autor | Revisor |
-| ---- | ------ | --------- | ----- | ------- |
-| 18/08/2022 | `0.1` | Criação do planejamento da verificação da etapa 1 | [Natan Santana](https://github.com/Neitan2001) |
\ No newline at end of file
+# Planejamento da Verificação da Etapa 1
\ No newline at end of file
diff --git "a/ghpages08/docs/verifica\303\247\303\243o_dos_artefatos/etapa_3/planejamento.md" "b/ghpages08/docs/verifica\303\247\303\243o_dos_artefatos/etapa_3/planejamento.md"
index 3b632af..eda42cd 100644
--- "a/ghpages08/docs/verifica\303\247\303\243o_dos_artefatos/etapa_3/planejamento.md"
+++ "b/ghpages08/docs/verifica\303\247\303\243o_dos_artefatos/etapa_3/planejamento.md"
@@ -1 +1,40 @@
-# Planejamento da Verificação da Etapa 3
\ No newline at end of file
+# Planejamento da Verificação da Etapa 3
+
+## Introdução e Objetivo
+
+A fim de garantirmos que todos os artefatos de todas as entregas estão de acordo com os requisitos e critérios de aceitação definidos pelo professor André Barros, é necessário a realização de uma verificação. Assim, todos os erros encontrados e qualquer coisa que estiver faltando, será ajustado e documentado. Nesta página será feita o planejamento da verificação dos artefatos da Etapa 1.
+
+## Método
+
+O método escolhido pelo grupo para realizar a verificação será a Inspeção, método desenvolvido na IBM por Fagan (1976). A Inspeção consiste de uma revisão seguindo uma checklist que deve ser levantada no planejamento a qual terá todos os erros mais comuns e os critérios de aceitação. Esse método foi originalmente criado para revisão de código, mas pode ser usada também para outros escopos e artefatos.
+
+## Avaliador e Cronograma
+
+O avaliador responsável pela revisão dos artefatos da etapa 1 será o membro Natan Tavares Santana e a revisão será executada no dia 19/08/2022.
+
+## Checklist
+
+A tabela 1 especifica todos os pontos que serão avaliados durante a execução da revisão.
+
+| Checklist |
+| ---- |
+| O artefato possui uma tabela de versionamento? |
+| O artefato possui as referência bibliográficas? |
+| Todas as imagens e tabelas dos artefatos possuem legenda e são chamadas em texto? |
+| Todos os artefatos possuem texto de introdução? |
+| É apresentado os Princípios Gerais do Projeto que serão utilizados? |
+| É apresentado como o Princípios Gerais do Projeto será utilizado no projeto? |
+| Foi definido as características da plataforma para o projeto? |
+| É apresentada as metas de usabilidade que devem ser alcançadas no projeto? |
+| É explicada a razão de quais das metas de usabilidade serão utilizadas? |
+| É apresentado o Guia de Estilo do projeto? |
+| O Guia de Estilo corresponde ao site avaliado? |
+
+## Bibliografia
+> Gerência e Qualidade de Software - Aula 06 - Técnica de revisão, Fábio Levy Siqueira. Disponível em: - Acesso em 18/08/2022
+
+## Tabela de Versionamento
+
+| Data | Versão | Descrição | Autor | Revisor |
+| ---- | ------ | --------- | ----- | ------- |
+| 18/08/2022 | `0.1` | Criação do planejamento da verificação da etapa 1 | [Natan Santana](https://github.com/Neitan2001) |
\ No newline at end of file
From d33267bac227a992f7113494473a2196a7445b00 Mon Sep 17 00:00:00 2001
From: Natan Santana
Date: Fri, 19 Aug 2022 08:46:52 -0300
Subject: [PATCH 03/23] =?UTF-8?q?#44=20-=20relato=20da=20revis=C3=A3o=20e?=
=?UTF-8?q?=20ajustes?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../analise_de_requisitos/caracteristicas.md | 24 ++++++++++
...act-plataforma.md => metas_usabilidade.md} | 16 ++++++-
.../principios_gerais_do_projeto.md | 9 ++--
.../etapa_3/relato.md" | 46 ++++++++++++++++++-
4 files changed, 89 insertions(+), 6 deletions(-)
create mode 100644 ghpages08/docs/analise_de_requisitos/caracteristicas.md
rename ghpages08/docs/analise_de_requisitos/{caract-plataforma.md => metas_usabilidade.md} (89%)
diff --git a/ghpages08/docs/analise_de_requisitos/caracteristicas.md b/ghpages08/docs/analise_de_requisitos/caracteristicas.md
new file mode 100644
index 0000000..dde39c5
--- /dev/null
+++ b/ghpages08/docs/analise_de_requisitos/caracteristicas.md
@@ -0,0 +1,24 @@
+# Características da Plataforma
+
+## Introdução
+
+Durante a análise de requisitos, é de suma importância entender as características da plataforma: por quais dispositivos ela pode ser acessada e quais as suas limitações. Com isso levantado, o grupo pode seguir com as próximas etapas do projeto e guiar as decisões de design de acordo com o que foi avaliado.
+
+## Características
+
+O sistema Agência Virtual NeoEnergia é uma aplicação WEB que pode ser acessada por um computador ou celular utilizando algum navegador (como o Google Chrome, Opera GX, Mozilla Firefox, entre outros). A fim de realizar alguma das tarefas do site (2° Via de Conta, Religação, Falta de Energia, Atualizar Cadastro, Alterar Data de Vencimento, Histórico de consumo) é necessário entrar na conta ou criar uma nova.
+
+## Limitações
+
+Mesmo sendo possível acessar o site pelo celular, a interface não é responsiva e possui algumas falhas. E até nos computadores, a interface não foi projetada para se adaptar ao tamanho da tela, fazendo com que alguns problemas apareçam de acordo com o tamanho do monitor do usuário. Além disso, o sistema não possui uma opção de manter o usuário logado, fazendo com que seja necessário realizar o login toda vez que o sistema é acessado.
+
+## Conclusão
+
+Dito isso, durante as próximas fases do projeto, o time irá priorizar a correção dessas limitações a fim de que seja feito uma interface que irá facilitar a realização das atividades pelos usuários.
+
+## Bibliografia
+> 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.
+
+| Data | Versão | Descrição | Autor | Revisor |
+| ---- | ------ | --------- | ----- | ------- |
+| 19/08/2022 | `0.1` | Criação do artefato Características da Plataforma| [Natan Santana](https://github.com/Neitan2001) |
\ No newline at end of file
diff --git a/ghpages08/docs/analise_de_requisitos/caract-plataforma.md b/ghpages08/docs/analise_de_requisitos/metas_usabilidade.md
similarity index 89%
rename from ghpages08/docs/analise_de_requisitos/caract-plataforma.md
rename to ghpages08/docs/analise_de_requisitos/metas_usabilidade.md
index c83f1a4..9e095e0 100644
--- a/ghpages08/docs/analise_de_requisitos/caract-plataforma.md
+++ b/ghpages08/docs/analise_de_requisitos/metas_usabilidade.md
@@ -49,7 +49,7 @@
#### Aplicação
- A aplicação não apresenta uma proteção para o usuário quanto a condições perigosas e situações indesejáveis. Por exemplo, não há a opção de manter o usuário conectado ou de salvar a senha para facilitar o acesso na próxima vez que for realizar o login.
+ A aplicação não apresenta uma proteção para o usuário quanto a condições perigosas e situações indesejáveis. Por exemplo, não há a opção de manter o usuário conectado ou de salvar a senha para facilitar o acesso na próxima vez que for realizar o login. Além disso, o fluxo para mudar a senha, obrigatoriamente muda o email também e se o usuário não quiser mudar o email e escrever o email atual errado, é feito a alteração para o errado.
@@ -85,6 +85,19 @@
O site por ter funcionalidades muito objetivas deixa os seus serviços bem visíveis em diversos espaços. O que permite aos usuários lembrarem com facilidade onde precisam clicar para realizar as tarefas.
+## Conclusão
+
+
+ Observa-se que o site Agência Virtual NeoEnergia não alcançou algumas das metas de usabilidade:
+
+- Eficiência;
+- Segurança;
+- Aprendizagem;
+
+
+ Portante, as metas listadas acima serão priorizadas durante as próximas etapas do projeto a fim de ser criado um design que os alcance.
+
+
## Bibliografia
> BARBOSA, Simone; DINIZ, Bruno. Interação Humano-Computador. Editora Elsevier, Rio de Janeiro, 2010.
@@ -105,3 +118,4 @@
| 19/07/2022 | `0.3` | Explicação dos objetivos | [Matheus Perillo](https://github.com/MatheusPerillo) | [Natan Santana](https://github.com/Neitan2001)
| 19/07/2022 | `0.4` | Explicação das metas de usabilidade | [Matheus Perillo](https://github.com/MatheusPerillo) | [Natan Santana](https://github.com/Neitan2001)
| 29/07/2022 | `0.5` | Aplicação das metas de usabilidade | [Matheus Perillo](https://github.com/MatheusPerillo) | [Natan Santana](https://github.com/Neitan2001)
+| 19/08/2022 | `0.6` | Ajustes do artefato de acordo com a revisão | [Natan Santana](https://github.com/Neitan2001) |
diff --git a/ghpages08/docs/analise_de_requisitos/principios_gerais_do_projeto.md b/ghpages08/docs/analise_de_requisitos/principios_gerais_do_projeto.md
index 4980759..7b2bb35 100644
--- a/ghpages08/docs/analise_de_requisitos/principios_gerais_do_projeto.md
+++ b/ghpages08/docs/analise_de_requisitos/principios_gerais_do_projeto.md
@@ -19,15 +19,15 @@ A construção dessas diretrizes se baseiam em nove pontos:
## Aplicação dos princípios no projeto
-Dentro do sistema, fizemos a análise do uso dos princípios das seguintes atividades: recuperação de senha, recuperação de email e geração do relatório nada consta. A partir disso conseguimos identificar problemas com as seguintes diretrizes:
+Dentro do sistema, fizemos a análise do uso dos princípios das seguintes atividades: primeiro acesso, recuperação de senha, recuperação de email e geração do relatório nada consta. A partir disso conseguimos identificar problemas com as seguintes diretrizes:
**Correspondência com as expectativas dos usuários**
-Esse princípio deixa a desejar em todas as atividades citadas acima. Ao solicitar a geração do relatório nada consta, se acontece um erro a mensagem que aparece ao usuário é muito genérica e difícil de entender, impossibilitando que o usuário se recupere do erro. Já na recuperação de senha e email, o sistema solicita que seja informado dados pessoais, e, quando a pessoa clica no botão de prosseguir, não é informado se os dados inseridos constam na base ou como prosseguir. Logo, é importante inserir mais mensagem que informem melhor o usuário sobre qual a situação do sistema de acordo com as atividades.
+Esse princípio deixa a desejar em todas as atividades citadas acima. Na recuperação de senha e email, o sistema solicita que seja informado dados pessoais, e, quando a pessoa clica no botão de prosseguir, não é informado se os dados inseridos constam na base ou como prosseguir. Logo, é importante inserir mais mensagem que informem melhor o usuário sobre qual a situação do sistema de acordo com as atividades.
**Visibilidade e reconhecimento**
-O usuário não consegue reconhecer dentro das atividades quando elas foram encerradas, já que nenhum indicativo nem de forma sonora nem de forma visual, deixando-o confuso ou esperando por algo sem saber se finalizou.
+Ao solicitar a geração do relatório nada consta, se acontece um erro, a mensagem que aparece ao usuário é muito genérica e difícil de entender, impossibilitando que o usuário se recupere do erro. Além disso, o usuário não consegue reconhecer dentro da atividade de "Primeiro Acesso" quando ela foi encerrada, já que nenhum indicativo nem de forma sonora nem de forma visual, deixando-o confuso ou esperando por algo sem saber se finalizou.
**Projeto para erros**
@@ -44,4 +44,5 @@ Fazendo uma análise do sistema da NeoEnergia em relação às diretrizes aprese
| Data | Versão | Descrição | Autor | Revisor |
| ---- | ------ | --------- | ----- | ------- |
| 26/07/2022 | `0.1` | Criação da página de Princípios Gerais do Projeto | [Luíza Esteves](https://github.com/luiza-esteves) | [Clara Ribeiro](https://github.com/clara-ribeiro)
-| 16/08/2022 | `0.2` | Ajustes da página de Princípios Gerais do Projeto | [Luíza Esteves](https://github.com/luiza-esteves) | [Natan Santana](https://github.com/Neitan2001)
\ No newline at end of file
+| 16/08/2022 | `0.2` | Ajustes da página de Princípios Gerais do Projeto | [Luíza Esteves](https://github.com/luiza-esteves) | [Natan Santana](https://github.com/Neitan2001)
+| 19/08/2022 | `0.3` | Ajustes do artefato de acordo com a revisão | [Natan Santana](https://github.com/Neitan2001) |
\ No newline at end of file
diff --git "a/ghpages08/docs/verifica\303\247\303\243o_dos_artefatos/etapa_3/relato.md" "b/ghpages08/docs/verifica\303\247\303\243o_dos_artefatos/etapa_3/relato.md"
index 32d72c3..a1616e2 100644
--- "a/ghpages08/docs/verifica\303\247\303\243o_dos_artefatos/etapa_3/relato.md"
+++ "b/ghpages08/docs/verifica\303\247\303\243o_dos_artefatos/etapa_3/relato.md"
@@ -1 +1,45 @@
-# Relato da Verificação da Etapa 3
\ No newline at end of file
+# Relato da Verificação da Etapa 3
+
+## Introdução
+
+Este documento possui o objetivo de relatar os resultados da verificação feita pelo avaliador Natan Tavares Santana no dia 19/08/2022 utilizando o método de Inspeção. O checklist desenvolvido no [planejamento da verificação](./planejamento.md) foi utilizado a fim de verificar a conformidade de todo os artefatos da etapa 3 quanto aos requisitos e critérios de aceite definidos pelo professor André Barros.
+
+## Sumário dos dados
+
+| Checklist | Resposta |
+| --------- | -------- |
+| O artefato possui uma tabela de versionamento? | Sim |
+| O artefato possui as referência bibliográficas? | Sim |
+| Todas as imagens e tabelas dos artefatos possuem legenda e são chamadas em texto? | Sim |
+| Todos os artefatos possuem texto de introdução? | Sim |
+| É apresentado os Princípios Gerais do Projeto que serão utilizados? | Sim, porém o princípio "Correspondência com as expectativas dos usuários" estava com uma parte da descrição que deveria ser do "Visibilidade e reconhecimento" |
+| É apresentado como o Princípios Gerais do Projeto será utilizado no projeto? | Sim |
+| Foi definido as características da plataforma para o projeto? | Não |
+| É apresentada as metas de usabilidade que devem ser alcançadas no projeto? | Não |
+| É explicada a razão de quais das metas de usabilidade serão utilizadas? | Não |
+| É apresentado o Guia de Estilo do projeto? | Sim |
+| O Guia de Estilo corresponde ao site avaliado? | Sim |
+
+## Problemas encontrados
+
+De acordo com as respostas do checklist acima, os seguintes problemas foram encontrados durante a revisão:
+
+- No artefato Princípios Gerais do Projeto, um dos princípios estava com uma descrição que deveria ser de outro;
+- Não foi feito o artefato "Características da Plataforma";
+- No artefato Metas de Usabilidade, são descritas as metas disponíveis mas não é apresentada quais serão utilizadas no projeto e o porquê;
+
+## Correções
+
+Depois que foi levantado todos os problemas encontrados, o avaliador Natan também realizou as seguinte modificações a fim de corrigí-los:
+
+- Ajuste da descrição do Princípio "Correspondência com as expectativas dos usuários" e "Visibilidade e reconhecimento";
+- Criação do artefato "Características da Plataforma";
+- Listagem das Metas de Usabilidade a serem alcançadas no projeto;
+
+## Bibliografia
+> Gerência e Qualidade de Software - Aula 06 - Técnica de revisão, Fábio Levy Siqueira. Disponível em: - Acesso em 18/08/2022
+## Tabela de Versionamento
+
+| Data | Versão | Descrição | Autor | Revisor |
+| ---- | ------ | --------- | ----- | ------- |
+| 18/08/2022 | `0.1` | Criação de relato da verificação da etapa 3 | [Natan Santana](https://github.com/Neitan2001) |
\ No newline at end of file
From 9bd9e8755d29346abe517e2631c83ea3c30852ce Mon Sep 17 00:00:00 2001
From: luiza
Date: Fri, 19 Aug 2022 10:36:35 -0300
Subject: [PATCH 04/23] #44- Correcao e alteracao na tabela de versionamento
---
.../verifica\303\247\303\243o_dos_artefatos/etapa_3/relato.md" | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git "a/ghpages08/docs/verifica\303\247\303\243o_dos_artefatos/etapa_3/relato.md" "b/ghpages08/docs/verifica\303\247\303\243o_dos_artefatos/etapa_3/relato.md"
index a1616e2..15643ca 100644
--- "a/ghpages08/docs/verifica\303\247\303\243o_dos_artefatos/etapa_3/relato.md"
+++ "b/ghpages08/docs/verifica\303\247\303\243o_dos_artefatos/etapa_3/relato.md"
@@ -42,4 +42,4 @@ Depois que foi levantado todos os problemas encontrados, o avaliador Natan tamb
| Data | Versão | Descrição | Autor | Revisor |
| ---- | ------ | --------- | ----- | ------- |
-| 18/08/2022 | `0.1` | Criação de relato da verificação da etapa 3 | [Natan Santana](https://github.com/Neitan2001) |
\ No newline at end of file
+| 18/08/2022 | `0.1` | Criação de relato da verificação da etapa 3 | [Natan Santana](https://github.com/Neitan2001) | [Luíza Esteves](https://github.com/luiza-esteves)
\ No newline at end of file
From 0213e7e97920af8a569fd2854807868cdb04d8dc Mon Sep 17 00:00:00 2001
From: luiza
Date: Fri, 19 Aug 2022 10:40:48 -0300
Subject: [PATCH 05/23] #39- Correcao e alteracao na tabela de versionamento
---
.../etapa_3/planejamento.md" | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git "a/ghpages08/docs/verifica\303\247\303\243o_dos_artefatos/etapa_3/planejamento.md" "b/ghpages08/docs/verifica\303\247\303\243o_dos_artefatos/etapa_3/planejamento.md"
index eda42cd..97cd44a 100644
--- "a/ghpages08/docs/verifica\303\247\303\243o_dos_artefatos/etapa_3/planejamento.md"
+++ "b/ghpages08/docs/verifica\303\247\303\243o_dos_artefatos/etapa_3/planejamento.md"
@@ -37,4 +37,4 @@ A tabela 1 especifica todos os pontos que serão avaliados durante a execução
| Data | Versão | Descrição | Autor | Revisor |
| ---- | ------ | --------- | ----- | ------- |
-| 18/08/2022 | `0.1` | Criação do planejamento da verificação da etapa 1 | [Natan Santana](https://github.com/Neitan2001) |
\ No newline at end of file
+| 18/08/2022 | `0.1` | Criação do planejamento da verificação da etapa 1 | [Natan Santana](https://github.com/Neitan2001) | [Luíza Esteves](https://github.com/luiza-esteves)
\ No newline at end of file
From a0d2cac0a11ebb7111dc11af2dffbdbc6afbff54 Mon Sep 17 00:00:00 2001
From: luiza
Date: Fri, 19 Aug 2022 13:05:57 -0300
Subject: [PATCH 06/23] #46- Adicao da pagina de relato dos ajustes
---
.../n\303\255vel 2/planejamento_prototipo.md" | 2 +-
.../etapa_5/relato.md" | 42 ++++++++++++++++++-
2 files changed, 42 insertions(+), 2 deletions(-)
diff --git "a/ghpages08/docs/design,_avalia\303\247\303\243o,_desenvolvimento/n\303\255vel 2/planejamento_prototipo.md" "b/ghpages08/docs/design,_avalia\303\247\303\243o,_desenvolvimento/n\303\255vel 2/planejamento_prototipo.md"
index 818e577..c15431d 100644
--- "a/ghpages08/docs/design,_avalia\303\247\303\243o,_desenvolvimento/n\303\255vel 2/planejamento_prototipo.md"
+++ "b/ghpages08/docs/design,_avalia\303\247\303\243o,_desenvolvimento/n\303\255vel 2/planejamento_prototipo.md"
@@ -18,7 +18,7 @@ Assim, começamos o processo de estruturação montando um termo de consentiment
## Ferramentas utilizadas na avaliação
-Para realizar a entrevista utilizaremos como ferramenta o Microsoft Teams, que permite tanto a comunicação quanto a gravação do encontro. Iremos utilizar os protótipos, que serão elaborados pela equipe, de algumas funcionalidades do sistema, como recuperação de senha e geração do relatório Nada consta. Além disso, forneceremos ao participante ferramentas online, caso ele queira esboçar alguma ideia em relação ao sistema.
+Para realizar a entrevista utilizaremos como ferramenta o Microsoft Teams, que permite tanto a comunicação quanto a gravação do encontro. Iremos utilizar os protótipos, que serão elaborados conforme o cronograma citado acima, pela equipe, de algumas funcionalidades do sistema, como recuperação de senha e geração do relatório Nada consta. Além disso, forneceremos ao participante ferramentas online, caso ele queira esboçar alguma ideia em relação ao sistema.
## Perfis dos entrevistados e formas de seleção
diff --git "a/ghpages08/docs/verifica\303\247\303\243o_dos_artefatos/etapa_5/relato.md" "b/ghpages08/docs/verifica\303\247\303\243o_dos_artefatos/etapa_5/relato.md"
index 07c7430..6e0c011 100644
--- "a/ghpages08/docs/verifica\303\247\303\243o_dos_artefatos/etapa_5/relato.md"
+++ "b/ghpages08/docs/verifica\303\247\303\243o_dos_artefatos/etapa_5/relato.md"
@@ -1 +1,41 @@
-# Relato da Verificação da Etapa 5
\ No newline at end of file
+# Relato da Verificação da Etapa 5
+
+## Introdução
+
+Este documento possui o objetivo de relatar os resultados da verificação feita pela avaliadora Luíza Esteves dos Santos no dia 19/08/2022 utilizando o método de Inspeção. O checklist desenvolvido no [planejamento da verificação](./planejamento.md) foi utilizado a fim de verificar a conformidade de todo os artefatos da etapa 5 quanto aos requisitos e critérios de aceite definidos pelo professor André Barros.
+
+## Sumário dos dados
+
+| Checklist | Resposta |
+| --------- | -------- |
+| Todos os artefatos possuem texto de introdução? | Sim |
+| O artefato possui uma tabela de versionamento? |Sim |
+| Todos os artefatos possuem um revisor? | Sim |
+| O artefato possui as referência bibliográficas? | Sim |
+| Todas as imagens e tabelas dos artefatos possuem legenda e são chamadas em texto? | Sim |
+| É apresentado os relatos dos resultados dos storyboards?| Sim |
+| É apresentado os relatos dos resultados das análises de tarefas?| Sim |
+| É apresentado o planejamento da avaliação do protótipo de papel?| Sim, porém é necessário ressaltar que os protótipos não estão prontos e colocar a data de realização, e além disso, alterar a quantidade de entrevistados com a devida justificativa |
+| É apresentado o planejamento do relato dos resultados avaliação do protótipo de papel?| Sim |
+
+## Problemas encontrados
+
+De acordo com as respostas do checklist acima, os seguintes problemas foram encontrados durante a revisão:
+
+- No artefato Planejamento da avaliação do Protótipo de Papel acresentar no desenvolvimento do planejamento que o protótipo ainda vai ser feito;
+- No artefato Planejamento da avaliação do Protótipo de Papel alterar a quantidade de entrevistados para 3;
+
+## Correções
+
+Depois que foi levantado todos os problemas encontrados, a avaliadora Luíza Esteves também realizou as seguinte modificações a fim de corrigí-los:
+
+- Ajuste na quantidade de pessoas que serão entrevistadas;
+- Acréscimo da informação de data do desenvolvimento do protótipo;
+
+## Bibliografia
+> Gerência e Qualidade de Software - Aula 06 - Técnica de revisão, Fábio Levy Siqueira. Disponível em: - Acesso em 18/08/2022
+## Tabela de Versionamento
+
+| Data | Versão | Descrição | Autor | Revisor |
+| ---- | ------ | --------- | ----- | ------- |
+| 18/08/2022 | `0.1` | Criação de relato da verificação da etapa 5 | [Luíza Esteves](https://github.com/luiza-esteves) |
\ No newline at end of file
From a20e278be81dc7e762912c2f2b314d7af9a5490d Mon Sep 17 00:00:00 2001
From: rafaelxavierr
Date: Sun, 21 Aug 2022 19:41:29 -0300
Subject: [PATCH 07/23] =?UTF-8?q?#38=20-=20Adi=C3=A7=C3=A3o=20do=20planeja?=
=?UTF-8?q?mento=20da=20verifica=C3=A7=C3=A3o=20da=20etapa=202?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../etapa_2/planejamento.md" | 100 ++++-
ghpages08/site/404.html | 314 +++++++++++++-
ghpages08/site/index.html | 383 ++++++++++++++----
ghpages08/site/search/search_index.json | 2 +-
ghpages08/site/sitemap.xml | 90 +++-
ghpages08/site/sitemap.xml.gz | Bin 209 -> 215 bytes
6 files changed, 790 insertions(+), 99 deletions(-)
diff --git "a/ghpages08/docs/verifica\303\247\303\243o_dos_artefatos/etapa_2/planejamento.md" "b/ghpages08/docs/verifica\303\247\303\243o_dos_artefatos/etapa_2/planejamento.md"
index a035f43..beff5c3 100644
--- "a/ghpages08/docs/verifica\303\247\303\243o_dos_artefatos/etapa_2/planejamento.md"
+++ "b/ghpages08/docs/verifica\303\247\303\243o_dos_artefatos/etapa_2/planejamento.md"
@@ -1 +1,99 @@
-# Planejamento da Verificação da Etapa 2
\ No newline at end of file
+# Planejamento da Verificação da Etapa 2
+
+## Introdução e Objetivo
+
+A fim de garantirmos que todos os artefatos de todas as entregas estão de acordo com os requisitos e critérios de aceitação definidos pelo professor André Barros além das alterações solicitadas pelos monitores, é necessário a realização de uma verificação. Assim, todos os erros encontrados e qualquer coisa que estiver faltando, será ajustado e documentado. Nesta página será feita o planejamento da verificação dos artefatos da Etapa 2.
+
+## Método
+
+O método escolhido pelo grupo para realizar a verificação será a Inspeção, método desenvolvido na IBM por Fagan (1976). A Inspeção consiste de uma revisão seguindo uma checklist que deve ser levantada no planejamento a qual terá todos os erros mais comuns e os critérios de aceitação. Esse método foi originalmente criado para revisão de código, mas pode ser usada também para outros escopos e artefatos.
+Através dessa checklist, verificaremos se é necessário realizar a correção ou adição de pontos dentro desse artefato.
+
+## Avaliador e Cronograma
+
+Os avaliadores que ficarão responsáveis pela revisão dos artefatos da etapa 2 serão os membros Rafael Xavier Canabrava e Daniel Coimbra, que será executada no dia 21/08/2022. Assim, após a finalização já será iniciado o [relato dos resultados da verificação](./relato.md).
+
+## Checklist
+
+As tabelas 1, 2, 3, 4, e 5 especificam todos os pontos que serão avaliados durante a execução da revisão, a fim de garantir que todos os pontos estão dentro do artefato.
+
+| Perfil do usuário |
+| ---- |
+| Dados demográficos: idade, sexo, status socioeconômico |
+| Experiência no cargo que ocupa: cargo atual, experiência nesse cargo, tempo na empresa, responsabilidades, trabalhos e cargos anteriores, plano de carreira |
+| Informações sobre a empresa: tamanho da empresa, área de atuação |
+| Educação: grau de instrução, área de formação, cursos realizados, alfabetismo. |
+| Experiência com computadores: alfabetismo computacional, tempo de experiência |
+| Experiência com um produto específico ou ferramentas semelhantes |
+| Tecnologia disponível: hardware, software e outras ferramentas as quais tem acesso |
+| Treinamento: o quanto o usuáario valoriza treinamento? Prefere um estilo de aprendizado visual, auditivo ou outro? Pode investir um tempo aprendendo utilizar o produto em questão? |
+| Atitudes e valores: preferências de produto, medo de tecnologia etc. O usuário costuma assumir riscos e explorar novas formas de fazer o mesmo trabalho? Ou prefere que alguém lhe mostre cada passo de uma tarefa sendo aprendida? |
+| Conhecimento do domínio: o que e quanto o usuário conhece sobre o assunto em questão? É especialista? É esperado que se torne especialista? |
+| Objetivos: quais são os principais objetivos do usuário? Como eles são alcançados atualmente? |
+| Tarefas: quais são as tarefas do usuário que precisam ser apoiadas? Quais dessas são consideradas primárias, e quais são secundárias? Há quanto tempo realiza essas tarefas? São tarefas frequentes ou infrequentes? São tarefas inovadoras? |
+
+
+
Tabela 1: Checklist de perfil de usuário
+
+
+| Considera aspectos éticos de pesquisas envolvendo pessoas? |
+| ---- |
+| Os 4 peincípios (da autonomia, da beneficência, princípio da não maleficência e da justiça e equidade) |
+| Solicitará a permissão para gravar a voz ou a imagem de qualquer pessoa, antes de começar a gravação? |
+| Possui oi termo de consentimento livre e esclarecido dos participantes? |
+
+
+
Tabela 2: Checklist dos aspectos éticos
+
+
+| Utiliza alguma técnica para coletar dados e levantar os requisitos dos usuários? |
+| ---- |
+| Entrevistas |
+| Grupos de foco |
+| Questionários |
+| Brainstorming |
+| Classificação de cartões |
+| Estudos de campo |
+| Investigação contextual |
+
+
+
Tabela 3: Técnicas de coleta
+
+
+| Personas |
+| ---- |
+| As personas são defendidas a partir dos dados do perfil do usuário? |
+| As personas possuem: identidade? Idade e dados demográficos? Foto ? Status (primária, secundária, outro stakeholder ou representa um antiusuário do seu sistema)? |
+| Objetivos da persona |
+| Habilidades |
+| Tarefas |
+| Relacionamentos |
+| Requisitos |
+| Expectativas |
+| Elenco de personas |
+| Número de personas e uma razão desse número |
+| Foram definidos cenários? |
+
+
+
Tabela 4: Checklist de personas
+
+
+| Análise de tarefas |
+| ---- |
+| Foi utilizada alguma técnica para especificar as tarefas? |
+| O HTA possui diagrama, legenda e representação em tabela? |
+| O GOMS foi representado pelo KLM, CMN ou CPM? |
+
+
+
Tabela 5: Checklist de análise de tarefas
+
+
+## Bibliografia
+> Gerência e Qualidade de Software - Aula 06 - Técnica de revisão, Fábio Levy Siqueira. Disponível em: - Acesso em 21/08/2022
+
+
+## Tabela de Versionamento
+
+| Data | Versão | Descrição | Autor | Revisor |
+| ---- | ------ | --------- | ----- | ------- |
+| 21/08/2022 | `0.1` | Criação do planejamento da verificação da etapa 2 | [Rafael Xavier](https://github.com/rafaelxavierr) |
\ No newline at end of file
diff --git a/ghpages08/site/404.html b/ghpages08/site/404.html
index 995f7a1..286a072 100644
--- a/ghpages08/site/404.html
+++ b/ghpages08/site/404.html
@@ -394,12 +394,304 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
Políticas
-
Políticas de Branchs
-
-As branchs devem ser nomeadas de acordo com a issue correspondente de acordo com o seguinte exemplo:
-
-
git checkout -b "#X - Nome"
-
-Onde 'X' é o número da issue e o 'Nome' deve ser um breve título que resuma a issue.
-
-
-
Políticas de Commits
-
Os commits devem ser feitos de acordo com a issue correspondente de acordo com o seguinte exemplo:
-
git commit -m "#X - Comentário"
-
-Onde 'X' é o número da issue e o 'Comentário' deve ser um resumo do que foi feito no commit.
Desenvolvedores.🤝
diff --git a/ghpages08/site/search/search_index.json b/ghpages08/site/search/search_index.json
index a1e32e1..91e5ae4 100644
--- a/ghpages08/site/search/search_index.json
+++ b/ghpages08/site/search/search_index.json
@@ -1 +1 @@
-{"config":{"indexing":"full","lang":["en"],"min_search_length":3,"prebuild_index":false,"separator":"[\\s\\-]+"},"docs":[{"location":"","text":"Home Fonte: NEOENERGIA BRAS\u00cdLIA Sobre o Projeto Este projeto, desenvolvido pelo Grupo 8 da disciplina Intera\u00e7\u00e3o Humano-Computador (2022.1), possui o objetivo de avaliar a qualidade de uso do site Ag\u00eancia Virtual Neoenergia Bras\u00edlia. Toda a interface ser\u00e1 analisada e todos os problemas encontrados ser\u00e3o documentados nessa wiki com sugest\u00f5es de corre\u00e7\u00f5es a fim de que o usu\u00e1rio consiga atingir o seu objetivo com o m\u00e1ximo de efici\u00eancia. Pol\u00edticas Pol\u00edticas de Branchs As branchs devem ser nomeadas de acordo com a issue correspondente de acordo com o seguinte exemplo: git checkout -b \"#X - Nome\" Onde 'X' \u00e9 o n\u00famero da issue e o 'Nome' deve ser um breve t\u00edtulo que resuma a issue. Pol\u00edticas de Commits Os commits devem ser feitos de acordo com a issue correspondente de acordo com o seguinte exemplo: git commit -m \"#X - Coment\u00e1rio\" Onde 'X' \u00e9 o n\u00famero da issue e o 'Coment\u00e1rio' deve ser um resumo do que foi feito no commit. Desenvolvedores.\ud83e\udd1d Clara Ribeiro Matheus Perillo Lu\u00edza Esteves Natan Tavares Rafael Xavier Daniel Coimbra Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 01/07/2022 0.1 Cria\u00e7\u00e3o e configura\u00e7\u00e3o do github pages Matheus Perillo Natan Santana 01/07/2022 0.2 Cria\u00e7\u00e3o da p\u00e1gina Home e p\u00e1ginas base do documento Natan Santana Clara Ribeiro 06/07/2022 0.3 Adi\u00e7\u00e3o da equipe de desenvolvedores Matheus Perillo Lu\u00edza Esteves","title":"Home"},{"location":"#home","text":"Fonte: NEOENERGIA BRAS\u00cdLIA","title":"Home"},{"location":"#sobre-o-projeto","text":"Este projeto, desenvolvido pelo Grupo 8 da disciplina Intera\u00e7\u00e3o Humano-Computador (2022.1), possui o objetivo de avaliar a qualidade de uso do site Ag\u00eancia Virtual Neoenergia Bras\u00edlia. Toda a interface ser\u00e1 analisada e todos os problemas encontrados ser\u00e3o documentados nessa wiki com sugest\u00f5es de corre\u00e7\u00f5es a fim de que o usu\u00e1rio consiga atingir o seu objetivo com o m\u00e1ximo de efici\u00eancia.","title":"Sobre o Projeto"},{"location":"#politicas","text":"","title":"Pol\u00edticas"},{"location":"#politicas-de-branchs","text":"As branchs devem ser nomeadas de acordo com a issue correspondente de acordo com o seguinte exemplo: git checkout -b \"#X - Nome\" Onde 'X' \u00e9 o n\u00famero da issue e o 'Nome' deve ser um breve t\u00edtulo que resuma a issue.","title":"Pol\u00edticas de Branchs"},{"location":"#politicas-de-commits","text":"Os commits devem ser feitos de acordo com a issue correspondente de acordo com o seguinte exemplo: git commit -m \"#X - Coment\u00e1rio\" Onde 'X' \u00e9 o n\u00famero da issue e o 'Coment\u00e1rio' deve ser um resumo do que foi feito no commit.","title":"Pol\u00edticas de Commits"},{"location":"#desenvolvedores","text":"Clara Ribeiro Matheus Perillo Lu\u00edza Esteves Natan Tavares Rafael Xavier Daniel Coimbra","title":"Desenvolvedores.\ud83e\udd1d"},{"location":"#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 01/07/2022 0.1 Cria\u00e7\u00e3o e configura\u00e7\u00e3o do github pages Matheus Perillo Natan Santana 01/07/2022 0.2 Cria\u00e7\u00e3o da p\u00e1gina Home e p\u00e1ginas base do documento Natan Santana Clara Ribeiro 06/07/2022 0.3 Adi\u00e7\u00e3o da equipe de desenvolvedores Matheus Perillo Lu\u00edza Esteves","title":"Tabela de Versionamento"},{"location":"apresentacoes/","text":"Apresenta\u00e7\u00f5es Etapa 1 V\u00eddeo 1: Apresenta\u00e7\u00e3o da etapa 1 Etapa 2 V\u00eddeo 2: Apresenta\u00e7\u00e3o da etapa 2 Etapa 3 V\u00eddeo 3: Apresenta\u00e7\u00e3o da etapa 3 Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 20/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de apresenta\u00e7\u00f5es, adi\u00e7\u00e3o da apresenta\u00e7\u00e3o da etapa 1 e 2 Natan Santana Clara Ribeiro 02/08/2022 0.2 Adi\u00e7\u00e3o da apresenta\u00e7\u00e3o da etapa 3 Matheus Perillo Lu\u00edza Esteves","title":"Apresenta\u00e7\u00f5es"},{"location":"apresentacoes/#apresentacoes","text":"","title":"Apresenta\u00e7\u00f5es"},{"location":"apresentacoes/#etapa-1","text":"V\u00eddeo 1: Apresenta\u00e7\u00e3o da etapa 1","title":"Etapa 1"},{"location":"apresentacoes/#etapa-2","text":"V\u00eddeo 2: Apresenta\u00e7\u00e3o da etapa 2","title":"Etapa 2"},{"location":"apresentacoes/#etapa-3","text":"V\u00eddeo 3: Apresenta\u00e7\u00e3o da etapa 3","title":"Etapa 3"},{"location":"apresentacoes/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 20/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de apresenta\u00e7\u00f5es, adi\u00e7\u00e3o da apresenta\u00e7\u00e3o da etapa 1 e 2 Natan Santana Clara Ribeiro 02/08/2022 0.2 Adi\u00e7\u00e3o da apresenta\u00e7\u00e3o da etapa 3 Matheus Perillo Lu\u00edza Esteves","title":"Tabela de Versionamento"},{"location":"analise_de_requisitos/caract-plataforma/","text":"Metas de usabilidade Introdu\u00e7\u00e3o \u2003 Para obter-se que os produtos interativos sejam f\u00e1ceis de aprender, agrad\u00e1veis e eficazes na vis\u00e3o do usu\u00e1rio a usabilidade geralmente \u00e9 considerada como um garantia para tal. \u00c9 utilizada para otimizar as intera\u00e7\u00f5es que as pessoas t\u00eam com produtos interativos para permitir que realizem suas atividades em suas rotinas. Objetivo \u2003 Este documento tem como objetivo identificar e detalhar as caracter\u00edsticas da plataforma de acordo com as metas de usabilidade, que por sua vez, tem como objetivo fornecer ao designer de intera\u00e7\u00e3o um meio de avaliar os aspectos da experi\u00eancia do usu\u00e1rio e de um produto interativo. Metas de usabilidade \u2003 A seguir ser\u00e1 explicado como as metas de usabilidade se dividem e como elas se aplicam, ou n\u00e3o, ao site da Ag\u00eancia Virtual Neoenergia Bras\u00edlia. 1. Efic\u00e1cia \u2003 \u00c9 descrita como \"ser eficaz no uso\", e no geral se refere a quanto um produto \u00e9 bom em fazer o que se espera dele. Aplica\u00e7\u00e3o \u2003 O site tem uma premissa de ser algo mais objetivo. Dessa forma, os usu\u00e1rios conseguem, na maioria das vezes com ajuda de terceiros, encontrar o que estavam procurando. 2. Efici\u00eancia \u2003 \u00c9 descrita como \"ser eficiente no uso\", e no geral se refere \u00e0 maneira como um produto ajuda os usu\u00e1rios na realiza\u00e7\u00e3o de suas tarefas, buscando combater situa\u00e7\u00f5es em que o sistema exija um n\u00famero exagerado de passos para exercer uma tarefa, ou que o usu\u00e1rio tenha que aprender arbitrariamente passos complexos para exerc\u00ea-la. Aplica\u00e7\u00e3o \u2003 Apesar do site oferecer diversos conte\u00fados sobre o uso do sistema, ele apresenta problemas ferindo uma das heur\u00edsticas (Flexibilidade e efici\u00eancia de uso) causando efeitos negativos sobre o usu\u00e1rio ao utilizar o site. Esses problemas est\u00e3o melhores descritos aqui . 3. Seguran\u00e7a \u2003 \u00c9 descrita como \"ser segura no uso\", e no geral se refere a proteger o usu\u00e1rio de condi\u00e7\u00f5es perigosas e situa\u00e7\u00f5es indesej\u00e1veis, envolvendo aspectos como prevenir que o usu\u00e1rio cometa erros graves, reduzindo o risco de que ele realize tarefas erradas por engano, ou oferecendo maneiras de recupera\u00e7\u00e3o ao usu\u00e1rio, a partir do cometimento de poss\u00edveis erros no uso. Aplica\u00e7\u00e3o \u2003 A aplica\u00e7\u00e3o n\u00e3o apresenta uma prote\u00e7\u00e3o para o usu\u00e1rio quanto a condi\u00e7\u00f5es perigosas e situa\u00e7\u00f5es indesej\u00e1veis. Por exemplo, n\u00e3o h\u00e1 a op\u00e7\u00e3o de manter o usu\u00e1rio conectado ou de salvar a senha para facilitar o acesso na pr\u00f3xima vez que for realizar o login. 4. Utilidade \u2003 Esta meta \u00e9 descrita como \"ter boa utilidade\", e no geral se refere \u00e0 medida na qual o produto oferece o tipo certo de funcionalidade, de modo que os usu\u00e1rios possam fazer aquilo que precisam ou desejam de uma maneira mais eficiente. Aplica\u00e7\u00e3o \u2003 O site oferece ao usu\u00e1rio a possibilidade de realizar o que desejam de maneira eficiente na maioria das vezes. 5. Aprendizagem \u2003 \u00c9 descrita como \"ser f\u00e1cil de aprender\", e no geral se refere \u00e0 facilidade de aprender a usar um sistema, permitindo que o usu\u00e1rio consiga utiliz\u00e1-lo rapidamente e se tornarem competentes realizando tarefas sem muito esfor\u00e7o, correspondendo ao tempo a que os usu\u00e1rios est\u00e3o dispostos a gastar para aprenderem a usar o produto. Aplica\u00e7\u00e3o \u2003 Em rela\u00e7\u00e3o a essa meta foi observado que muitas pessoas pediram ajuda para realizar alguma tarefa dentro do site, o que indica dificuldade no acesso aos servi\u00e7os, apesar da maioria dos usu\u00e1rios serem jovens adultos. 6. Memoriza\u00e7\u00e3o \u2003 Esta meta \u00e9 descrita como \"ser f\u00e1cil de lembrar como usar\", e no geral se refere e \u00e0 facilidade de o usu\u00e1rio lembrar como utilizar um sistema depois de j\u00e1 t\u00ea-lo aprendido, em que os usu\u00e1rios n\u00e3o devam ter de reaprender a realizar as tarefas, ou que ao menos sejam lembrados de como realiz\u00e1-las. Assim, esta meta busca combater tarefas que para serem aprendidas s\u00e3o obscuras, il\u00f3gicas ou mal sequenciadas. Aplica\u00e7\u00e3o \u2003 O site por ter funcionalidades muito objetivas deixa os seus servi\u00e7os bem vis\u00edveis em diversos espa\u00e7os. O que permite aos usu\u00e1rios lembrarem com facilidade onde precisam clicar para realizar as tarefas. Bibliografia BARBOSA, Simone; DINIZ, Bruno. Intera\u00e7\u00e3o Humano-Computador. Editora Elsevier, Rio de Janeiro, 2010. Nielsen, Jakob (1994). Usability Engineering. Morgan Kaufmann Publishers Inc., San Francisco, CA, USA. MACIEL, Cristiano; NOGUEIRA, Jos\u00e9 Luis; CIUFFO, Leandro; GARCIA, Ana Cristina. Avalia\u00e7\u00e3o Heur\u00edstica de S\u00edtios na Web. [S. l.] Preece; Rogers; Sharp. Design de Intera\u00e7\u00e3o. Editora Bookman, 2013. Tabela de versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 19/07/2022 0.1 Abertura do documento Matheus Perillo Natan Santana 19/07/2022 0.2 Introdu\u00e7\u00e3o ao documento Matheus Perillo Natan Santana 19/07/2022 0.3 Explica\u00e7\u00e3o dos objetivos Matheus Perillo Natan Santana 19/07/2022 0.4 Explica\u00e7\u00e3o das metas de usabilidade Matheus Perillo Natan Santana 29/07/2022 0.5 Aplica\u00e7\u00e3o das metas de usabilidade Matheus Perillo Natan Santana","title":"Metas de usabilidade"},{"location":"analise_de_requisitos/caract-plataforma/#metas-de-usabilidade","text":"","title":"Metas de usabilidade"},{"location":"analise_de_requisitos/caract-plataforma/#introducao","text":"Para obter-se que os produtos interativos sejam f\u00e1ceis de aprender, agrad\u00e1veis e eficazes na vis\u00e3o do usu\u00e1rio a usabilidade geralmente \u00e9 considerada como um garantia para tal. \u00c9 utilizada para otimizar as intera\u00e7\u00f5es que as pessoas t\u00eam com produtos interativos para permitir que realizem suas atividades em suas rotinas.","title":"Introdu\u00e7\u00e3o"},{"location":"analise_de_requisitos/caract-plataforma/#objetivo","text":"Este documento tem como objetivo identificar e detalhar as caracter\u00edsticas da plataforma de acordo com as metas de usabilidade, que por sua vez, tem como objetivo fornecer ao designer de intera\u00e7\u00e3o um meio de avaliar os aspectos da experi\u00eancia do usu\u00e1rio e de um produto interativo.","title":"Objetivo"},{"location":"analise_de_requisitos/caract-plataforma/#metas-de-usabilidade_1","text":"A seguir ser\u00e1 explicado como as metas de usabilidade se dividem e como elas se aplicam, ou n\u00e3o, ao site da Ag\u00eancia Virtual Neoenergia Bras\u00edlia.","title":"Metas de usabilidade"},{"location":"analise_de_requisitos/caract-plataforma/#1-eficacia","text":"\u00c9 descrita como \"ser eficaz no uso\", e no geral se refere a quanto um produto \u00e9 bom em fazer o que se espera dele.","title":"1. Efic\u00e1cia"},{"location":"analise_de_requisitos/caract-plataforma/#aplicacao","text":"O site tem uma premissa de ser algo mais objetivo. Dessa forma, os usu\u00e1rios conseguem, na maioria das vezes com ajuda de terceiros, encontrar o que estavam procurando.","title":"Aplica\u00e7\u00e3o"},{"location":"analise_de_requisitos/caract-plataforma/#2-eficiencia","text":"\u00c9 descrita como \"ser eficiente no uso\", e no geral se refere \u00e0 maneira como um produto ajuda os usu\u00e1rios na realiza\u00e7\u00e3o de suas tarefas, buscando combater situa\u00e7\u00f5es em que o sistema exija um n\u00famero exagerado de passos para exercer uma tarefa, ou que o usu\u00e1rio tenha que aprender arbitrariamente passos complexos para exerc\u00ea-la.","title":"2. Efici\u00eancia"},{"location":"analise_de_requisitos/caract-plataforma/#aplicacao_1","text":"Apesar do site oferecer diversos conte\u00fados sobre o uso do sistema, ele apresenta problemas ferindo uma das heur\u00edsticas (Flexibilidade e efici\u00eancia de uso) causando efeitos negativos sobre o usu\u00e1rio ao utilizar o site. Esses problemas est\u00e3o melhores descritos aqui .","title":"Aplica\u00e7\u00e3o"},{"location":"analise_de_requisitos/caract-plataforma/#3-seguranca","text":"\u00c9 descrita como \"ser segura no uso\", e no geral se refere a proteger o usu\u00e1rio de condi\u00e7\u00f5es perigosas e situa\u00e7\u00f5es indesej\u00e1veis, envolvendo aspectos como prevenir que o usu\u00e1rio cometa erros graves, reduzindo o risco de que ele realize tarefas erradas por engano, ou oferecendo maneiras de recupera\u00e7\u00e3o ao usu\u00e1rio, a partir do cometimento de poss\u00edveis erros no uso.","title":"3. Seguran\u00e7a"},{"location":"analise_de_requisitos/caract-plataforma/#aplicacao_2","text":"A aplica\u00e7\u00e3o n\u00e3o apresenta uma prote\u00e7\u00e3o para o usu\u00e1rio quanto a condi\u00e7\u00f5es perigosas e situa\u00e7\u00f5es indesej\u00e1veis. Por exemplo, n\u00e3o h\u00e1 a op\u00e7\u00e3o de manter o usu\u00e1rio conectado ou de salvar a senha para facilitar o acesso na pr\u00f3xima vez que for realizar o login.","title":"Aplica\u00e7\u00e3o"},{"location":"analise_de_requisitos/caract-plataforma/#4-utilidade","text":"Esta meta \u00e9 descrita como \"ter boa utilidade\", e no geral se refere \u00e0 medida na qual o produto oferece o tipo certo de funcionalidade, de modo que os usu\u00e1rios possam fazer aquilo que precisam ou desejam de uma maneira mais eficiente.","title":"4. Utilidade"},{"location":"analise_de_requisitos/caract-plataforma/#aplicacao_3","text":"O site oferece ao usu\u00e1rio a possibilidade de realizar o que desejam de maneira eficiente na maioria das vezes.","title":"Aplica\u00e7\u00e3o"},{"location":"analise_de_requisitos/caract-plataforma/#5-aprendizagem","text":"\u00c9 descrita como \"ser f\u00e1cil de aprender\", e no geral se refere \u00e0 facilidade de aprender a usar um sistema, permitindo que o usu\u00e1rio consiga utiliz\u00e1-lo rapidamente e se tornarem competentes realizando tarefas sem muito esfor\u00e7o, correspondendo ao tempo a que os usu\u00e1rios est\u00e3o dispostos a gastar para aprenderem a usar o produto.","title":"5. Aprendizagem"},{"location":"analise_de_requisitos/caract-plataforma/#aplicacao_4","text":"Em rela\u00e7\u00e3o a essa meta foi observado que muitas pessoas pediram ajuda para realizar alguma tarefa dentro do site, o que indica dificuldade no acesso aos servi\u00e7os, apesar da maioria dos usu\u00e1rios serem jovens adultos.","title":"Aplica\u00e7\u00e3o"},{"location":"analise_de_requisitos/caract-plataforma/#6-memorizacao","text":"Esta meta \u00e9 descrita como \"ser f\u00e1cil de lembrar como usar\", e no geral se refere e \u00e0 facilidade de o usu\u00e1rio lembrar como utilizar um sistema depois de j\u00e1 t\u00ea-lo aprendido, em que os usu\u00e1rios n\u00e3o devam ter de reaprender a realizar as tarefas, ou que ao menos sejam lembrados de como realiz\u00e1-las. Assim, esta meta busca combater tarefas que para serem aprendidas s\u00e3o obscuras, il\u00f3gicas ou mal sequenciadas.","title":"6. Memoriza\u00e7\u00e3o"},{"location":"analise_de_requisitos/caract-plataforma/#aplicacao_5","text":"O site por ter funcionalidades muito objetivas deixa os seus servi\u00e7os bem vis\u00edveis em diversos espa\u00e7os. O que permite aos usu\u00e1rios lembrarem com facilidade onde precisam clicar para realizar as tarefas.","title":"Aplica\u00e7\u00e3o"},{"location":"analise_de_requisitos/caract-plataforma/#bibliografia","text":"BARBOSA, Simone; DINIZ, Bruno. Intera\u00e7\u00e3o Humano-Computador. Editora Elsevier, Rio de Janeiro, 2010. Nielsen, Jakob (1994). Usability Engineering. Morgan Kaufmann Publishers Inc., San Francisco, CA, USA. MACIEL, Cristiano; NOGUEIRA, Jos\u00e9 Luis; CIUFFO, Leandro; GARCIA, Ana Cristina. Avalia\u00e7\u00e3o Heur\u00edstica de S\u00edtios na Web. [S. l.] Preece; Rogers; Sharp. Design de Intera\u00e7\u00e3o. Editora Bookman, 2013.","title":"Bibliografia"},{"location":"analise_de_requisitos/caract-plataforma/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 19/07/2022 0.1 Abertura do documento Matheus Perillo Natan Santana 19/07/2022 0.2 Introdu\u00e7\u00e3o ao documento Matheus Perillo Natan Santana 19/07/2022 0.3 Explica\u00e7\u00e3o dos objetivos Matheus Perillo Natan Santana 19/07/2022 0.4 Explica\u00e7\u00e3o das metas de usabilidade Matheus Perillo Natan Santana 29/07/2022 0.5 Aplica\u00e7\u00e3o das metas de usabilidade Matheus Perillo Natan Santana","title":"Tabela de versionamento"},{"location":"analise_de_requisitos/guia/","text":"Guia de Estilo Introdu\u00e7\u00e3o Este Guia de Estilo visa reunir os princ\u00edpios e diretrizes de design que guiar\u00e3o o time durante o desenvolvimento de todo o projeto. Aqui ser\u00e3o reunidos todos os elementos essenciais que dever\u00e3o estar presentes na vers\u00e3o final do projeto, al\u00e9m de fornecer embasamento para tomadas de decis\u00f5es sobre o design durante as pr\u00f3ximas etapa do Processo de Design. Grande parte dos t\u00f3picos aqui presentes s\u00e3o baseados no documento Elementos B\u00e1sicos da NeoEnergia Elektro (distribuidora do Mato Grosso do Sul) a qual, junto com a NeoEnergia Brasilia, faz parte do grupo espanhol Iberdrola. J\u00e1 os elementos que n\u00e3o s\u00e3o abordados neste documento da NeoEnergia Elektro, como os Bot\u00f5es e \u00cdcones, foram extra\u00eddos do site da NeoEnergia Bras\u00edlia. No final deste documento, \u00e9 comparado o site Ag\u00eancia Virtual da NeoEnergia Brasilia com os princ\u00edpios e diretrizes aqui descritos, identificando quais elementos est\u00e3o em viola\u00e7\u00e3o e precisar\u00e3o de maior aten\u00e7\u00e3o na fase de redesign. Identidade Visual da NeoEnergia Logo O logotipo \u00e9 composto pelo s\u00edmbolo e pela tipografia, havendo apenas duas varia\u00e7\u00f5es: horizontal e vertical, como pode-se observar na figura 1. Segundo o documento da marca, a prioridade deve ser sempre para o logotipo vertical, enquanto a vers\u00e3o horizontal deve ser utilizada em \u00faltimo caso. Figura 1: logotipos da Neoenergia Fonte: https://www.neoenergia.com Tamb\u00e9m h\u00e1 varia\u00e7\u00f5es dos logotipos em negativo, caso seja necess\u00e1rio posiciona-los sobre um fundo mais escuro, conforme pode-se ver na figura 2. Figura 2: logotipo negativo da Neoenergia Fonte: https://www.neoenergia.com H\u00e1 uma regra de aplica\u00e7\u00e3o do logotipo a respeito da \u00e1rea de prote\u00e7\u00e3o em torno do mesmo. A marca deve estar rodeada por uma \u00e1rea de prote\u00e7\u00e3o m\u00ednima. Isso \u00e9 necess\u00e1rio para que a presen\u00e7a do logo n\u00e3o seja diminu\u00edda por outros elementos. Essa \u00e1rea de prote\u00e7\u00e3o m\u00ednima pode ser observada na figura 3. Figura 3: logotipos da Neoenergia Fonte: https://www.neoenergiaelektro.com.br Cores H\u00e1 3 paletas de cores na identidade visual da marca: as cores corporativas prim\u00e1rias, as cores corporativas secund\u00e1rias e as cores verdes corporativas. As cores corporativas prim\u00e1rias s\u00e3o: verde, azul, amarelo e laranja, conforme mostrado na figura 4. \u00c9 de extrema import\u00e2ncia que os tons usados sejam iguais ao equivalente no sistema Pantone. Figura 4: Cores Prim\u00e1rias Fonte: Manual de Identidade - Elementos B\u00e1sicos Ao utilizar as cores, deve-se primeiro dar prefer\u00eancia ao verde, mas caso n\u00e3o seja poss\u00edvel, pode-se recorrer ao laranja, amarelo e azul, nessa ordem, conforme descrito no gr\u00e1fico 1. Gr\u00e1fico 1: Propor\u00e7\u00e3o de import\u00e2ncia das cores prim\u00e1rias Fonte: Manual de Identidade - Elementos B\u00e1sicos As cores corporativas prim\u00e1rias tamb\u00e9m s\u00e3o: verde, azul, amarelo e laranja, por\u00e9m em um diferente tom, conforme mostrado na figura 5. As cores secund\u00e1rias podem ser usadas para complementar as cores prim\u00e1rias. Figura 5: Cores Secund\u00e1rias Fonte: Manual de Identidade - Elementos B\u00e1sicos Ao utilizar as cores, deve-se seguir a mesma ordem de prioridade que as cores prim\u00e1rias: verde, laranja, amarelo e azul, nessa ordem. Podemos observar isso no gr\u00e1fico 2. Gr\u00e1fico 2: Propor\u00e7\u00e3o de import\u00e2ncia das cores secund\u00e1rias Fonte: Manual de Identidade - Elementos B\u00e1sicos Pode-se observar na figura 6 as seis cores verdes coorporativas, que podem ser utilizadas para complementar as cores prim\u00e1rias e secund\u00e1rias. A ordem de prioridade deve ser obedecida conforme descrito no gr\u00e1fico 3. Figura 6: Paleta de Verdes Fonte: Manual de Identidade - Elementos B\u00e1sicos Gr\u00e1fico 3: Propor\u00e7\u00e3o de import\u00e2ncia das cores verde Fonte: Manual de Identidade - Elementos B\u00e1sicos Tipografia A defini\u00e7\u00e3o de uma tipografia \u00e9 uma parte essencial do design de um produto pois a escolha de uma fonte influencia diretamente na interpreta\u00e7\u00e3o da mensagem sendo comunicada pelo produto e marca. Como a interpreta\u00e7\u00e3o de uma fonte \u00e9 subjetiva e pode transmitir diferentes emo\u00e7\u00f5es, \u00e9 necess\u00e1rio que ela se relacione diretamente com o teor das mensagens e outros elementos gr\u00e1ficos do design. Sendo assim, a tipografia Trebuchet Regular (figura 7) ser\u00e1 utilizada em todos os textos do site e a fonte Trebuchet Bold (figura 8) ser\u00e1 utilizada em t\u00edtulos. Essas fontes foram escolhidas pois s\u00e3o as recomendadas para utiliza\u00e7\u00e3o em sites na web de acordo com o documento de Elementos B\u00e1sicos (P\u00e1gina 66). Figura 7: fonte Trebuchet Regular Fonte: Fontsgeek Figura 8: fonte Trebuchet Bold Fonte: Fontsgeek Bot\u00f5es e \u00edcones Ao criar bot\u00f5es ou inserir \u00edcones durante o processo de design, \u00e9 importante que o usu\u00e1rio saiba exatamente o que ir\u00e1 acontecer caso interaja com os mesmos. Se o contexto em que esses elementos est\u00e3o inseridos n\u00e3o \u00e9 consistente, \u00e9 poss\u00edvel que isso cause confus\u00e3o no usu\u00e1rio e leve o usu\u00e1rio ao erro. Analisando o site da NeoEnergia Bras\u00edlia, podemos observar tr\u00eas formas de intera\u00e7\u00e3o nas p\u00e1ginas, a primeira s\u00e3o bot\u00f5es com linhas retas (figuras 13 e 14), a segunda s\u00e3o bot\u00f5es mais arredondados com texto ou \u00edcones em sua composi\u00e7\u00e3o (figuras 9, 10, 11 e 12), e a terceira s\u00e3o textos com links acompanhados de \u00edcones, indicando redirecionamento para uma outra p\u00e1gina (figuras 15 e 16). Figura 9: bot\u00e3o de acesso \u00e0 Ag\u00eancia Virtual Fonte: NeoEnegergia Bras\u00edlia Figura 10: bot\u00e3o \"Saiba mais\" Fonte: NeoEnegergia Bras\u00edlia Figura 11: bot\u00e3o \"Conhe\u00e7a outros canais\" Fonte: NeoEnegergia Bras\u00edlia Figura 12: bot\u00f5es de acesso \u00e0s redes sociais Fonte: NeoEnegergia Bras\u00edlia Figura 13: bot\u00e3o de atualiza\u00e7\u00e3o de cadastro Fonte: NeoEnegergia Bras\u00edlia Figura 14: bot\u00e3o retangular de acesso \u00e0 Ag\u00eancia Virtual Fonte: NeoEnegergia Bras\u00edlia Figura 15: link de acesso ao cart\u00e3o CNPJ Fonte: NeoEnegergia Bras\u00edlia Figura 16: links de acesso \u00e0s tarifas de energia Fonte: NeoEnegergia Bras\u00edlia An\u00e1lise de estilo Logo Ao analisar o site da Ag\u00eancia Virtual da NeoEnergia, considerando as boas pr\u00e1ticas de aplica\u00e7\u00e3o do logotipo conforme o Manual da Marca citado anteriormente, pode-se perceber uma viola\u00e7\u00e3o na \u00e1rea de prote\u00e7\u00e3o m\u00ednima. Isso acontece na p\u00e1gina inicial, conforme a figura 17, em que pode-se observar que o logotipo ultrapassa a \u00e1rea do menu. Figura 17: P\u00e1gina Inicial da Ag\u00eancia Virtual Neoenergia Fonte: https://agenciavirtual.neoenergiabrasilia.com.br Tamb\u00e9m podemos observar o mesmo comportamento nas p\u00e1ginas de servi\u00e7o: o logotipo ultrapassa o menu, se sobrepondo a outros elementos da p\u00e1gina, conforme mostra a figura 18. Figura 18: P\u00e1gina de Servi\u00e7os da Ag\u00eancia Virtual Neoenergia Fonte: https://agenciavirtual.neoenergiabrasilia.com.br/Servicos Cores Ao analisar as cores, pode-se perceber v\u00e1rias viola\u00e7\u00f5es ao manual de cores descrito anteriormente. Na p\u00e1gina inicial as cores predominantes s\u00e3o Azul e Laranja. O azul utilizado n\u00e3o \u00e9 o que foi especificado na paleta de cores da marca. Apesar do laranja estar no tom correto, ele deveria aparecer na tela apenas quando n\u00e3o fosse poss\u00edvel utilizar o verde, regra a qual n\u00e3o \u00e9 seguida, pois o verde n\u00e3o aparece em nenhum momento na p\u00e1gina inicial, a n\u00e3o ser na logo. Pode-se perceber isso nas figuras 19, 20 e 21. Tamb\u00e9m podemos observar nas imagens 20 e 21 que foi utilizado a cor cinza, por\u00e9m ela n\u00e3o foi especificada nas paletas de cores da marca. Figura 19: print da home do site Ag\u00eancia Virtual da Neoenergia Figura 20: print da home do site Ag\u00eancia Virtual da Neoenergia Figura 21: print da home do site Ag\u00eancia Virtual da Neoenergia Nas p\u00e1ginas de servi\u00e7os pode-se perceber os mesmos problemas de predomin\u00e2ncia da cor azul e aus\u00eancia do verde principal, conforme ilustra a figura 22. Figura 22: print da p\u00e1gina de servi\u00e7os do site Ag\u00eancia Virtual da Neoenergia Tipografia Como pode ser verificado na figura 23, a tipografia que est\u00e1 sendo utilizada no site da Ag\u00eancia Virtual da NeoEnergia Bras\u00edlia \u00e9 a Roboto, tanto nos textos do site quanto nos t\u00edtulos. Dessa forma, ser\u00e1 necess\u00e1rio mudar a fonte dos textos para Trebuchet Regular e a dos t\u00edtulos para Trebuchet Bold a fim de seguir o guia de estilo definido anteriormente. Figura 23: print do site Ag\u00eancia Virtual da Neoenergia Bot\u00f5es e \u00edcones Podemos obervar algumas diferen\u00e7as entre os bot\u00f5es do site da NeoEnergia Brasilia com o site Agencia Virtual NeoEnergia. Al\u00e9m das cores, como foi citado anteriormente, percebe-se que os bot\u00f5es da Ag\u00eancia Virtual (figuras 24, 25 e 26) s\u00e3o quase todos retangulares, retos e sem \u00edcones em sua composi\u00e7\u00e3o. Figura 24: bot\u00f5es de acesso \u00e0 conta da ag\u00eancia Fonte: Ag\u00eancia Virtual NeoEnegergia Bras\u00edlia Figura 25: bot\u00e3o \"Servi\u00e7os expressos\" Fonte: Ag\u00eancia Virtual NeoEnegergia Bras\u00edlia Figura 26: bot\u00e3o \"fechar\" Fonte: Ag\u00eancia Virtual NeoEnegergia Bras\u00edlia J\u00e1 nos \u00edcones a diferen\u00e7a \u00e9 maior, como vemos na figura 27, os \u00edcones s\u00e3o bem maiores e s\u00e3o acompanhados de um texto com um link para o servi\u00e7o desejado. No site da Ag\u00eancia o acesso \u00e0s redes sociais da empresa se apresenta por \u00edcones interativos (figura 28), j\u00e1 no site da NeoEnergia esse mesmo acesso se d\u00e1 por bot\u00f5es circulares com \u00edcones dentro. Figura 27: \u00edcones e links de servi\u00e7os Fonte: Ag\u00eancia Virtual NeoEnegergia Bras\u00edlia Figura 28: \u00edcones/bot\u00f5es de acesso \u00e0s redes sociais da Ag\u00eancia Virtual Fonte: Ag\u00eancia Virtual NeoEnegergia Bras\u00edlia Apesar de claramente n\u00e3o haver um padr\u00e3o entre os sites, os bot\u00f5es e \u00edcones conseguem prover uma interpreta\u00e7\u00e3o clara ao usu\u00e1rio devido ao apoio textual que esses elementos t\u00eam. Bibliografia ELEMENTOS B\u00c1SICOS. Dispon\u00edvel em: https://www.neoenergiaelektro.com.br/Media/Default/DocGalleries/Manual%20de%20Identidade/Novo_manual_Elektro_completo_V2.pdf - Acesso em 26/07/2022 Quem Somos. DIspon\u00edvel em: https://www.neoenergiabrasilia.com.br/sobre-nos/sobre/Paginas/default.aspx - Acesso em 26/07/2022 Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021);Intera\u00e7\u00e3o Humano-Computador e Experi\u00eancia do usu\u00e1rio. A import\u00e2ncia da tipografia no universo do design gr\u00e1fico. Dispon\u00edvel em: https://www.escola-panamericana.com.br/acontece/a-importancia-da-tipografia-no-universo-do-design-grafico#:~:text=O%20tipo%20da%20fonte%20pode,marca%20e%20engajar%20o%20p%C3%BAblico. - Acesso em 28/07/2022 A Import\u00e2ncia das Decis\u00f5es de Design em Uma Interface. Dispon\u00edvel em: https://catarinag.medium.com/a-import%C3%A2ncia-das-decis%C3%B5es-de-design-em-uma-interface-7a2171ddff7a - Acesso em 29/07/2022 Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 25/07/2022 0.1 Cria\u00e7\u00e3o de t\u00f3picos Natan Santana Clara Ribeiro 26/07/2022 0.2 T\u00f3pico de introdu\u00e7\u00e3o Natan Santana Lu\u00edza Esteves 28/07/2022 0.3 T\u00f3pico de tipografia e an\u00e1lise da tipografia Natan Santana Lu\u00edza Esteves 28/07/2022 0.4 T\u00f3pico de logo e cores Clara Ribeiro Lu\u00edza Esteves 28/07/2022 0.5 T\u00f3pico de bot\u00f5es e \u00edcones Rafael Xavier Lu\u00edza Esteves","title":"Guia de Estilo"},{"location":"analise_de_requisitos/guia/#guia-de-estilo","text":"","title":"Guia de Estilo"},{"location":"analise_de_requisitos/guia/#introducao","text":"Este Guia de Estilo visa reunir os princ\u00edpios e diretrizes de design que guiar\u00e3o o time durante o desenvolvimento de todo o projeto. Aqui ser\u00e3o reunidos todos os elementos essenciais que dever\u00e3o estar presentes na vers\u00e3o final do projeto, al\u00e9m de fornecer embasamento para tomadas de decis\u00f5es sobre o design durante as pr\u00f3ximas etapa do Processo de Design. Grande parte dos t\u00f3picos aqui presentes s\u00e3o baseados no documento Elementos B\u00e1sicos da NeoEnergia Elektro (distribuidora do Mato Grosso do Sul) a qual, junto com a NeoEnergia Brasilia, faz parte do grupo espanhol Iberdrola. J\u00e1 os elementos que n\u00e3o s\u00e3o abordados neste documento da NeoEnergia Elektro, como os Bot\u00f5es e \u00cdcones, foram extra\u00eddos do site da NeoEnergia Bras\u00edlia. No final deste documento, \u00e9 comparado o site Ag\u00eancia Virtual da NeoEnergia Brasilia com os princ\u00edpios e diretrizes aqui descritos, identificando quais elementos est\u00e3o em viola\u00e7\u00e3o e precisar\u00e3o de maior aten\u00e7\u00e3o na fase de redesign.","title":"Introdu\u00e7\u00e3o"},{"location":"analise_de_requisitos/guia/#identidade-visual-da-neoenergia","text":"","title":"Identidade Visual da NeoEnergia"},{"location":"analise_de_requisitos/guia/#logo","text":"O logotipo \u00e9 composto pelo s\u00edmbolo e pela tipografia, havendo apenas duas varia\u00e7\u00f5es: horizontal e vertical, como pode-se observar na figura 1. Segundo o documento da marca, a prioridade deve ser sempre para o logotipo vertical, enquanto a vers\u00e3o horizontal deve ser utilizada em \u00faltimo caso. Figura 1: logotipos da Neoenergia Fonte: https://www.neoenergia.com Tamb\u00e9m h\u00e1 varia\u00e7\u00f5es dos logotipos em negativo, caso seja necess\u00e1rio posiciona-los sobre um fundo mais escuro, conforme pode-se ver na figura 2. Figura 2: logotipo negativo da Neoenergia Fonte: https://www.neoenergia.com H\u00e1 uma regra de aplica\u00e7\u00e3o do logotipo a respeito da \u00e1rea de prote\u00e7\u00e3o em torno do mesmo. A marca deve estar rodeada por uma \u00e1rea de prote\u00e7\u00e3o m\u00ednima. Isso \u00e9 necess\u00e1rio para que a presen\u00e7a do logo n\u00e3o seja diminu\u00edda por outros elementos. Essa \u00e1rea de prote\u00e7\u00e3o m\u00ednima pode ser observada na figura 3. Figura 3: logotipos da Neoenergia Fonte: https://www.neoenergiaelektro.com.br","title":"Logo"},{"location":"analise_de_requisitos/guia/#cores","text":"H\u00e1 3 paletas de cores na identidade visual da marca: as cores corporativas prim\u00e1rias, as cores corporativas secund\u00e1rias e as cores verdes corporativas. As cores corporativas prim\u00e1rias s\u00e3o: verde, azul, amarelo e laranja, conforme mostrado na figura 4. \u00c9 de extrema import\u00e2ncia que os tons usados sejam iguais ao equivalente no sistema Pantone. Figura 4: Cores Prim\u00e1rias Fonte: Manual de Identidade - Elementos B\u00e1sicos Ao utilizar as cores, deve-se primeiro dar prefer\u00eancia ao verde, mas caso n\u00e3o seja poss\u00edvel, pode-se recorrer ao laranja, amarelo e azul, nessa ordem, conforme descrito no gr\u00e1fico 1. Gr\u00e1fico 1: Propor\u00e7\u00e3o de import\u00e2ncia das cores prim\u00e1rias Fonte: Manual de Identidade - Elementos B\u00e1sicos As cores corporativas prim\u00e1rias tamb\u00e9m s\u00e3o: verde, azul, amarelo e laranja, por\u00e9m em um diferente tom, conforme mostrado na figura 5. As cores secund\u00e1rias podem ser usadas para complementar as cores prim\u00e1rias. Figura 5: Cores Secund\u00e1rias Fonte: Manual de Identidade - Elementos B\u00e1sicos Ao utilizar as cores, deve-se seguir a mesma ordem de prioridade que as cores prim\u00e1rias: verde, laranja, amarelo e azul, nessa ordem. Podemos observar isso no gr\u00e1fico 2. Gr\u00e1fico 2: Propor\u00e7\u00e3o de import\u00e2ncia das cores secund\u00e1rias Fonte: Manual de Identidade - Elementos B\u00e1sicos Pode-se observar na figura 6 as seis cores verdes coorporativas, que podem ser utilizadas para complementar as cores prim\u00e1rias e secund\u00e1rias. A ordem de prioridade deve ser obedecida conforme descrito no gr\u00e1fico 3. Figura 6: Paleta de Verdes Fonte: Manual de Identidade - Elementos B\u00e1sicos Gr\u00e1fico 3: Propor\u00e7\u00e3o de import\u00e2ncia das cores verde Fonte: Manual de Identidade - Elementos B\u00e1sicos","title":"Cores"},{"location":"analise_de_requisitos/guia/#tipografia","text":"A defini\u00e7\u00e3o de uma tipografia \u00e9 uma parte essencial do design de um produto pois a escolha de uma fonte influencia diretamente na interpreta\u00e7\u00e3o da mensagem sendo comunicada pelo produto e marca. Como a interpreta\u00e7\u00e3o de uma fonte \u00e9 subjetiva e pode transmitir diferentes emo\u00e7\u00f5es, \u00e9 necess\u00e1rio que ela se relacione diretamente com o teor das mensagens e outros elementos gr\u00e1ficos do design. Sendo assim, a tipografia Trebuchet Regular (figura 7) ser\u00e1 utilizada em todos os textos do site e a fonte Trebuchet Bold (figura 8) ser\u00e1 utilizada em t\u00edtulos. Essas fontes foram escolhidas pois s\u00e3o as recomendadas para utiliza\u00e7\u00e3o em sites na web de acordo com o documento de Elementos B\u00e1sicos (P\u00e1gina 66). Figura 7: fonte Trebuchet Regular Fonte: Fontsgeek Figura 8: fonte Trebuchet Bold Fonte: Fontsgeek","title":"Tipografia"},{"location":"analise_de_requisitos/guia/#botoes-e-icones","text":"Ao criar bot\u00f5es ou inserir \u00edcones durante o processo de design, \u00e9 importante que o usu\u00e1rio saiba exatamente o que ir\u00e1 acontecer caso interaja com os mesmos. Se o contexto em que esses elementos est\u00e3o inseridos n\u00e3o \u00e9 consistente, \u00e9 poss\u00edvel que isso cause confus\u00e3o no usu\u00e1rio e leve o usu\u00e1rio ao erro. Analisando o site da NeoEnergia Bras\u00edlia, podemos observar tr\u00eas formas de intera\u00e7\u00e3o nas p\u00e1ginas, a primeira s\u00e3o bot\u00f5es com linhas retas (figuras 13 e 14), a segunda s\u00e3o bot\u00f5es mais arredondados com texto ou \u00edcones em sua composi\u00e7\u00e3o (figuras 9, 10, 11 e 12), e a terceira s\u00e3o textos com links acompanhados de \u00edcones, indicando redirecionamento para uma outra p\u00e1gina (figuras 15 e 16). Figura 9: bot\u00e3o de acesso \u00e0 Ag\u00eancia Virtual Fonte: NeoEnegergia Bras\u00edlia Figura 10: bot\u00e3o \"Saiba mais\" Fonte: NeoEnegergia Bras\u00edlia Figura 11: bot\u00e3o \"Conhe\u00e7a outros canais\" Fonte: NeoEnegergia Bras\u00edlia Figura 12: bot\u00f5es de acesso \u00e0s redes sociais Fonte: NeoEnegergia Bras\u00edlia Figura 13: bot\u00e3o de atualiza\u00e7\u00e3o de cadastro Fonte: NeoEnegergia Bras\u00edlia Figura 14: bot\u00e3o retangular de acesso \u00e0 Ag\u00eancia Virtual Fonte: NeoEnegergia Bras\u00edlia Figura 15: link de acesso ao cart\u00e3o CNPJ Fonte: NeoEnegergia Bras\u00edlia Figura 16: links de acesso \u00e0s tarifas de energia Fonte: NeoEnegergia Bras\u00edlia","title":"Bot\u00f5es e \u00edcones"},{"location":"analise_de_requisitos/guia/#analise-de-estilo","text":"","title":"An\u00e1lise de estilo"},{"location":"analise_de_requisitos/guia/#logo_1","text":"Ao analisar o site da Ag\u00eancia Virtual da NeoEnergia, considerando as boas pr\u00e1ticas de aplica\u00e7\u00e3o do logotipo conforme o Manual da Marca citado anteriormente, pode-se perceber uma viola\u00e7\u00e3o na \u00e1rea de prote\u00e7\u00e3o m\u00ednima. Isso acontece na p\u00e1gina inicial, conforme a figura 17, em que pode-se observar que o logotipo ultrapassa a \u00e1rea do menu. Figura 17: P\u00e1gina Inicial da Ag\u00eancia Virtual Neoenergia Fonte: https://agenciavirtual.neoenergiabrasilia.com.br Tamb\u00e9m podemos observar o mesmo comportamento nas p\u00e1ginas de servi\u00e7o: o logotipo ultrapassa o menu, se sobrepondo a outros elementos da p\u00e1gina, conforme mostra a figura 18. Figura 18: P\u00e1gina de Servi\u00e7os da Ag\u00eancia Virtual Neoenergia Fonte: https://agenciavirtual.neoenergiabrasilia.com.br/Servicos","title":"Logo"},{"location":"analise_de_requisitos/guia/#cores_1","text":"Ao analisar as cores, pode-se perceber v\u00e1rias viola\u00e7\u00f5es ao manual de cores descrito anteriormente. Na p\u00e1gina inicial as cores predominantes s\u00e3o Azul e Laranja. O azul utilizado n\u00e3o \u00e9 o que foi especificado na paleta de cores da marca. Apesar do laranja estar no tom correto, ele deveria aparecer na tela apenas quando n\u00e3o fosse poss\u00edvel utilizar o verde, regra a qual n\u00e3o \u00e9 seguida, pois o verde n\u00e3o aparece em nenhum momento na p\u00e1gina inicial, a n\u00e3o ser na logo. Pode-se perceber isso nas figuras 19, 20 e 21. Tamb\u00e9m podemos observar nas imagens 20 e 21 que foi utilizado a cor cinza, por\u00e9m ela n\u00e3o foi especificada nas paletas de cores da marca. Figura 19: print da home do site Ag\u00eancia Virtual da Neoenergia Figura 20: print da home do site Ag\u00eancia Virtual da Neoenergia Figura 21: print da home do site Ag\u00eancia Virtual da Neoenergia Nas p\u00e1ginas de servi\u00e7os pode-se perceber os mesmos problemas de predomin\u00e2ncia da cor azul e aus\u00eancia do verde principal, conforme ilustra a figura 22. Figura 22: print da p\u00e1gina de servi\u00e7os do site Ag\u00eancia Virtual da Neoenergia","title":"Cores"},{"location":"analise_de_requisitos/guia/#tipografia_1","text":"Como pode ser verificado na figura 23, a tipografia que est\u00e1 sendo utilizada no site da Ag\u00eancia Virtual da NeoEnergia Bras\u00edlia \u00e9 a Roboto, tanto nos textos do site quanto nos t\u00edtulos. Dessa forma, ser\u00e1 necess\u00e1rio mudar a fonte dos textos para Trebuchet Regular e a dos t\u00edtulos para Trebuchet Bold a fim de seguir o guia de estilo definido anteriormente. Figura 23: print do site Ag\u00eancia Virtual da Neoenergia","title":"Tipografia"},{"location":"analise_de_requisitos/guia/#botoes-e-icones_1","text":"Podemos obervar algumas diferen\u00e7as entre os bot\u00f5es do site da NeoEnergia Brasilia com o site Agencia Virtual NeoEnergia. Al\u00e9m das cores, como foi citado anteriormente, percebe-se que os bot\u00f5es da Ag\u00eancia Virtual (figuras 24, 25 e 26) s\u00e3o quase todos retangulares, retos e sem \u00edcones em sua composi\u00e7\u00e3o. Figura 24: bot\u00f5es de acesso \u00e0 conta da ag\u00eancia Fonte: Ag\u00eancia Virtual NeoEnegergia Bras\u00edlia Figura 25: bot\u00e3o \"Servi\u00e7os expressos\" Fonte: Ag\u00eancia Virtual NeoEnegergia Bras\u00edlia Figura 26: bot\u00e3o \"fechar\" Fonte: Ag\u00eancia Virtual NeoEnegergia Bras\u00edlia J\u00e1 nos \u00edcones a diferen\u00e7a \u00e9 maior, como vemos na figura 27, os \u00edcones s\u00e3o bem maiores e s\u00e3o acompanhados de um texto com um link para o servi\u00e7o desejado. No site da Ag\u00eancia o acesso \u00e0s redes sociais da empresa se apresenta por \u00edcones interativos (figura 28), j\u00e1 no site da NeoEnergia esse mesmo acesso se d\u00e1 por bot\u00f5es circulares com \u00edcones dentro. Figura 27: \u00edcones e links de servi\u00e7os Fonte: Ag\u00eancia Virtual NeoEnegergia Bras\u00edlia Figura 28: \u00edcones/bot\u00f5es de acesso \u00e0s redes sociais da Ag\u00eancia Virtual Fonte: Ag\u00eancia Virtual NeoEnegergia Bras\u00edlia Apesar de claramente n\u00e3o haver um padr\u00e3o entre os sites, os bot\u00f5es e \u00edcones conseguem prover uma interpreta\u00e7\u00e3o clara ao usu\u00e1rio devido ao apoio textual que esses elementos t\u00eam.","title":"Bot\u00f5es e \u00edcones"},{"location":"analise_de_requisitos/guia/#bibliografia","text":"ELEMENTOS B\u00c1SICOS. Dispon\u00edvel em: https://www.neoenergiaelektro.com.br/Media/Default/DocGalleries/Manual%20de%20Identidade/Novo_manual_Elektro_completo_V2.pdf - Acesso em 26/07/2022 Quem Somos. DIspon\u00edvel em: https://www.neoenergiabrasilia.com.br/sobre-nos/sobre/Paginas/default.aspx - Acesso em 26/07/2022 Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021);Intera\u00e7\u00e3o Humano-Computador e Experi\u00eancia do usu\u00e1rio. A import\u00e2ncia da tipografia no universo do design gr\u00e1fico. Dispon\u00edvel em: https://www.escola-panamericana.com.br/acontece/a-importancia-da-tipografia-no-universo-do-design-grafico#:~:text=O%20tipo%20da%20fonte%20pode,marca%20e%20engajar%20o%20p%C3%BAblico. - Acesso em 28/07/2022 A Import\u00e2ncia das Decis\u00f5es de Design em Uma Interface. Dispon\u00edvel em: https://catarinag.medium.com/a-import%C3%A2ncia-das-decis%C3%B5es-de-design-em-uma-interface-7a2171ddff7a - Acesso em 29/07/2022","title":"Bibliografia"},{"location":"analise_de_requisitos/guia/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 25/07/2022 0.1 Cria\u00e7\u00e3o de t\u00f3picos Natan Santana Clara Ribeiro 26/07/2022 0.2 T\u00f3pico de introdu\u00e7\u00e3o Natan Santana Lu\u00edza Esteves 28/07/2022 0.3 T\u00f3pico de tipografia e an\u00e1lise da tipografia Natan Santana Lu\u00edza Esteves 28/07/2022 0.4 T\u00f3pico de logo e cores Clara Ribeiro Lu\u00edza Esteves 28/07/2022 0.5 T\u00f3pico de bot\u00f5es e \u00edcones Rafael Xavier Lu\u00edza Esteves","title":"Tabela de Versionamento"},{"location":"analise_de_requisitos/perfil_do_usu%C3%A1rio/","text":"Perfil do Usu\u00e1rio Introdu\u00e7\u00e3o O perfil de usu\u00e1rio \u00e9 uma forma de entendermos quem s\u00e3o as pessoas que fazem uso do produto, e este documento tem como objetivo descrever as caracter\u00edsticas dos usu\u00e1rios da Ag\u00eancia Virtual Neoenergia Bras\u00edlia. Para entender quem s\u00e3o essas pessoas, perguntas como \"Quem s\u00e3o?\" ou \"Quais seus objetivos?\" devem ser respondidas de alguma forma. Isso pode ser feito por meio de entrevistas ou question\u00e1rios, por exemplo. Metodologia Para entender quem s\u00e3o os usu\u00e1rios, nossa equipe elaborou um question\u00e1rio atrav\u00e9s do Google Forms com perguntas que possibilitassem o agrupamento de pessoas com caracter\u00edsticas semelhantes para assim montarmos seus perfis e personas. Vale ressaltar que antes que o question\u00e1rio iniciasse de fato, era necess\u00e1rio aceitar o seguinte termo de consentimento: Figura 1: Quest\u00e3o 1 (Termo de consentimento) Question\u00e1rio Perguntas e percentuais de respostas Figura 2: Quest\u00e3o 2 Figura 3: Quest\u00e3o 3 Figura 4: Quest\u00e3o 4 Figura 5: Quest\u00e3o 5 Figura 6: Quest\u00e3o 6 Figura 7: Quest\u00e3o 7 Figura 8: Quest\u00e3o 8 Figura 9: Quest\u00e3o 9 Figura 10: Quest\u00e3o 10 As quest\u00f5es a seguir s\u00e3o definidas pelos n\u00edveis de satisfa\u00e7\u00e3o abaixo: Figura 11: Quest\u00e3o 11 Figura 12: Quest\u00e3o 12 Figura 13: Quest\u00e3o 13 Figura 14: Quest\u00e3o 14 Figura 15: Quest\u00e3o 15 Figura 16: Quest\u00e3o 16 Figura 17: Quest\u00e3o 17 Figura 18: Quest\u00e3o 18 Observa\u00e7\u00f5es Em posse dos dados obtidos com a aplica\u00e7\u00e3o do question\u00e1rio, podemos perceber que a maioria do p\u00fablico s\u00e3o jovens adultos (entre 21 e 30) embora a diferen\u00e7a entre as porcentagens das respectivas faixas et\u00e1rias n\u00e3o seja t\u00e3o grande. Percebe-se tamb\u00e9m que muitas pessoas pediram ajuda para realizar alguma tarefa dentro do site, o que indica dificuldade no acesso aos servi\u00e7os. Outro indicativo de dificuldade \u00e9 o fato de que o percentual de pessoas que preferem utilizar o site \u00e9 menor comparado ao percentual das outras alternativas, visto que o site tem uma premissa de ser algo mais objetivo, ao contr\u00e1rio da ceantral de atendimento ao cliente, por exemplo. Bibliografia Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021);Intera\u00e7\u00e3o Humano-Computador e Experi\u00eancia do usu\u00e1rio. Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 19/07/2022 0.1 Cria\u00e7\u00e3o do artefato Perfil do Usu\u00e1rio Rafael Xavier Clara Ribeiro","title":"Perfil do Usu\u00e1rio"},{"location":"analise_de_requisitos/perfil_do_usu%C3%A1rio/#perfil-do-usuario","text":"","title":"Perfil do Usu\u00e1rio"},{"location":"analise_de_requisitos/perfil_do_usu%C3%A1rio/#introducao","text":"O perfil de usu\u00e1rio \u00e9 uma forma de entendermos quem s\u00e3o as pessoas que fazem uso do produto, e este documento tem como objetivo descrever as caracter\u00edsticas dos usu\u00e1rios da Ag\u00eancia Virtual Neoenergia Bras\u00edlia. Para entender quem s\u00e3o essas pessoas, perguntas como \"Quem s\u00e3o?\" ou \"Quais seus objetivos?\" devem ser respondidas de alguma forma. Isso pode ser feito por meio de entrevistas ou question\u00e1rios, por exemplo.","title":"Introdu\u00e7\u00e3o"},{"location":"analise_de_requisitos/perfil_do_usu%C3%A1rio/#metodologia","text":"Para entender quem s\u00e3o os usu\u00e1rios, nossa equipe elaborou um question\u00e1rio atrav\u00e9s do Google Forms com perguntas que possibilitassem o agrupamento de pessoas com caracter\u00edsticas semelhantes para assim montarmos seus perfis e personas. Vale ressaltar que antes que o question\u00e1rio iniciasse de fato, era necess\u00e1rio aceitar o seguinte termo de consentimento: Figura 1: Quest\u00e3o 1 (Termo de consentimento)","title":"Metodologia"},{"location":"analise_de_requisitos/perfil_do_usu%C3%A1rio/#questionario","text":"Perguntas e percentuais de respostas Figura 2: Quest\u00e3o 2 Figura 3: Quest\u00e3o 3 Figura 4: Quest\u00e3o 4 Figura 5: Quest\u00e3o 5 Figura 6: Quest\u00e3o 6 Figura 7: Quest\u00e3o 7 Figura 8: Quest\u00e3o 8 Figura 9: Quest\u00e3o 9 Figura 10: Quest\u00e3o 10 As quest\u00f5es a seguir s\u00e3o definidas pelos n\u00edveis de satisfa\u00e7\u00e3o abaixo: Figura 11: Quest\u00e3o 11 Figura 12: Quest\u00e3o 12 Figura 13: Quest\u00e3o 13 Figura 14: Quest\u00e3o 14 Figura 15: Quest\u00e3o 15 Figura 16: Quest\u00e3o 16 Figura 17: Quest\u00e3o 17 Figura 18: Quest\u00e3o 18","title":"Question\u00e1rio"},{"location":"analise_de_requisitos/perfil_do_usu%C3%A1rio/#observacoes","text":"Em posse dos dados obtidos com a aplica\u00e7\u00e3o do question\u00e1rio, podemos perceber que a maioria do p\u00fablico s\u00e3o jovens adultos (entre 21 e 30) embora a diferen\u00e7a entre as porcentagens das respectivas faixas et\u00e1rias n\u00e3o seja t\u00e3o grande. Percebe-se tamb\u00e9m que muitas pessoas pediram ajuda para realizar alguma tarefa dentro do site, o que indica dificuldade no acesso aos servi\u00e7os. Outro indicativo de dificuldade \u00e9 o fato de que o percentual de pessoas que preferem utilizar o site \u00e9 menor comparado ao percentual das outras alternativas, visto que o site tem uma premissa de ser algo mais objetivo, ao contr\u00e1rio da ceantral de atendimento ao cliente, por exemplo.","title":"Observa\u00e7\u00f5es"},{"location":"analise_de_requisitos/perfil_do_usu%C3%A1rio/#bibliografia","text":"Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021);Intera\u00e7\u00e3o Humano-Computador e Experi\u00eancia do usu\u00e1rio. Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 19/07/2022 0.1 Cria\u00e7\u00e3o do artefato Perfil do Usu\u00e1rio Rafael Xavier Clara Ribeiro","title":"Bibliografia"},{"location":"analise_de_requisitos/personas/","text":"Personas Introdu\u00e7\u00e3o \u2003 Uma persona \u00e9 uma personagem fict\u00edcia, um arqu\u00e9tipo, baseado em dados reais de usu\u00e1rios, criada para descrever um usu\u00e1rio m\u00e9dio. As personas s\u00e3o definidas principalmente por suas vontades, objetivos e interesses que s\u00e3o captados devido a um processo de investiga\u00e7\u00e3o inicial de atividades de usu\u00e1rios. Essa abordagem \u00e9 \u00fatil para conduzir as decis\u00f5es de projeto, para que os designers do produto mantenham o foco nos usu\u00e1rios, um dos pontos mais importante em um sistema de intera\u00e7\u00e3o humano-computador. (Cooper et al. 2007; Pruitt e Adlin, 2006) Metodologia \u2003 Este \u00e9 um m\u00e9todo de elicita\u00e7\u00e3o muito utilizado, inclusive existem metodologias de projeto guiadas por personas. \u00c9 tamb\u00e9m, uma importante ferramenta de s\u00edntese de ideias, de forma que o nome de uma persona j\u00e1 evoca, na mente dos desenvolvedores, todas as necessidades e objetivos ligados \u00e0quela persona. Determinamos de in\u00edcio, a persona prim\u00e1ria, as secund\u00e1rias e a anti-persona. \u2003 Este \u00e9 um m\u00e9todo de elicita\u00e7\u00e3o muito utilizado, inclusive existem metodologias de projeto guiadas por personas. \u00c9 tamb\u00e9m uma importante ferramenta de s\u00edntese de ideias, de forma que o nome de uma persona j\u00e1 evoca, na mente dos desenvolvedores, todas as necessidades e objetivos ligados \u00e0quela persona. Determinamos de in\u00edcio, a persona prim\u00e1ria, as secund\u00e1rias e a anti-persona. A partir do Brainstorm realizado em uma reuni\u00e3o com todos os membros do grupo, conseguimos levantar alguns requisitos b\u00e1sicos. A partir desses requisitos, buscamos as personas b\u00e1sicas que mais utilizariam esses requisitos. As personas foram detalhadas, com suas hist\u00f3rias, necessidades e objetivos. \u00c9 importante criar essa imagem v\u00edvida da persona para os designers estabelecerem os requisitos de forma precisa. Personas Persona prim\u00e1ria Nome Ana Gabriela Foto Imagem 1: Ana Gabriela Persona Descri\u00e7\u00e3o Ana Gabriela, idade de 30 anos, moradora de Brasilia. Professora do Ensino Fundamental e M\u00e9dio, especializada em hist\u00f3ria. Mulher. Casada Mora na Asa Sul, Brasilia. Status Persona prim\u00e1ria. Objetivos N\u00e3o cometer erros, n\u00e3o perder muito tempo no site, n\u00e3o se estressar, ter uma experi\u00eancia mais pr\u00e1tica em rela\u00e7\u00e3o aos outros meios de comunica\u00e7\u00e3o. Habilidades Experi\u00eancia intermedi\u00e1ria de inform\u00e1tica, curso superior em Letras, teve que se adaptar mais \u00e0 tecnologia por causa das aulas remotas, boa em interpreta\u00e7\u00e3o e boa com pessoas. Tarefas Ao acessar, Ana gostaria de visualizar a segunda via, verificar hist\u00f3rico de consumo, atualizar cadastro, acessar o sistema e verificar falta de energia. Relacionamentos \u00c0s vezes pede ao marido para acessar o sistema e realizar algum servi\u00e7o. Requisitos Ela precisa de um sistema que realize as opera\u00e7\u00f5es o mais r\u00e1pido poss\u00edvel, de forma segura, que informe o que est\u00e1 acontecendo e que seja poss\u00edvel acompanhar a solicita\u00e7\u00e3o. Expectivativas Ana Gabriela que o sistema seja t\u00e3o eficiente que n\u00e3o seja necess\u00e1rio outra pessoa para ajud\u00e1-la (seja o marido ou algum atendente). Tabela 1: Persona prim\u00e1ria Nome Matheus Santos Foto Imagem 2: Matheus Santos Persona Descri\u00e7\u00e3o Matheus Santos, 19 anos, morador de Brasilia. Estudante de Engenharia de Software. Homem Solteiro Mora no Taquari, Brasilia. Status Persona secund\u00e1ria. Objetivos Fazer a tarefa o mais r\u00e1pido poss\u00edvel, n\u00e3o ficar perdido, entender bem a tarefa para ensinar, relembrar rapidamente. Habilidades Bastante experi\u00eancia com inform\u00e1tica, bom em jogos virtuais, fazendo engenharia de software. Tarefas Segunda via, atualizar cadastro, acessar a plataforma. Relacionamentos Ajuda os pais e av\u00f3s a acessar o sistema de tempos em tempos, quando precisam realizar algum servi\u00e7o mais urgente ou complexo. Requisitos Sistema f\u00e1cil de reconhecer e eficiente, recupera\u00e7\u00e3o de senha f\u00e1cil. Expectivativas Que o sistema seja f\u00e1cil de usar, intuitivo, f\u00e1cil relembrar. Tabela 2: Persona secund\u00e1ria Nome Wellington Foto Imagem 3: Wellignton Persona Descri\u00e7\u00e3o Wellington, 55 anos, morador de Brasilia. Servidor P\u00fablico. Homem Casado Mora em Sobradinho, Brasilia. Status Persona secund\u00e1ria. Objetivos Quer que o servi\u00e7o seja realizado o mais r\u00e1pido poss\u00edvel e sem complica\u00e7\u00f5es, evitar fazer a\u00e7\u00f5es fora do sistema. Habilidades Experi\u00eancia b\u00e1sica com inform\u00e1tica, mais acostumado com telefone do que computador, acostumados com opera\u00e7\u00f5es mais mec\u00e2nicas. Tarefas Segunda via, atualizar cadastro, acessar a plataforma (Realiza esses servi\u00e7os por outros meios e quando precisa do site pede ajuda para o Matheus). Relacionamentos Sempre realiza os servi\u00e7os por meio da central de atendimento e pede ajuda para realizar algo no sistema somente quando precisa de urg\u00eancia ou quando a central n\u00e3o consegue ajudar. Requisitos Um sistema r\u00e1pido e pr\u00e1tico, sem muitos passos e bem direta. Expectivativas Ele espera que quem estiver ajudando consiga resolver o problema mais r\u00e1pido poss\u00edvel. Tabela 3: Persona secund\u00e1ria Nome Jo\u00e3o Foto Imagem 4: Antipersona Descri\u00e7\u00e3o Jo\u00e3o, 48 anos, morador de Brasilia. Vendedor. Homem Casado Mora no Gama, Brasilia. Contexto Queria ter tirado a segunda via da conta de energia, mas entrou no website da Neoenergia sem saber que n\u00e3o se aplica \u00e0 sua resid\u00eancia. Jo\u00e3o n\u00e3o precisar\u00e1 usar o sitema. Tabela 4: Anti-persona Bibliografia Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021);Intera\u00e7\u00e3o Humano-Computador e Experi\u00eancia do usu\u00e1rio. Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 20/07/2022 0.1 Abertura do documento Matheus Perillo Clara Ribeiro 20/07/2022 0.2 Introdu\u00e7\u00e3o ao documento Matheus Perillo Clara Ribeiro 20/07/2022 0.3 Metodologia utilizada Matheus Perillo Clara Ribeiro 20/07/2022 0.4 Adi\u00e7\u00e3o das Personas Matheus Perillo Clara Ribeiro 20/07/2022 0.5 Adi\u00e7\u00e3o de Personas e Anti-persona Daniel Coimbra Matheus Perillo 20/07/2022 0.6 Mudan\u00e7as na introdu\u00e7\u00e3o e metodologia Daniel Coimbra Matheus Perillo","title":"Personas"},{"location":"analise_de_requisitos/personas/#personas","text":"","title":"Personas"},{"location":"analise_de_requisitos/personas/#introducao","text":"Uma persona \u00e9 uma personagem fict\u00edcia, um arqu\u00e9tipo, baseado em dados reais de usu\u00e1rios, criada para descrever um usu\u00e1rio m\u00e9dio. As personas s\u00e3o definidas principalmente por suas vontades, objetivos e interesses que s\u00e3o captados devido a um processo de investiga\u00e7\u00e3o inicial de atividades de usu\u00e1rios. Essa abordagem \u00e9 \u00fatil para conduzir as decis\u00f5es de projeto, para que os designers do produto mantenham o foco nos usu\u00e1rios, um dos pontos mais importante em um sistema de intera\u00e7\u00e3o humano-computador. (Cooper et al. 2007; Pruitt e Adlin, 2006)","title":"Introdu\u00e7\u00e3o"},{"location":"analise_de_requisitos/personas/#metodologia","text":"Este \u00e9 um m\u00e9todo de elicita\u00e7\u00e3o muito utilizado, inclusive existem metodologias de projeto guiadas por personas. \u00c9 tamb\u00e9m, uma importante ferramenta de s\u00edntese de ideias, de forma que o nome de uma persona j\u00e1 evoca, na mente dos desenvolvedores, todas as necessidades e objetivos ligados \u00e0quela persona. Determinamos de in\u00edcio, a persona prim\u00e1ria, as secund\u00e1rias e a anti-persona. \u2003 Este \u00e9 um m\u00e9todo de elicita\u00e7\u00e3o muito utilizado, inclusive existem metodologias de projeto guiadas por personas. \u00c9 tamb\u00e9m uma importante ferramenta de s\u00edntese de ideias, de forma que o nome de uma persona j\u00e1 evoca, na mente dos desenvolvedores, todas as necessidades e objetivos ligados \u00e0quela persona. Determinamos de in\u00edcio, a persona prim\u00e1ria, as secund\u00e1rias e a anti-persona. A partir do Brainstorm realizado em uma reuni\u00e3o com todos os membros do grupo, conseguimos levantar alguns requisitos b\u00e1sicos. A partir desses requisitos, buscamos as personas b\u00e1sicas que mais utilizariam esses requisitos. As personas foram detalhadas, com suas hist\u00f3rias, necessidades e objetivos. \u00c9 importante criar essa imagem v\u00edvida da persona para os designers estabelecerem os requisitos de forma precisa.","title":"Metodologia"},{"location":"analise_de_requisitos/personas/#personas_1","text":"","title":"Personas"},{"location":"analise_de_requisitos/personas/#persona-primaria","text":"Nome Ana Gabriela Foto Imagem 1: Ana Gabriela Persona Descri\u00e7\u00e3o Ana Gabriela, idade de 30 anos, moradora de Brasilia. Professora do Ensino Fundamental e M\u00e9dio, especializada em hist\u00f3ria. Mulher. Casada Mora na Asa Sul, Brasilia. Status Persona prim\u00e1ria. Objetivos N\u00e3o cometer erros, n\u00e3o perder muito tempo no site, n\u00e3o se estressar, ter uma experi\u00eancia mais pr\u00e1tica em rela\u00e7\u00e3o aos outros meios de comunica\u00e7\u00e3o. Habilidades Experi\u00eancia intermedi\u00e1ria de inform\u00e1tica, curso superior em Letras, teve que se adaptar mais \u00e0 tecnologia por causa das aulas remotas, boa em interpreta\u00e7\u00e3o e boa com pessoas. Tarefas Ao acessar, Ana gostaria de visualizar a segunda via, verificar hist\u00f3rico de consumo, atualizar cadastro, acessar o sistema e verificar falta de energia. Relacionamentos \u00c0s vezes pede ao marido para acessar o sistema e realizar algum servi\u00e7o. Requisitos Ela precisa de um sistema que realize as opera\u00e7\u00f5es o mais r\u00e1pido poss\u00edvel, de forma segura, que informe o que est\u00e1 acontecendo e que seja poss\u00edvel acompanhar a solicita\u00e7\u00e3o. Expectivativas Ana Gabriela que o sistema seja t\u00e3o eficiente que n\u00e3o seja necess\u00e1rio outra pessoa para ajud\u00e1-la (seja o marido ou algum atendente). Tabela 1: Persona prim\u00e1ria Nome Matheus Santos Foto Imagem 2: Matheus Santos Persona Descri\u00e7\u00e3o Matheus Santos, 19 anos, morador de Brasilia. Estudante de Engenharia de Software. Homem Solteiro Mora no Taquari, Brasilia. Status Persona secund\u00e1ria. Objetivos Fazer a tarefa o mais r\u00e1pido poss\u00edvel, n\u00e3o ficar perdido, entender bem a tarefa para ensinar, relembrar rapidamente. Habilidades Bastante experi\u00eancia com inform\u00e1tica, bom em jogos virtuais, fazendo engenharia de software. Tarefas Segunda via, atualizar cadastro, acessar a plataforma. Relacionamentos Ajuda os pais e av\u00f3s a acessar o sistema de tempos em tempos, quando precisam realizar algum servi\u00e7o mais urgente ou complexo. Requisitos Sistema f\u00e1cil de reconhecer e eficiente, recupera\u00e7\u00e3o de senha f\u00e1cil. Expectivativas Que o sistema seja f\u00e1cil de usar, intuitivo, f\u00e1cil relembrar. Tabela 2: Persona secund\u00e1ria Nome Wellington Foto Imagem 3: Wellignton Persona Descri\u00e7\u00e3o Wellington, 55 anos, morador de Brasilia. Servidor P\u00fablico. Homem Casado Mora em Sobradinho, Brasilia. Status Persona secund\u00e1ria. Objetivos Quer que o servi\u00e7o seja realizado o mais r\u00e1pido poss\u00edvel e sem complica\u00e7\u00f5es, evitar fazer a\u00e7\u00f5es fora do sistema. Habilidades Experi\u00eancia b\u00e1sica com inform\u00e1tica, mais acostumado com telefone do que computador, acostumados com opera\u00e7\u00f5es mais mec\u00e2nicas. Tarefas Segunda via, atualizar cadastro, acessar a plataforma (Realiza esses servi\u00e7os por outros meios e quando precisa do site pede ajuda para o Matheus). Relacionamentos Sempre realiza os servi\u00e7os por meio da central de atendimento e pede ajuda para realizar algo no sistema somente quando precisa de urg\u00eancia ou quando a central n\u00e3o consegue ajudar. Requisitos Um sistema r\u00e1pido e pr\u00e1tico, sem muitos passos e bem direta. Expectivativas Ele espera que quem estiver ajudando consiga resolver o problema mais r\u00e1pido poss\u00edvel. Tabela 3: Persona secund\u00e1ria Nome Jo\u00e3o Foto Imagem 4: Antipersona Descri\u00e7\u00e3o Jo\u00e3o, 48 anos, morador de Brasilia. Vendedor. Homem Casado Mora no Gama, Brasilia. Contexto Queria ter tirado a segunda via da conta de energia, mas entrou no website da Neoenergia sem saber que n\u00e3o se aplica \u00e0 sua resid\u00eancia. Jo\u00e3o n\u00e3o precisar\u00e1 usar o sitema. Tabela 4: Anti-persona","title":"Persona prim\u00e1ria"},{"location":"analise_de_requisitos/personas/#bibliografia","text":"Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021);Intera\u00e7\u00e3o Humano-Computador e Experi\u00eancia do usu\u00e1rio.","title":"Bibliografia"},{"location":"analise_de_requisitos/personas/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 20/07/2022 0.1 Abertura do documento Matheus Perillo Clara Ribeiro 20/07/2022 0.2 Introdu\u00e7\u00e3o ao documento Matheus Perillo Clara Ribeiro 20/07/2022 0.3 Metodologia utilizada Matheus Perillo Clara Ribeiro 20/07/2022 0.4 Adi\u00e7\u00e3o das Personas Matheus Perillo Clara Ribeiro 20/07/2022 0.5 Adi\u00e7\u00e3o de Personas e Anti-persona Daniel Coimbra Matheus Perillo 20/07/2022 0.6 Mudan\u00e7as na introdu\u00e7\u00e3o e metodologia Daniel Coimbra Matheus Perillo","title":"Tabela de Versionamento"},{"location":"analise_de_requisitos/principios_gerais_do_projeto/","text":"Princ\u00edpios Gerais do Projeto Introdu\u00e7\u00e3o Os princ\u00edpios gerais de um projeto voltados para o Design e IHC servem de base para apontar objetivos, regras e boas pr\u00e1ticas que devem ser seguidas dentro de um escopo espec\u00edfico. No entanto, a elabora\u00e7\u00e3o de tais regras n\u00e3o substituem outras fases, como an\u00e1lise, design e avalia\u00e7\u00e3o de IHC, que descrevem detalhadamente pontos importantes dentro dessa constru\u00e7\u00e3o. Diretrizes A constru\u00e7\u00e3o dessas diretrizes se baseiam em nove pontos: correspond\u00eancia com as expectativas dos usu\u00e1rios : o usu\u00e1rio deve ser capaz de identificar relacionamentos entre a\u00e7\u00f5es e suas consequ\u00eancias dentro do sistema; simplicidade nas estruturas das tarefas : fazer com que as tarefas tenham um ciclo de realiza\u00e7\u00e3o o mais simples poss\u00edvel para o usu\u00e1rio; equil\u00edbrio entre controle e liberdade do usu\u00e1rio : trazer o usu\u00e1rio para dentro do controle das a\u00e7\u00f5es, mas reduzindo ao m\u00e1ximo a necessidade do mesmo realizar decis\u00f5es. Com op\u00e7\u00f5es de sa\u00edda a todo momento de uma tarefa em execu\u00e7\u00e3o; consist\u00eancia e padroniza\u00e7\u00e3o : trazer a\u00e7\u00f5es, resultados, layouts e di\u00e1logos de forma padronizada dentro de todo o sistema, para trazer uma maior consist\u00eancia no entendimento do usu\u00e1rio; promo\u00e7\u00e3o da efici\u00eancia do usu\u00e1rio : evitar que processamentos que demandem mais tempo impe\u00e7am o usu\u00e1rio de realizar outras atividades, agilizando suas atividades dentro do sistema. \u00c9 importante tamb\u00e9m n\u00e3o interromp\u00ea-lo dentro de suas a\u00e7\u00f5es sem necessidade e sempre proteg\u00ea-las; antecipa\u00e7\u00e3o das necessidades do usu\u00e1rio : o sistema deve prever o que o usu\u00e1rio ir\u00e1 precisar, de acordo com o andamento de uma a\u00e7\u00e3o. Para isso, pode fornecer informa\u00e7\u00f5es extras antecipadamente, definir valores padr\u00e3o em um formul\u00e1rio, entre outras atividades; visibilidade e reconhecimento : deve-se mostrar ao usu\u00e1rio quais atividades s\u00e3o poss\u00edveis de realizar e como que elas devem ser feitas. Al\u00e9m disso, ao finaliz\u00e1-las, deve-se dar algum indicativo de que a opera\u00e7\u00e3o se encerrou, seja visual ou sonora para se entender o estado do sistema; conte\u00fado relevante e express\u00e3o adequada : trazer quatro princ\u00edpios dentro de uma intera\u00e7\u00e3o: qualidade, quantidade, rela\u00e7\u00e3o e modo; projeto para erros : planejar o sistema pensando sempre que um erro pode ser cometido em qualquer parte de uma a\u00e7\u00e3o, trazendo op\u00e7\u00f5es para desfazer o erro. Conclus\u00e3o Fazendo uma an\u00e1lise do sistema da NeoEnergia em rela\u00e7\u00e3o \u00e0s diretrizes apresentadas, podemos identificar necessidades de melhorias de acordo com as mesmas. Os principais pontos a serem corrigidos s\u00e3o: correspond\u00eancia com as expectativas dos usu\u00e1rios informando o resultado de uma a\u00e7\u00e3o de forma mais clara, antecipa\u00e7\u00e3o das necessidades do usu\u00e1rio, conte\u00fado relevante e express\u00e3o adequada melhorando a qualidade das a\u00e7\u00f5es. Bibliografia Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021);Intera\u00e7\u00e3o Humano-Computador e Experi\u00eancia do usu\u00e1rio. Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 26/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de Princ\u00edpios Gerais do Projeto Lu\u00edza Esteves Clara Ribeiro","title":"Princ\u00edpios Gerais do Projeto"},{"location":"analise_de_requisitos/principios_gerais_do_projeto/#principios-gerais-do-projeto","text":"","title":"Princ\u00edpios Gerais do Projeto"},{"location":"analise_de_requisitos/principios_gerais_do_projeto/#introducao","text":"Os princ\u00edpios gerais de um projeto voltados para o Design e IHC servem de base para apontar objetivos, regras e boas pr\u00e1ticas que devem ser seguidas dentro de um escopo espec\u00edfico. No entanto, a elabora\u00e7\u00e3o de tais regras n\u00e3o substituem outras fases, como an\u00e1lise, design e avalia\u00e7\u00e3o de IHC, que descrevem detalhadamente pontos importantes dentro dessa constru\u00e7\u00e3o.","title":"Introdu\u00e7\u00e3o"},{"location":"analise_de_requisitos/principios_gerais_do_projeto/#diretrizes","text":"A constru\u00e7\u00e3o dessas diretrizes se baseiam em nove pontos: correspond\u00eancia com as expectativas dos usu\u00e1rios : o usu\u00e1rio deve ser capaz de identificar relacionamentos entre a\u00e7\u00f5es e suas consequ\u00eancias dentro do sistema; simplicidade nas estruturas das tarefas : fazer com que as tarefas tenham um ciclo de realiza\u00e7\u00e3o o mais simples poss\u00edvel para o usu\u00e1rio; equil\u00edbrio entre controle e liberdade do usu\u00e1rio : trazer o usu\u00e1rio para dentro do controle das a\u00e7\u00f5es, mas reduzindo ao m\u00e1ximo a necessidade do mesmo realizar decis\u00f5es. Com op\u00e7\u00f5es de sa\u00edda a todo momento de uma tarefa em execu\u00e7\u00e3o; consist\u00eancia e padroniza\u00e7\u00e3o : trazer a\u00e7\u00f5es, resultados, layouts e di\u00e1logos de forma padronizada dentro de todo o sistema, para trazer uma maior consist\u00eancia no entendimento do usu\u00e1rio; promo\u00e7\u00e3o da efici\u00eancia do usu\u00e1rio : evitar que processamentos que demandem mais tempo impe\u00e7am o usu\u00e1rio de realizar outras atividades, agilizando suas atividades dentro do sistema. \u00c9 importante tamb\u00e9m n\u00e3o interromp\u00ea-lo dentro de suas a\u00e7\u00f5es sem necessidade e sempre proteg\u00ea-las; antecipa\u00e7\u00e3o das necessidades do usu\u00e1rio : o sistema deve prever o que o usu\u00e1rio ir\u00e1 precisar, de acordo com o andamento de uma a\u00e7\u00e3o. Para isso, pode fornecer informa\u00e7\u00f5es extras antecipadamente, definir valores padr\u00e3o em um formul\u00e1rio, entre outras atividades; visibilidade e reconhecimento : deve-se mostrar ao usu\u00e1rio quais atividades s\u00e3o poss\u00edveis de realizar e como que elas devem ser feitas. Al\u00e9m disso, ao finaliz\u00e1-las, deve-se dar algum indicativo de que a opera\u00e7\u00e3o se encerrou, seja visual ou sonora para se entender o estado do sistema; conte\u00fado relevante e express\u00e3o adequada : trazer quatro princ\u00edpios dentro de uma intera\u00e7\u00e3o: qualidade, quantidade, rela\u00e7\u00e3o e modo; projeto para erros : planejar o sistema pensando sempre que um erro pode ser cometido em qualquer parte de uma a\u00e7\u00e3o, trazendo op\u00e7\u00f5es para desfazer o erro.","title":"Diretrizes"},{"location":"analise_de_requisitos/principios_gerais_do_projeto/#conclusao","text":"Fazendo uma an\u00e1lise do sistema da NeoEnergia em rela\u00e7\u00e3o \u00e0s diretrizes apresentadas, podemos identificar necessidades de melhorias de acordo com as mesmas. Os principais pontos a serem corrigidos s\u00e3o: correspond\u00eancia com as expectativas dos usu\u00e1rios informando o resultado de uma a\u00e7\u00e3o de forma mais clara, antecipa\u00e7\u00e3o das necessidades do usu\u00e1rio, conte\u00fado relevante e express\u00e3o adequada melhorando a qualidade das a\u00e7\u00f5es.","title":"Conclus\u00e3o"},{"location":"analise_de_requisitos/principios_gerais_do_projeto/#bibliografia","text":"Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021);Intera\u00e7\u00e3o Humano-Computador e Experi\u00eancia do usu\u00e1rio.","title":"Bibliografia"},{"location":"analise_de_requisitos/principios_gerais_do_projeto/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 26/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de Princ\u00edpios Gerais do Projeto Lu\u00edza Esteves Clara Ribeiro","title":"Tabela de Versionamento"},{"location":"analise_de_requisitos/analise_de_tarefas/analise_hierarquica/","text":"An\u00e1lise Hier\u00e1rquica de Tarefas Introdu\u00e7\u00e3o A an\u00e1lise de tarefas consiste em observar os objetivos que os usu\u00e1rio desejam alcan\u00e7ar e estudar como eles o realizam e porqu\u00ea com a finalidade de identificar problemas e melhorias \u00e0s tarefas existentes em certo sistema. Para realizar tal an\u00e1lise, existe alguns m\u00e9todos diferentes. Nesta p\u00e1gina sera discutida e mostrada a an\u00e1lise hier\u00e1rquica de tarefas realizada sobre algumas tarefas cr\u00edticas do site Ag\u00eancia Virtual NeoEnergia. A An\u00e1lise Hier\u00e1rquica de Tarefas (HTA \u2013 Hierarchical Task Analysis) possui a finalidade de identificar problemas de desempenho de tarefas complexas e n\u00e3o repetitivas, al\u00e9m de buscar entender as compet\u00eancias e habilidades exibidas nas mesmas (Annett, 2003; Annett e Duncan, 1967). A HTA busca pegar objetivos maiores que podem ser decompostos em subobjetivos e/ou opera\u00e7\u00f5es at\u00e9 que o objetivo maior seja atingido. Assim cada objetivo e opera\u00e7\u00e3o dentro dessa hierarquia \u00e9 examinado atr\u00e1s de poss\u00edveis erros e solu\u00e7\u00f5es. As tarefas selecionadas para essa avalia\u00e7\u00e3o foram a de \"Acessar a conta no site\" e \"Relat\u00f3rio Nada Consta\" pois foram as tarefas que tiveram problemas de interface identificados na avalia\u00e7\u00e3o heur\u00edstica realizada anteriormente (A avalia\u00e7\u00e3o heur\u00edstica pode ser encontrada neste link). Diagramas e tabelas Acessar a conta no site A tarefa \"Acessar a conta no site\" \u00e9 uma das principais tarefas do sistema, j\u00e1 que a sua execu\u00e7\u00e3o \u00e9 a que permite o usu\u00e1rio a navegar pelo sistema e realizar outras a\u00e7\u00f5es. Nesta tarefa foram identificadas alguns problemas dentro de alguns subobjetivos e opera\u00e7\u00f5es. Assim, abaixo ser\u00e1 apresentado a an\u00e1lise HTA da mesma idenficando onde est\u00e3o os problemas e levantando recomenda\u00e7\u00f5es de melhoria. A Figura 1 apresenta o diagrama da an\u00e1lise da tarefa \"Acessar a conta no site\" e na Figura 2 e 3 \u00e9 apresentado a representa\u00e7\u00e3o da HTA em tabela desta mesma tarefa. Figura 1: Diagrama HTA da primeira tarefa Figura 2: Parte 1 da Tabela HTA Figura 3: Parte 2 da Tabela HTA Relat\u00f3rio Nada Consta A tarefa de \"Relat\u00f3rio Nada Consta\" consiste em gerar um documento que informa ao usu\u00e1rio que n\u00e3o h\u00e1 contas com o pagamento pendente. A Figura 4 apresenta o diagrama da an\u00e1lise da tarefa \"Relat\u00f3rio Nada Consta\" e na Figura 5 e 6 \u00e9 apresentado a representa\u00e7\u00e3o da HTA em tabela desta mesma tarefa. Figura 4: Diagrama HTA da segunda tarefa Figura 5: Parte 1 da Tabela HTA Figura 6: Parte 2 da Tabela HTA Bibliografia Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021);Intera\u00e7\u00e3o Humano-Computador e Experi\u00eancia do usu\u00e1rio. Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 18/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de an\u00e1lise hier\u00e1rquica Natan Santana Lu\u00edza Esteves","title":"An\u00e1lise Hier\u00e1rquica de Tarefas"},{"location":"analise_de_requisitos/analise_de_tarefas/analise_hierarquica/#analise-hierarquica-de-tarefas","text":"","title":"An\u00e1lise Hier\u00e1rquica de Tarefas"},{"location":"analise_de_requisitos/analise_de_tarefas/analise_hierarquica/#introducao","text":"A an\u00e1lise de tarefas consiste em observar os objetivos que os usu\u00e1rio desejam alcan\u00e7ar e estudar como eles o realizam e porqu\u00ea com a finalidade de identificar problemas e melhorias \u00e0s tarefas existentes em certo sistema. Para realizar tal an\u00e1lise, existe alguns m\u00e9todos diferentes. Nesta p\u00e1gina sera discutida e mostrada a an\u00e1lise hier\u00e1rquica de tarefas realizada sobre algumas tarefas cr\u00edticas do site Ag\u00eancia Virtual NeoEnergia. A An\u00e1lise Hier\u00e1rquica de Tarefas (HTA \u2013 Hierarchical Task Analysis) possui a finalidade de identificar problemas de desempenho de tarefas complexas e n\u00e3o repetitivas, al\u00e9m de buscar entender as compet\u00eancias e habilidades exibidas nas mesmas (Annett, 2003; Annett e Duncan, 1967). A HTA busca pegar objetivos maiores que podem ser decompostos em subobjetivos e/ou opera\u00e7\u00f5es at\u00e9 que o objetivo maior seja atingido. Assim cada objetivo e opera\u00e7\u00e3o dentro dessa hierarquia \u00e9 examinado atr\u00e1s de poss\u00edveis erros e solu\u00e7\u00f5es. As tarefas selecionadas para essa avalia\u00e7\u00e3o foram a de \"Acessar a conta no site\" e \"Relat\u00f3rio Nada Consta\" pois foram as tarefas que tiveram problemas de interface identificados na avalia\u00e7\u00e3o heur\u00edstica realizada anteriormente (A avalia\u00e7\u00e3o heur\u00edstica pode ser encontrada neste link).","title":"Introdu\u00e7\u00e3o"},{"location":"analise_de_requisitos/analise_de_tarefas/analise_hierarquica/#diagramas-e-tabelas","text":"","title":"Diagramas e tabelas"},{"location":"analise_de_requisitos/analise_de_tarefas/analise_hierarquica/#acessar-a-conta-no-site","text":"A tarefa \"Acessar a conta no site\" \u00e9 uma das principais tarefas do sistema, j\u00e1 que a sua execu\u00e7\u00e3o \u00e9 a que permite o usu\u00e1rio a navegar pelo sistema e realizar outras a\u00e7\u00f5es. Nesta tarefa foram identificadas alguns problemas dentro de alguns subobjetivos e opera\u00e7\u00f5es. Assim, abaixo ser\u00e1 apresentado a an\u00e1lise HTA da mesma idenficando onde est\u00e3o os problemas e levantando recomenda\u00e7\u00f5es de melhoria. A Figura 1 apresenta o diagrama da an\u00e1lise da tarefa \"Acessar a conta no site\" e na Figura 2 e 3 \u00e9 apresentado a representa\u00e7\u00e3o da HTA em tabela desta mesma tarefa. Figura 1: Diagrama HTA da primeira tarefa Figura 2: Parte 1 da Tabela HTA Figura 3: Parte 2 da Tabela HTA","title":"Acessar a conta no site"},{"location":"analise_de_requisitos/analise_de_tarefas/analise_hierarquica/#relatorio-nada-consta","text":"A tarefa de \"Relat\u00f3rio Nada Consta\" consiste em gerar um documento que informa ao usu\u00e1rio que n\u00e3o h\u00e1 contas com o pagamento pendente. A Figura 4 apresenta o diagrama da an\u00e1lise da tarefa \"Relat\u00f3rio Nada Consta\" e na Figura 5 e 6 \u00e9 apresentado a representa\u00e7\u00e3o da HTA em tabela desta mesma tarefa. Figura 4: Diagrama HTA da segunda tarefa Figura 5: Parte 1 da Tabela HTA Figura 6: Parte 2 da Tabela HTA","title":"Relat\u00f3rio Nada Consta"},{"location":"analise_de_requisitos/analise_de_tarefas/analise_hierarquica/#bibliografia","text":"Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021);Intera\u00e7\u00e3o Humano-Computador e Experi\u00eancia do usu\u00e1rio.","title":"Bibliografia"},{"location":"analise_de_requisitos/analise_de_tarefas/analise_hierarquica/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 18/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de an\u00e1lise hier\u00e1rquica Natan Santana Lu\u00edza Esteves","title":"Tabela de Versionamento"},{"location":"analise_de_requisitos/analise_de_tarefas/arvore_tarefas_concorrentes/","text":"\u00c1rvores de Tarefas Concorrentes Introdu\u00e7\u00e3o Dentro do processo de an\u00e1lise de tarefas, um dos m\u00e9todos utilizados \u00e9 o de An\u00e1lise de Tarefas Concorrentes (CTT), em que, separa-se as tarefas entre: usu\u00e1rios, sistema, interativas e abstratas. Com a elabora\u00e7\u00e3o do CTT, \u00e9 poss\u00edvel identificar tanto a hierarquia entre as atividades quanto as rela\u00e7\u00f5es entre elas. As tarefas se subdividem em 4 tipos: tarefas do usu\u00e1rio, que s\u00e3o feitas a parte do sistema tarefas do sistema, em que o usu\u00e1rio n\u00e3o participa da a\u00e7\u00e3o tarefas interativas, em que tanto o usu\u00e1io como o sistema fazem di\u00e1logo para sua realiza\u00e7\u00e3o tarefas abstratas, que representam um conjunto de tarefas Figura 1: Legenda das tarefas inseridas no CTT Diagrama de An\u00e1lise de Tarefas Concorrentes Dentro do site da NeoEnergia, foram escolhidas algumas tarefas para serem analisadas como mostra as Figuras 2 e 3. Figura 2: \u00c1rvore de tarefas concorrentes referente ao acesso da conta no site Figura 3: \u00c1rvore de tarefas concorrentes referente \u00e0 gera\u00e7\u00e3o do relat\u00f3rio de nada consta Bibliografia Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021);Intera\u00e7\u00e3o Humano-Computador e Experi\u00eancia do usu\u00e1rio. Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 16/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de tarefas concorrentes Lu\u00edza Esteves Matheus Perillo","title":"\u00c1rvores de Tarefas Concorrentes"},{"location":"analise_de_requisitos/analise_de_tarefas/arvore_tarefas_concorrentes/#arvores-de-tarefas-concorrentes","text":"","title":"\u00c1rvores de Tarefas Concorrentes"},{"location":"analise_de_requisitos/analise_de_tarefas/arvore_tarefas_concorrentes/#introducao","text":"Dentro do processo de an\u00e1lise de tarefas, um dos m\u00e9todos utilizados \u00e9 o de An\u00e1lise de Tarefas Concorrentes (CTT), em que, separa-se as tarefas entre: usu\u00e1rios, sistema, interativas e abstratas. Com a elabora\u00e7\u00e3o do CTT, \u00e9 poss\u00edvel identificar tanto a hierarquia entre as atividades quanto as rela\u00e7\u00f5es entre elas. As tarefas se subdividem em 4 tipos: tarefas do usu\u00e1rio, que s\u00e3o feitas a parte do sistema tarefas do sistema, em que o usu\u00e1rio n\u00e3o participa da a\u00e7\u00e3o tarefas interativas, em que tanto o usu\u00e1io como o sistema fazem di\u00e1logo para sua realiza\u00e7\u00e3o tarefas abstratas, que representam um conjunto de tarefas Figura 1: Legenda das tarefas inseridas no CTT","title":"Introdu\u00e7\u00e3o"},{"location":"analise_de_requisitos/analise_de_tarefas/arvore_tarefas_concorrentes/#diagrama-de-analise-de-tarefas-concorrentes","text":"Dentro do site da NeoEnergia, foram escolhidas algumas tarefas para serem analisadas como mostra as Figuras 2 e 3. Figura 2: \u00c1rvore de tarefas concorrentes referente ao acesso da conta no site Figura 3: \u00c1rvore de tarefas concorrentes referente \u00e0 gera\u00e7\u00e3o do relat\u00f3rio de nada consta","title":"Diagrama de An\u00e1lise de Tarefas Concorrentes"},{"location":"analise_de_requisitos/analise_de_tarefas/arvore_tarefas_concorrentes/#bibliografia","text":"Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021);Intera\u00e7\u00e3o Humano-Computador e Experi\u00eancia do usu\u00e1rio.","title":"Bibliografia"},{"location":"analise_de_requisitos/analise_de_tarefas/arvore_tarefas_concorrentes/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 16/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de tarefas concorrentes Lu\u00edza Esteves Matheus Perillo","title":"Tabela de Versionamento"},{"location":"analise_de_requisitos/analise_de_tarefas/goms/","text":"GOMS Introdu\u00e7\u00e3o Card et al. (1983) propuseram um conjunto de modelos chamado de fam\u00edlia GOMS (Goals, Operators, Methods, and Selection Rules \u2014 Objetivos, Operadores, M\u00e9todos e Regras de Sele\u00e7\u00e3o) para analisar o desempenho de usu\u00e1rios competentes de sistemas computacionais, realizando tarefas dentro da sua compet\u00eancia e sem cometer erros. Muitos sistemas s\u00e3o projetados considerando que as pessoas se tornam habilidosas no seu uso e, portanto, v\u00e3o querer formas eficientes de realizar tarefas rotineiras. Os modelos GOMS t\u00eam se mostrado \u00fateis para prever o desempenho, ou seja, predizer o impacto de decis\u00f5es de design no desempenho competente (John, 2003). A an\u00e1lise GOMS \u00e9 adequada para situa\u00e7\u00f5es onde os usu\u00e1rios est\u00e3o realizando tarefas que j\u00e1 dominam, e n\u00e3o situa\u00e7\u00f5es onde \u00e9 preciso resolver um problema ou identificar qual o pr\u00f3ximo passo a dar. O GOMS pode ser utilizado tanto quantitativamente, fornecendo previs\u00f5es sobre o tempo necess\u00e1rio para realizar tarefas, como qualitativamente, no sentido de auxiliar na elabora\u00e7\u00e3o de programas de treinamento, sistemas de ajuda e sistemas tutores inteligentes, pois um modelo GOMS cont\u00e9m uma descri\u00e7\u00e3o detalhada do conhecimento necess\u00e1rio para realizar cada tarefa (John, 2003). Tamb\u00e9m pode ser utilizado para reprojetar um sistema: pode revelar um objetivo frequente apoiado por um m\u00e9todo muito ineficiente; pode mostrar que alguns objetivos n\u00e3o s\u00e3o apoiados por nenhum m\u00e9todo; e pode revelar onde objetivos semelhantes s\u00e3o apoiados por m\u00e9todos inconsistentes, uma situa\u00e7\u00e3o em que os usu\u00e1rios podem ter problemas para lembrar o que fazer. A fam\u00edlia GOMS possui diversos modelos, mas dentre eles, tr\u00eas se sobressaem: KLM (Card et al., 1983), CMN-GOMS (Card et al., 1983) e CPM-GOMS (John e Gray, 1995). Na nossa an\u00e1lise GOMS adotaremos o modelo KLM. KLM-GOMS KLM (Keystroke-level model) \u00e9 uma das t\u00e9cnicas de GOMS e tem o objetivo de prever quanto tempo um usu\u00e1rio levaria para desenvolver uma tarefa em uma rotina sem erros. Essa t\u00e9cnica tem um conjunto predefinido de operadores primitivos, sendo eles: Pressionar uma tecla ou bot\u00e3o; Apontar com o mouse um alvo num dispositivo visual; Mover as m\u00e3os para o teclado ou outro dispositivo; Desenhar um segmento de reta; Se preparar mentalmente para realizar uma a\u00e7\u00e3o ou uma s\u00e9rie de a\u00e7\u00f5es primitivas; Tempo de resposta do sistema. Essa t\u00e9cnica foi utilizada em nosso projeto a fim de analisar tarefas simples e recorrentes, buscando identificar se h\u00e1 espa\u00e7o de melhora em rela\u00e7\u00e3o ao tempo gasto pelos usu\u00e1rios. Objetivo: Cadastro na plataforma O primeiro objetivo a ser analisado \u00e9 o de cadastro na plataforma. Como observado na Tabela 1, o tempo levado foi de 1 minuto e 4 segundos. M\u00e9todo: Primeiro acesso > Inser\u00e7\u00e3o de dados > Cadastro conclu\u00eddo Opera\u00e7\u00e3o Tempo M\u00e9dio M - Prepara\u00e7\u00e3o 1,20s H - Levar a m\u00e3o ao mouse 0,40s P - Levar o cursor ao bot\u00e3o Primeiro acesso 1,10s B - Clicar no bot\u00e3o Primeiro acesso 0,10s P - Levar o cursor a caixa de input do CPF 1,10s B - Clicar na caixa de input do CPF 0,10s H - Levar a m\u00e3o do mouse ao teclado 0,40s T - Digita\u00e7\u00e3o de 11 caracteres 5,1s H - Levar a m\u00e3o do teclado ao mouse 0,40s P - Levar o cursor ao bot\u00e3o Avan\u00e7ar 1,10s B - Clicar no bot\u00e3o Avan\u00e7ar 0,10s W - Espera do sistema 2,12s P - Levar o cursor a caixa de input da data de nascimento 1,10s B - Clicar na caixa de input da data de nascimento 0,10s H - Levar a m\u00e3o do mouse ao teclado 0,40s T - Digita\u00e7\u00e3o de 8 caracteres 4,10s H - Levar a m\u00e3o do teclado ao mouse 0,40s P - Levar o cursor a caixa de input do RG 1,10s B - Clicar na caixa de input do RG 0,10s H - Levar a m\u00e3o do mouse ao teclado 0,40s T - Digita\u00e7\u00e3o de 7 caracteres 3,20s H - Levar a m\u00e3o do teclado ao mouse 0,40s P - Levar o cursor ao bot\u00e3o Avan\u00e7ar 1,10s B - Clicar em Avan\u00e7ar 0,10s W - Espera do sistema 2,10s P - Levar o cursor a caixa de input de e-mail 1,10s B - Clicar na caixa de input de e-mail 0,10s T - Digita\u00e7\u00e3o de 30 caracteres 14s P - Levar o cursor a caixa de input de confirma\u00e7\u00e3o de e-mail 1,10s B - Clicar na caixa de input de confirma\u00e7\u00e3o de e-mail 0,10s T - Digita\u00e7\u00e3o de 30 caracteres 14s H - Levar a m\u00e3o do teclado ao mouse 0,40s P - Levar o cursor ao bot\u00e3o Enviar Dados 1,10s B - Clicar em Enviar Dados 0,10s Tempo total 1min 4s Tabela 1: An\u00e1lise do desempenho do cadastro com o KLM Objetivo: Entrar na plataforma O pr\u00f3ximo objetivo a ser analisado \u00e9 o de login na plataforma. Como observado na Tabela 2, o tempo levado foi de 47 segundos. Pode ser observado que o tempo de espera do sistema foi de 24s, elevando bastante o tempo total de execu\u00e7\u00e3o da tarefa. \u00c9 importante ressaltar que mesmo tendo um tempo de espera bastante alto, o usu\u00e1rio n\u00e3o recebe nenhum feedback a respeito dessa demora al\u00e9m de um \u00edcone de loading, o que n\u00e3o esclarece a raz\u00e3o do processo demorar tanto tempo. M\u00e9todo: Login > Inser\u00e7\u00e3o de CPF e Senha > Login conclu\u00eddo Opera\u00e7\u00e3o Tempo M\u00e9dio M - Prepara\u00e7\u00e3o 1,20s H - Levar a m\u00e3o ao mouse 0,40s P - Levar o cursor ao bot\u00e3o Login 1,10s B - Clicar no bot\u00e3o Login 0,10s W - Espera do sistema 1,07s P - Levar o cursor a caixa de input do CPF 1,10s B - Clicar na caixa de input do CPF 0,10s H - Levar a m\u00e3o do mouse ao teclado 0,40s T - Digita\u00e7\u00e3o de 11 caracteres 5,1s H - Levar a m\u00e3o do teclado ao mouse 0,40s P - Levar o cursor a caixa de input da senha 1,10s B - Clicar na caixa de input da senha 0,10s H - Levar a m\u00e3o do mouse ao teclado 0,40s T - Digita\u00e7\u00e3o de 8 caracteres 3,7s H - Levar a m\u00e3o do teclado ao mouse 0,40s P - Levar o cursor ao checkbox \"n\u00e3o sou um rob\u00f4\" 1,10s B - Clicar no checkbox \"n\u00e3o sou um rob\u00f4\" 0,10s P - Levar o cursor ao bot\u00e3o Entrar 1,10s P - Clicar em Entrar 0,10s W - Espera do sistema 24s Tempo total 47s Objetivo: Recuperar a senha O pr\u00f3ximo objetivo a ser analisado \u00e9 o de recupera\u00e7\u00e3o de senha. Como observado na Tabela 3, o tempo levado foi de 1 minuto e 5 segundos. Pode-se perceber que o tempo de execu\u00e7\u00e3o dessa tarefa se assemelha muito ao tempo de execu\u00e7\u00e3o de cadastro na plataforma, isso acontece porque o fluxo de recupera\u00e7\u00e3o de senha \u00e9 igual ao de cadastro. Informa\u00e7\u00f5es como CPF, data de nascimento, RG e e-mail s\u00e3o necess\u00e1rios para fazer essa recupera\u00e7\u00e3o, fazendo com que o usu\u00e1rio gaste um tempo desnecess\u00e1rio para a realiza\u00e7\u00e3o da tarefa. M\u00e9todo: Login > Esqueci minha senha > Recupera\u00e7\u00e3o de senha Opera\u00e7\u00e3o Tempo M\u00e9dio M - Prepara\u00e7\u00e3o 1,20s H - Levar a m\u00e3o ao mouse 0,40s P - Levar o cursor ao bot\u00e3o Login 1,10s B - Clicar no bot\u00e3o Login 0,10s P - Levar o cursor ao bot\u00e3o Esqueci e-mail ou senha 1,10s B - Clicar no bot\u00e3o Esqueci e-mail ou senha 0,10s P - Levar o cursor a caixa de input do CPF 1,10s B - Clicar na caixa de input do CPF 0,10s H - Levar a m\u00e3o do mouse ao teclado 0,40s T - Digita\u00e7\u00e3o de 11 caracteres 5,1s H - Levar a m\u00e3o do teclado ao mouse 0,40s P - Levar o cursor ao bot\u00e3o Avan\u00e7ar 1,10s B - Clicar no bot\u00e3o Avan\u00e7ar 0,10s W - Espera do sistema 2,12s P - Levar o cursor a caixa de input da data de nascimento 1,10s B - Clicar na caixa de input da data de nascimento 0,10s H - Levar a m\u00e3o do mouse ao teclado 0,40s T - Digita\u00e7\u00e3o de 8 caracteres 4,10s H - Levar a m\u00e3o do teclado ao mouse 0,40s P - Levar o cursor a caixa de input do RG 1,10s B - Clicar na caixa de input do RG 0,10s H - Levar a m\u00e3o do mouse ao teclado 0,40s T - Digita\u00e7\u00e3o de 7 caracteres 3,20s H - Levar a m\u00e3o do teclado ao mouse 0,40s P - Levar o cursor ao bot\u00e3o Avan\u00e7ar 1,10s B - Clicar em Avan\u00e7ar 0,10s W - Espera do sistema 2,10s P - Levar o cursor a caixa de input de e-mail 1,10s B - Clicar na caixa de input de e-mail 0,10s T - Digita\u00e7\u00e3o de 30 caracteres 14s P - Levar o cursor a caixa de input de confirma\u00e7\u00e3o de e-mail 1,10s B - Clicar na caixa de input de confirma\u00e7\u00e3o de e-mail 0,10s T - Digita\u00e7\u00e3o de 30 caracteres 14s H - Levar a m\u00e3o do teclado ao mouse 0,40s P - Levar o cursor ao bot\u00e3o Enviar Dados 1,10s B - Clicar em Enviar Dados 0,10s Tempo total 1min 5s Objetivo: Gerar o relat\u00f3rio de nada consta mensal O pr\u00f3ximo objetivo a ser analisado \u00e9 o de gera\u00e7\u00e3o de um relat\u00f3rio de nada consta mensal. Como observado na Tabela 4, o tempo levado foi de 13 segundos. Essa tarefa n\u00e3o necessita de nenhuma digita\u00e7\u00e3o, fazendo com a sua realiza\u00e7\u00e3o seja mais r\u00e1pida. Por\u00e9m, essa a\u00e7\u00e3o est\u00e1 gerando um erro ao ser conclu\u00edda e o relat\u00f3rio n\u00e3o \u00e9 gerado, como pode-se observar na Figura 1. Devido a esse erro, n\u00e3o foi poss\u00edvel registrar o tempo de espera do sistema para a gera\u00e7\u00e3o do relat\u00f3rio. M\u00e9todo: Gerar relat\u00f3rio mensal > Selecionar o m\u00eas > Gera\u00e7\u00e3o conclu\u00edda Opera\u00e7\u00e3o Tempo M\u00e9dio M - Prepara\u00e7\u00e3o 1,20s H - Levar a m\u00e3o ao mouse 0,40s P - Levar o cursor ao bot\u00e3o correspondente ao endere\u00e7o correto 1,10s B - Clicar no bot\u00e3o correspondente ao endere\u00e7o correto 0,10s P - Levar o cursor ao bot\u00e3o Relat\u00f3rio Nada Consta 1,10s B - Clicar no bot\u00e3o Relat\u00f3rio Nada Consta 0,10s W - Espera do sistema 2,58s P - Levar o cursor ao bot\u00e3o Mensal 1,10s B - Clicar no bot\u00e3o Mensal 0,10s P - Levar o cursor ao bot\u00e3o de Selecionar Fatura 1,10s B - Clicar em Selecionar Fatura 0,10s P - Levar o cursor at\u00e9 o m\u00eas escolhido 1,10s B - Clicar no m\u00eas escolhido 0,10s P - Levar o cursor at\u00e9 o bot\u00e3o Gerar Relat\u00f3rio 1,10s B - Clicar em Gerar Relat\u00f3rio 0,10s W - Espera do sistema Tempo total 13s Figura 1 - Mensagem de erro Objetivo: Gerar o relat\u00f3rio de nada consta anual O pr\u00f3ximo objetivo a ser analisado \u00e9 o de gera\u00e7\u00e3o de um relat\u00f3rio de nada consta anual. Como observado na Tabela 5, o tempo levado foi de 10 segundos. Assim como o relat\u00f3rio mensal, essa tarefa n\u00e3o necessita de nenhuma digita\u00e7\u00e3o. A gera\u00e7\u00e3o do relat\u00f3rio est\u00e1 com o mesmo erro do relat\u00f3rio mensal e por essa raz\u00e3o, n\u00e3o foi poss\u00edvel registrar o tempo de espera do sistema. M\u00e9todo: Gerar relat\u00f3rio anual > Gera\u00e7\u00e3o conclu\u00edda Opera\u00e7\u00e3o Tempo M\u00e9dio M - Prepara\u00e7\u00e3o 1,20s H - Levar a m\u00e3o ao mouse 0,40s P - Levar o cursor ao bot\u00e3o correspondente ao endere\u00e7o correto 1,10s B - Clicar no bot\u00e3o correspondente ao endere\u00e7o correto 0,10s P - Levar o cursor ao bot\u00e3o Relat\u00f3rio Nada Consta 1,10s B - Clicar no bot\u00e3o Relat\u00f3rio Nada Consta 0,10s W - Espera do sistema 2,58s P - Levar o cursor ao bot\u00e3o Anual 1,10s B - Clicar no bot\u00e3o Anual 0,10s P - Levar o cursor at\u00e9 o bot\u00e3o Gerar Relat\u00f3rio 1,10s B - Clicar em Gerar Relat\u00f3rio 0,10s W - Espera do sistema Tempo total 10s Bibliografia Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021);Intera\u00e7\u00e3o Humano-Computador e Experi\u00eancia do usu\u00e1rio. Card, Stuart K., Newell, Allen, e Moran, Thomas P. (1983). The Psychology of Human-Computer Interaction. L. Erlbaum Associates Inc., USA. John, Bonnie E. (2003). Information processing and skilled behavior. In HCI models, theories, and frameworks: Toward a multidisciplinary science, pages 55\u2013101. Morgan Kaufman Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 18/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina Natan Santana Lu\u00edza Esteves 19/07/2022 0.2 Adi\u00e7\u00e3o das tabelas de Opera\u00e7\u00e3o e Tempo M\u00e9dio Clara Ribeiro Natan Santana 19/07/2022 0.3 Adi\u00e7\u00e3o de introdu\u00e7\u00e3o e divs Rafael Xavier Natan Santana","title":"GOMS"},{"location":"analise_de_requisitos/analise_de_tarefas/goms/#goms","text":"","title":"GOMS"},{"location":"analise_de_requisitos/analise_de_tarefas/goms/#introducao","text":"Card et al. (1983) propuseram um conjunto de modelos chamado de fam\u00edlia GOMS (Goals, Operators, Methods, and Selection Rules \u2014 Objetivos, Operadores, M\u00e9todos e Regras de Sele\u00e7\u00e3o) para analisar o desempenho de usu\u00e1rios competentes de sistemas computacionais, realizando tarefas dentro da sua compet\u00eancia e sem cometer erros. Muitos sistemas s\u00e3o projetados considerando que as pessoas se tornam habilidosas no seu uso e, portanto, v\u00e3o querer formas eficientes de realizar tarefas rotineiras. Os modelos GOMS t\u00eam se mostrado \u00fateis para prever o desempenho, ou seja, predizer o impacto de decis\u00f5es de design no desempenho competente (John, 2003). A an\u00e1lise GOMS \u00e9 adequada para situa\u00e7\u00f5es onde os usu\u00e1rios est\u00e3o realizando tarefas que j\u00e1 dominam, e n\u00e3o situa\u00e7\u00f5es onde \u00e9 preciso resolver um problema ou identificar qual o pr\u00f3ximo passo a dar. O GOMS pode ser utilizado tanto quantitativamente, fornecendo previs\u00f5es sobre o tempo necess\u00e1rio para realizar tarefas, como qualitativamente, no sentido de auxiliar na elabora\u00e7\u00e3o de programas de treinamento, sistemas de ajuda e sistemas tutores inteligentes, pois um modelo GOMS cont\u00e9m uma descri\u00e7\u00e3o detalhada do conhecimento necess\u00e1rio para realizar cada tarefa (John, 2003). Tamb\u00e9m pode ser utilizado para reprojetar um sistema: pode revelar um objetivo frequente apoiado por um m\u00e9todo muito ineficiente; pode mostrar que alguns objetivos n\u00e3o s\u00e3o apoiados por nenhum m\u00e9todo; e pode revelar onde objetivos semelhantes s\u00e3o apoiados por m\u00e9todos inconsistentes, uma situa\u00e7\u00e3o em que os usu\u00e1rios podem ter problemas para lembrar o que fazer. A fam\u00edlia GOMS possui diversos modelos, mas dentre eles, tr\u00eas se sobressaem: KLM (Card et al., 1983), CMN-GOMS (Card et al., 1983) e CPM-GOMS (John e Gray, 1995). Na nossa an\u00e1lise GOMS adotaremos o modelo KLM.","title":"Introdu\u00e7\u00e3o"},{"location":"analise_de_requisitos/analise_de_tarefas/goms/#klm-goms","text":"KLM (Keystroke-level model) \u00e9 uma das t\u00e9cnicas de GOMS e tem o objetivo de prever quanto tempo um usu\u00e1rio levaria para desenvolver uma tarefa em uma rotina sem erros. Essa t\u00e9cnica tem um conjunto predefinido de operadores primitivos, sendo eles: Pressionar uma tecla ou bot\u00e3o; Apontar com o mouse um alvo num dispositivo visual; Mover as m\u00e3os para o teclado ou outro dispositivo; Desenhar um segmento de reta; Se preparar mentalmente para realizar uma a\u00e7\u00e3o ou uma s\u00e9rie de a\u00e7\u00f5es primitivas; Tempo de resposta do sistema. Essa t\u00e9cnica foi utilizada em nosso projeto a fim de analisar tarefas simples e recorrentes, buscando identificar se h\u00e1 espa\u00e7o de melhora em rela\u00e7\u00e3o ao tempo gasto pelos usu\u00e1rios.","title":"KLM-GOMS"},{"location":"analise_de_requisitos/analise_de_tarefas/goms/#objetivo-cadastro-na-plataforma","text":"O primeiro objetivo a ser analisado \u00e9 o de cadastro na plataforma. Como observado na Tabela 1, o tempo levado foi de 1 minuto e 4 segundos. M\u00e9todo: Primeiro acesso > Inser\u00e7\u00e3o de dados > Cadastro conclu\u00eddo Opera\u00e7\u00e3o Tempo M\u00e9dio M - Prepara\u00e7\u00e3o 1,20s H - Levar a m\u00e3o ao mouse 0,40s P - Levar o cursor ao bot\u00e3o Primeiro acesso 1,10s B - Clicar no bot\u00e3o Primeiro acesso 0,10s P - Levar o cursor a caixa de input do CPF 1,10s B - Clicar na caixa de input do CPF 0,10s H - Levar a m\u00e3o do mouse ao teclado 0,40s T - Digita\u00e7\u00e3o de 11 caracteres 5,1s H - Levar a m\u00e3o do teclado ao mouse 0,40s P - Levar o cursor ao bot\u00e3o Avan\u00e7ar 1,10s B - Clicar no bot\u00e3o Avan\u00e7ar 0,10s W - Espera do sistema 2,12s P - Levar o cursor a caixa de input da data de nascimento 1,10s B - Clicar na caixa de input da data de nascimento 0,10s H - Levar a m\u00e3o do mouse ao teclado 0,40s T - Digita\u00e7\u00e3o de 8 caracteres 4,10s H - Levar a m\u00e3o do teclado ao mouse 0,40s P - Levar o cursor a caixa de input do RG 1,10s B - Clicar na caixa de input do RG 0,10s H - Levar a m\u00e3o do mouse ao teclado 0,40s T - Digita\u00e7\u00e3o de 7 caracteres 3,20s H - Levar a m\u00e3o do teclado ao mouse 0,40s P - Levar o cursor ao bot\u00e3o Avan\u00e7ar 1,10s B - Clicar em Avan\u00e7ar 0,10s W - Espera do sistema 2,10s P - Levar o cursor a caixa de input de e-mail 1,10s B - Clicar na caixa de input de e-mail 0,10s T - Digita\u00e7\u00e3o de 30 caracteres 14s P - Levar o cursor a caixa de input de confirma\u00e7\u00e3o de e-mail 1,10s B - Clicar na caixa de input de confirma\u00e7\u00e3o de e-mail 0,10s T - Digita\u00e7\u00e3o de 30 caracteres 14s H - Levar a m\u00e3o do teclado ao mouse 0,40s P - Levar o cursor ao bot\u00e3o Enviar Dados 1,10s B - Clicar em Enviar Dados 0,10s Tempo total 1min 4s Tabela 1: An\u00e1lise do desempenho do cadastro com o KLM","title":"Objetivo: Cadastro na plataforma"},{"location":"analise_de_requisitos/analise_de_tarefas/goms/#objetivo-entrar-na-plataforma","text":"O pr\u00f3ximo objetivo a ser analisado \u00e9 o de login na plataforma. Como observado na Tabela 2, o tempo levado foi de 47 segundos. Pode ser observado que o tempo de espera do sistema foi de 24s, elevando bastante o tempo total de execu\u00e7\u00e3o da tarefa. \u00c9 importante ressaltar que mesmo tendo um tempo de espera bastante alto, o usu\u00e1rio n\u00e3o recebe nenhum feedback a respeito dessa demora al\u00e9m de um \u00edcone de loading, o que n\u00e3o esclarece a raz\u00e3o do processo demorar tanto tempo. M\u00e9todo: Login > Inser\u00e7\u00e3o de CPF e Senha > Login conclu\u00eddo Opera\u00e7\u00e3o Tempo M\u00e9dio M - Prepara\u00e7\u00e3o 1,20s H - Levar a m\u00e3o ao mouse 0,40s P - Levar o cursor ao bot\u00e3o Login 1,10s B - Clicar no bot\u00e3o Login 0,10s W - Espera do sistema 1,07s P - Levar o cursor a caixa de input do CPF 1,10s B - Clicar na caixa de input do CPF 0,10s H - Levar a m\u00e3o do mouse ao teclado 0,40s T - Digita\u00e7\u00e3o de 11 caracteres 5,1s H - Levar a m\u00e3o do teclado ao mouse 0,40s P - Levar o cursor a caixa de input da senha 1,10s B - Clicar na caixa de input da senha 0,10s H - Levar a m\u00e3o do mouse ao teclado 0,40s T - Digita\u00e7\u00e3o de 8 caracteres 3,7s H - Levar a m\u00e3o do teclado ao mouse 0,40s P - Levar o cursor ao checkbox \"n\u00e3o sou um rob\u00f4\" 1,10s B - Clicar no checkbox \"n\u00e3o sou um rob\u00f4\" 0,10s P - Levar o cursor ao bot\u00e3o Entrar 1,10s P - Clicar em Entrar 0,10s W - Espera do sistema 24s Tempo total 47s","title":"Objetivo: Entrar na plataforma"},{"location":"analise_de_requisitos/analise_de_tarefas/goms/#objetivo-recuperar-a-senha","text":"O pr\u00f3ximo objetivo a ser analisado \u00e9 o de recupera\u00e7\u00e3o de senha. Como observado na Tabela 3, o tempo levado foi de 1 minuto e 5 segundos. Pode-se perceber que o tempo de execu\u00e7\u00e3o dessa tarefa se assemelha muito ao tempo de execu\u00e7\u00e3o de cadastro na plataforma, isso acontece porque o fluxo de recupera\u00e7\u00e3o de senha \u00e9 igual ao de cadastro. Informa\u00e7\u00f5es como CPF, data de nascimento, RG e e-mail s\u00e3o necess\u00e1rios para fazer essa recupera\u00e7\u00e3o, fazendo com que o usu\u00e1rio gaste um tempo desnecess\u00e1rio para a realiza\u00e7\u00e3o da tarefa. M\u00e9todo: Login > Esqueci minha senha > Recupera\u00e7\u00e3o de senha Opera\u00e7\u00e3o Tempo M\u00e9dio M - Prepara\u00e7\u00e3o 1,20s H - Levar a m\u00e3o ao mouse 0,40s P - Levar o cursor ao bot\u00e3o Login 1,10s B - Clicar no bot\u00e3o Login 0,10s P - Levar o cursor ao bot\u00e3o Esqueci e-mail ou senha 1,10s B - Clicar no bot\u00e3o Esqueci e-mail ou senha 0,10s P - Levar o cursor a caixa de input do CPF 1,10s B - Clicar na caixa de input do CPF 0,10s H - Levar a m\u00e3o do mouse ao teclado 0,40s T - Digita\u00e7\u00e3o de 11 caracteres 5,1s H - Levar a m\u00e3o do teclado ao mouse 0,40s P - Levar o cursor ao bot\u00e3o Avan\u00e7ar 1,10s B - Clicar no bot\u00e3o Avan\u00e7ar 0,10s W - Espera do sistema 2,12s P - Levar o cursor a caixa de input da data de nascimento 1,10s B - Clicar na caixa de input da data de nascimento 0,10s H - Levar a m\u00e3o do mouse ao teclado 0,40s T - Digita\u00e7\u00e3o de 8 caracteres 4,10s H - Levar a m\u00e3o do teclado ao mouse 0,40s P - Levar o cursor a caixa de input do RG 1,10s B - Clicar na caixa de input do RG 0,10s H - Levar a m\u00e3o do mouse ao teclado 0,40s T - Digita\u00e7\u00e3o de 7 caracteres 3,20s H - Levar a m\u00e3o do teclado ao mouse 0,40s P - Levar o cursor ao bot\u00e3o Avan\u00e7ar 1,10s B - Clicar em Avan\u00e7ar 0,10s W - Espera do sistema 2,10s P - Levar o cursor a caixa de input de e-mail 1,10s B - Clicar na caixa de input de e-mail 0,10s T - Digita\u00e7\u00e3o de 30 caracteres 14s P - Levar o cursor a caixa de input de confirma\u00e7\u00e3o de e-mail 1,10s B - Clicar na caixa de input de confirma\u00e7\u00e3o de e-mail 0,10s T - Digita\u00e7\u00e3o de 30 caracteres 14s H - Levar a m\u00e3o do teclado ao mouse 0,40s P - Levar o cursor ao bot\u00e3o Enviar Dados 1,10s B - Clicar em Enviar Dados 0,10s Tempo total 1min 5s","title":"Objetivo: Recuperar a senha"},{"location":"analise_de_requisitos/analise_de_tarefas/goms/#objetivo-gerar-o-relatorio-de-nada-consta-mensal","text":"O pr\u00f3ximo objetivo a ser analisado \u00e9 o de gera\u00e7\u00e3o de um relat\u00f3rio de nada consta mensal. Como observado na Tabela 4, o tempo levado foi de 13 segundos. Essa tarefa n\u00e3o necessita de nenhuma digita\u00e7\u00e3o, fazendo com a sua realiza\u00e7\u00e3o seja mais r\u00e1pida. Por\u00e9m, essa a\u00e7\u00e3o est\u00e1 gerando um erro ao ser conclu\u00edda e o relat\u00f3rio n\u00e3o \u00e9 gerado, como pode-se observar na Figura 1. Devido a esse erro, n\u00e3o foi poss\u00edvel registrar o tempo de espera do sistema para a gera\u00e7\u00e3o do relat\u00f3rio. M\u00e9todo: Gerar relat\u00f3rio mensal > Selecionar o m\u00eas > Gera\u00e7\u00e3o conclu\u00edda Opera\u00e7\u00e3o Tempo M\u00e9dio M - Prepara\u00e7\u00e3o 1,20s H - Levar a m\u00e3o ao mouse 0,40s P - Levar o cursor ao bot\u00e3o correspondente ao endere\u00e7o correto 1,10s B - Clicar no bot\u00e3o correspondente ao endere\u00e7o correto 0,10s P - Levar o cursor ao bot\u00e3o Relat\u00f3rio Nada Consta 1,10s B - Clicar no bot\u00e3o Relat\u00f3rio Nada Consta 0,10s W - Espera do sistema 2,58s P - Levar o cursor ao bot\u00e3o Mensal 1,10s B - Clicar no bot\u00e3o Mensal 0,10s P - Levar o cursor ao bot\u00e3o de Selecionar Fatura 1,10s B - Clicar em Selecionar Fatura 0,10s P - Levar o cursor at\u00e9 o m\u00eas escolhido 1,10s B - Clicar no m\u00eas escolhido 0,10s P - Levar o cursor at\u00e9 o bot\u00e3o Gerar Relat\u00f3rio 1,10s B - Clicar em Gerar Relat\u00f3rio 0,10s W - Espera do sistema Tempo total 13s Figura 1 - Mensagem de erro","title":"Objetivo: Gerar o relat\u00f3rio de nada consta mensal"},{"location":"analise_de_requisitos/analise_de_tarefas/goms/#objetivo-gerar-o-relatorio-de-nada-consta-anual","text":"O pr\u00f3ximo objetivo a ser analisado \u00e9 o de gera\u00e7\u00e3o de um relat\u00f3rio de nada consta anual. Como observado na Tabela 5, o tempo levado foi de 10 segundos. Assim como o relat\u00f3rio mensal, essa tarefa n\u00e3o necessita de nenhuma digita\u00e7\u00e3o. A gera\u00e7\u00e3o do relat\u00f3rio est\u00e1 com o mesmo erro do relat\u00f3rio mensal e por essa raz\u00e3o, n\u00e3o foi poss\u00edvel registrar o tempo de espera do sistema. M\u00e9todo: Gerar relat\u00f3rio anual > Gera\u00e7\u00e3o conclu\u00edda Opera\u00e7\u00e3o Tempo M\u00e9dio M - Prepara\u00e7\u00e3o 1,20s H - Levar a m\u00e3o ao mouse 0,40s P - Levar o cursor ao bot\u00e3o correspondente ao endere\u00e7o correto 1,10s B - Clicar no bot\u00e3o correspondente ao endere\u00e7o correto 0,10s P - Levar o cursor ao bot\u00e3o Relat\u00f3rio Nada Consta 1,10s B - Clicar no bot\u00e3o Relat\u00f3rio Nada Consta 0,10s W - Espera do sistema 2,58s P - Levar o cursor ao bot\u00e3o Anual 1,10s B - Clicar no bot\u00e3o Anual 0,10s P - Levar o cursor at\u00e9 o bot\u00e3o Gerar Relat\u00f3rio 1,10s B - Clicar em Gerar Relat\u00f3rio 0,10s W - Espera do sistema Tempo total 10s","title":"Objetivo: Gerar o relat\u00f3rio de nada consta anual"},{"location":"analise_de_requisitos/analise_de_tarefas/goms/#bibliografia","text":"Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021);Intera\u00e7\u00e3o Humano-Computador e Experi\u00eancia do usu\u00e1rio. Card, Stuart K., Newell, Allen, e Moran, Thomas P. (1983). The Psychology of Human-Computer Interaction. L. Erlbaum Associates Inc., USA. John, Bonnie E. (2003). Information processing and skilled behavior. In HCI models, theories, and frameworks: Toward a multidisciplinary science, pages 55\u2013101. Morgan Kaufman","title":"Bibliografia"},{"location":"analise_de_requisitos/analise_de_tarefas/goms/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 18/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina Natan Santana Lu\u00edza Esteves 19/07/2022 0.2 Adi\u00e7\u00e3o das tabelas de Opera\u00e7\u00e3o e Tempo M\u00e9dio Clara Ribeiro Natan Santana 19/07/2022 0.3 Adi\u00e7\u00e3o de introdu\u00e7\u00e3o e divs Rafael Xavier Natan Santana","title":"Tabela de Versionamento"},{"location":"planejamento/cronograma/","text":"Cronograma de atividades Introdu\u00e7\u00e3o Este \u00e9 o cronograma de atividades e entregas da equipe, que est\u00e1 sendo elaborado com base no cronograma de atividades da disciplina Intera\u00e7\u00e3o Humano Computador. Possui o objetivo de documentar quando cada entrega \u00e9 feita, por quem \u00e9 feita e quem faz a revis\u00e3o. Est\u00e1 dividido por etapas, onde cada etapa corresponde a uma apresenta\u00e7\u00e3o que o grupo far\u00e1. As datas limite de entrega s\u00e3o definidas para dois dias antes da apresenta\u00e7\u00e3o para assegurar que haja tempo para as \u00faltimas revis\u00f5es. Etapa 1 Data limite para entrega Atividade/entrega Autor(es) Revisor Data limite de revis\u00e3o 07/07/2022 Cria\u00e7\u00e3o e costumiza\u00e7\u00e3o do Github pages e p\u00e1gina inicial do projeto Natan Santana Matheus Perillo 08/07/2022 07/07/2022 Adi\u00e7\u00e3o da equipe no Github pages Matheus Perillo Lu\u00edza Esteves 08/07/2022 07/07/2022 Lista de sites avaliados e site escolhido para a disciplina Lu\u00edza Esteves Rafael Xavier 08/07/2022 07/07/2022 Ferramentas do projeto Daniel Coimbra Natan Santana 08/07/2022 07/07/2022 Processo de Design Clara Ribeiro Matheus Perillo 08/07/2022 07/07/2022 Cronograma de atividades Rafael Xavier Natan Santana 08/07/2022 09/07/2022 Slides e grava\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o Todos Clara Ribeiro 10/07/2022 10/07/2022 Edi\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o Clara Ribeiro Daniel Coimbra 11/07/2022 Tabela 1: planejamento do projeto e do Processo de Design Etapa 2 Data limite para entrega Atividade/entrega Autor(es) Revisor Data limite de revis\u00e3o 18/07/2022 Personas Daniel Coimbra Natan Santana 19/07/2022 18/07/2022 Perfil de Usu\u00e1rios Rafael Xavier Clara Ribeiro 19/07/2022 18/07/2022 \u00c1rvore de Tarefas Concorrentes Lu\u00edza Esteves e Daniel Coimbra Rafael Xavier 19/07/2022 18/07/2022 GOMS Rafael Xavier e Clara Ribeiro Natan Santana 19/07/2022 18/07/2022 An\u00e1lise Hier\u00e1rquica de Tarefas Natan Santana Lu\u00edza Esteves 19/07/2022 19/07/2022 Slides e grava\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o Todos Natan Santana 20/07/2022 19/07/2022 Edi\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o Clara Ribeiro e Natan Santana Daniel Coimbra 20/07/2022 Tabela 2: Perfil do usu\u00e1rio, Personas e An\u00e1lise de tarefas Etapa 3 Data limite para entrega Atividade/entrega Autor(es) Revisor Data limite para revis\u00e3o 29/07/2022 Ajustes no cronograma Rafael Xavier Natan Santana 30/07/2022 29/07/2022 Cen\u00e1rios Daniel Coimbra Clara Ribeiro 30/07/2022 29/07/2022 Ajustes nas personas Daniel Coimbra Natan Santana 30/07/2022 29/07/2022 Ajustes no perfil do usu\u00e1rio Matheus Perillo Rafael Xavier 30/07/2022 29/07/2022 Ajustes nas ferramentas Natan Santana Clara Ribeiro 30/07/2022 29/07/2022 Princ\u00edpios Gerais de Projeto Lu\u00edza Esteves Clara Ribeiro 30/07/2022 29/07/2022 Metas de usabilidade Matheus Perillo Natan Santana 30/07/2022 29/07/2022 Guia de Estilo Clara Ribeiro , Natan Santana e Rafael Xavier Lu\u00edza Esteves 30/07/2022 30/07/2022 Slides e grava\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o Todos Clara Ribeiro 31/07/2022 31/07/2022 Edi\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o Clara Ribeiro Natan Santana 01/08/2022 Tabela 3: Princ\u00edpios Gerais de Projeto, Metas de usabilidade, Guia de Estilo Etapa 4 Data limite para entrega Atividade/entrega Autor(es) Revisor Data limite para revis\u00e3o 05/08/2022 Planejamento da avalia\u00e7\u00e3o do Storyboard 06/08/2022 05/08/2022 Planejamento da avalia\u00e7\u00e3o da An\u00e1lise de tarefas 06/08/2022 05/08/2022 Planejamento do relato dos resultados da valia\u00e7\u00e3o do Storyboard 06/08/2022 05/08/2022 Planejamento do relato dos resultados da avalia\u00e7\u00e3o da An\u00e1lise de tarefas 06/08/2022 06/08/2022 Slides e grava\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o 07/08/2022 07/08/2022 Edi\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o 08/08/2022 Tabela 4: Planejamento da Avalia\u00e7\u00e3o do Storyboard e An\u00e1lise de tarefas, planejamento do relato dos resultados da valia\u00e7\u00e3o do Storyboard e o planejamento do relato dos resultados da avalia\u00e7\u00e3o do An\u00e1lise de tarefas Etapa 5 Data limite para entrega Atividade/entrega Autor(es) Revisor Data limite para revis\u00e3o 13/08/2022 Relato dos resultados do Story Board 14/08/2022 13/08/2022 Relato dos resultados da An\u00e1lise de tarefas 14/08/2022 13/08/2022 Planejamento da Avalia\u00e7\u00e3o do Prot\u00f3tipo de Papel 14/08/2022 13/08/2022 Planejamento do relato dos resultados da avalia\u00e7\u00e3o do Prot\u00f3tipo de Papel 14/08/2022 15/08/2022 Slides e grava\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o 16/08/2022 16/08/2022 Edi\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o 17/08/2022 Tabela 5: Relato dos resultados do Story Board e da An\u00e1lise de tarefas, o Planejamento da Avalia\u00e7\u00e3o do Prot\u00f3tipo de Papel e do planejamento do relato dos resultados da avalia\u00e7\u00e3o do Prot\u00f3tipo de Papel Etapa 6 Data limite para entrega Atividade/entrega Autor(es) Revisor Data limite para revis\u00e3o 21/08/2022 Verifica\u00e7\u00e3o dos artefatos Tabela 6: Verifica\u00e7\u00e3o dos artefatos Etapa 7 Data limite para entrega Atividade/entrega Autor(es) Revisor Data limite para revis\u00e3o 02/09/2022 Relato dos resultados do Prot\u00f3tipo de Papel 03/09/2022 02/09/2022 Planejamento da Avalia\u00e7\u00e3o do prot\u00f3tipo de alta fidelidade 03/09/2022 02/09/2022 Planejamento do relato dos resultados da avalia\u00e7\u00e3o do prot\u00f3tipo de alta fidelidade 03/09/2022 03/09/2022 Slides e grava\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o 04/09/2022 04/09/2022 Edi\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o 05/09/2022 Tabela 7: Relato dos resultados do Prot\u00f3tipo de Papel, o Planejamento da Avalia\u00e7\u00e3o do prot\u00f3tipo de alta fidelidade e o Planejamento do relato dos resultados da avalia\u00e7\u00e3o do prot\u00f3tipo de alta fidelidade Bibliografia 1. SALES, Andr\u00e9 Barros. Plano de ensino da disciplina. Dispon\u00edvel em: https://aprender3.unb.br . Acesso em: 03 de julho de 2022. Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 04/07/2022 0.1 Cronograma de atividades Rafael Xavier Natan Santana 06/07/2022 0.2 Adi\u00e7\u00e3o de legendas nas tabelas Rafael Xavier Natan Santana 17/07/2022 0.3 Detalhando etapas do projeto Rafael Xavier Natan Santana 29/07/2022 0.4 Altera\u00e7\u00f5es na etapa 3 e adi\u00e7\u00e3o de data para revis\u00e3o Rafael Xavier Natan Santana","title":"Cronograma de atividades"},{"location":"planejamento/cronograma/#cronograma-de-atividades","text":"","title":"Cronograma de atividades"},{"location":"planejamento/cronograma/#introducao","text":"Este \u00e9 o cronograma de atividades e entregas da equipe, que est\u00e1 sendo elaborado com base no cronograma de atividades da disciplina Intera\u00e7\u00e3o Humano Computador. Possui o objetivo de documentar quando cada entrega \u00e9 feita, por quem \u00e9 feita e quem faz a revis\u00e3o. Est\u00e1 dividido por etapas, onde cada etapa corresponde a uma apresenta\u00e7\u00e3o que o grupo far\u00e1. As datas limite de entrega s\u00e3o definidas para dois dias antes da apresenta\u00e7\u00e3o para assegurar que haja tempo para as \u00faltimas revis\u00f5es.","title":"Introdu\u00e7\u00e3o"},{"location":"planejamento/cronograma/#etapa-1","text":"Data limite para entrega Atividade/entrega Autor(es) Revisor Data limite de revis\u00e3o 07/07/2022 Cria\u00e7\u00e3o e costumiza\u00e7\u00e3o do Github pages e p\u00e1gina inicial do projeto Natan Santana Matheus Perillo 08/07/2022 07/07/2022 Adi\u00e7\u00e3o da equipe no Github pages Matheus Perillo Lu\u00edza Esteves 08/07/2022 07/07/2022 Lista de sites avaliados e site escolhido para a disciplina Lu\u00edza Esteves Rafael Xavier 08/07/2022 07/07/2022 Ferramentas do projeto Daniel Coimbra Natan Santana 08/07/2022 07/07/2022 Processo de Design Clara Ribeiro Matheus Perillo 08/07/2022 07/07/2022 Cronograma de atividades Rafael Xavier Natan Santana 08/07/2022 09/07/2022 Slides e grava\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o Todos Clara Ribeiro 10/07/2022 10/07/2022 Edi\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o Clara Ribeiro Daniel Coimbra 11/07/2022 Tabela 1: planejamento do projeto e do Processo de Design","title":"Etapa 1"},{"location":"planejamento/cronograma/#etapa-2","text":"Data limite para entrega Atividade/entrega Autor(es) Revisor Data limite de revis\u00e3o 18/07/2022 Personas Daniel Coimbra Natan Santana 19/07/2022 18/07/2022 Perfil de Usu\u00e1rios Rafael Xavier Clara Ribeiro 19/07/2022 18/07/2022 \u00c1rvore de Tarefas Concorrentes Lu\u00edza Esteves e Daniel Coimbra Rafael Xavier 19/07/2022 18/07/2022 GOMS Rafael Xavier e Clara Ribeiro Natan Santana 19/07/2022 18/07/2022 An\u00e1lise Hier\u00e1rquica de Tarefas Natan Santana Lu\u00edza Esteves 19/07/2022 19/07/2022 Slides e grava\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o Todos Natan Santana 20/07/2022 19/07/2022 Edi\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o Clara Ribeiro e Natan Santana Daniel Coimbra 20/07/2022 Tabela 2: Perfil do usu\u00e1rio, Personas e An\u00e1lise de tarefas","title":"Etapa 2"},{"location":"planejamento/cronograma/#etapa-3","text":"Data limite para entrega Atividade/entrega Autor(es) Revisor Data limite para revis\u00e3o 29/07/2022 Ajustes no cronograma Rafael Xavier Natan Santana 30/07/2022 29/07/2022 Cen\u00e1rios Daniel Coimbra Clara Ribeiro 30/07/2022 29/07/2022 Ajustes nas personas Daniel Coimbra Natan Santana 30/07/2022 29/07/2022 Ajustes no perfil do usu\u00e1rio Matheus Perillo Rafael Xavier 30/07/2022 29/07/2022 Ajustes nas ferramentas Natan Santana Clara Ribeiro 30/07/2022 29/07/2022 Princ\u00edpios Gerais de Projeto Lu\u00edza Esteves Clara Ribeiro 30/07/2022 29/07/2022 Metas de usabilidade Matheus Perillo Natan Santana 30/07/2022 29/07/2022 Guia de Estilo Clara Ribeiro , Natan Santana e Rafael Xavier Lu\u00edza Esteves 30/07/2022 30/07/2022 Slides e grava\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o Todos Clara Ribeiro 31/07/2022 31/07/2022 Edi\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o Clara Ribeiro Natan Santana 01/08/2022 Tabela 3: Princ\u00edpios Gerais de Projeto, Metas de usabilidade, Guia de Estilo","title":"Etapa 3"},{"location":"planejamento/cronograma/#etapa-4","text":"Data limite para entrega Atividade/entrega Autor(es) Revisor Data limite para revis\u00e3o 05/08/2022 Planejamento da avalia\u00e7\u00e3o do Storyboard 06/08/2022 05/08/2022 Planejamento da avalia\u00e7\u00e3o da An\u00e1lise de tarefas 06/08/2022 05/08/2022 Planejamento do relato dos resultados da valia\u00e7\u00e3o do Storyboard 06/08/2022 05/08/2022 Planejamento do relato dos resultados da avalia\u00e7\u00e3o da An\u00e1lise de tarefas 06/08/2022 06/08/2022 Slides e grava\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o 07/08/2022 07/08/2022 Edi\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o 08/08/2022 Tabela 4: Planejamento da Avalia\u00e7\u00e3o do Storyboard e An\u00e1lise de tarefas, planejamento do relato dos resultados da valia\u00e7\u00e3o do Storyboard e o planejamento do relato dos resultados da avalia\u00e7\u00e3o do An\u00e1lise de tarefas","title":"Etapa 4"},{"location":"planejamento/cronograma/#etapa-5","text":"Data limite para entrega Atividade/entrega Autor(es) Revisor Data limite para revis\u00e3o 13/08/2022 Relato dos resultados do Story Board 14/08/2022 13/08/2022 Relato dos resultados da An\u00e1lise de tarefas 14/08/2022 13/08/2022 Planejamento da Avalia\u00e7\u00e3o do Prot\u00f3tipo de Papel 14/08/2022 13/08/2022 Planejamento do relato dos resultados da avalia\u00e7\u00e3o do Prot\u00f3tipo de Papel 14/08/2022 15/08/2022 Slides e grava\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o 16/08/2022 16/08/2022 Edi\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o 17/08/2022 Tabela 5: Relato dos resultados do Story Board e da An\u00e1lise de tarefas, o Planejamento da Avalia\u00e7\u00e3o do Prot\u00f3tipo de Papel e do planejamento do relato dos resultados da avalia\u00e7\u00e3o do Prot\u00f3tipo de Papel","title":"Etapa 5"},{"location":"planejamento/cronograma/#etapa-6","text":"Data limite para entrega Atividade/entrega Autor(es) Revisor Data limite para revis\u00e3o 21/08/2022 Verifica\u00e7\u00e3o dos artefatos Tabela 6: Verifica\u00e7\u00e3o dos artefatos","title":"Etapa 6"},{"location":"planejamento/cronograma/#etapa-7","text":"Data limite para entrega Atividade/entrega Autor(es) Revisor Data limite para revis\u00e3o 02/09/2022 Relato dos resultados do Prot\u00f3tipo de Papel 03/09/2022 02/09/2022 Planejamento da Avalia\u00e7\u00e3o do prot\u00f3tipo de alta fidelidade 03/09/2022 02/09/2022 Planejamento do relato dos resultados da avalia\u00e7\u00e3o do prot\u00f3tipo de alta fidelidade 03/09/2022 03/09/2022 Slides e grava\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o 04/09/2022 04/09/2022 Edi\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o 05/09/2022 Tabela 7: Relato dos resultados do Prot\u00f3tipo de Papel, o Planejamento da Avalia\u00e7\u00e3o do prot\u00f3tipo de alta fidelidade e o Planejamento do relato dos resultados da avalia\u00e7\u00e3o do prot\u00f3tipo de alta fidelidade","title":"Etapa 7"},{"location":"planejamento/cronograma/#bibliografia","text":"1. SALES, Andr\u00e9 Barros. Plano de ensino da disciplina. Dispon\u00edvel em: https://aprender3.unb.br . Acesso em: 03 de julho de 2022.","title":"Bibliografia"},{"location":"planejamento/cronograma/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 04/07/2022 0.1 Cronograma de atividades Rafael Xavier Natan Santana 06/07/2022 0.2 Adi\u00e7\u00e3o de legendas nas tabelas Rafael Xavier Natan Santana 17/07/2022 0.3 Detalhando etapas do projeto Rafael Xavier Natan Santana 29/07/2022 0.4 Altera\u00e7\u00f5es na etapa 3 e adi\u00e7\u00e3o de data para revis\u00e3o Rafael Xavier Natan Santana","title":"Tabela de Versionamento"},{"location":"planejamento/ferramentas/","text":"Ferramentas Introdu\u00e7\u00e3o As ferramentas utilizadas pela equipe ser\u00e3o softwares que facilitar\u00e3o o gerenciamento, comunica\u00e7\u00e3o da equipe e desenvolvimento da documenta\u00e7\u00e3o necess\u00e1ria para a realiza\u00e7\u00e3o do projeto de an\u00e1lise do site da Neoenergia. A Tabela 1 a seguir apresenta as ferramentas utilizadas pelo grupo e vale notar que pode ter modifica\u00e7\u00f5es nessa tabela de acordo com o que o Time achar que poder\u00e1 ajudar no desenvolvimento do projeto durante a execu\u00e7\u00e3o. Ferramentas do Projeto Nome Descri\u00e7\u00e3o \u00cdcone Telegram Aplicativo de mensagem instant\u00e2nea. \u00c9 o canal prim\u00e1rio de comunica\u00e7\u00e3o da equipe. Discord Plataforma para comunica\u00e7\u00e3o que usa o Protocolo de Voz Atrav\u00e9s da Internet (VoIP). Usado para reuni\u00f5es s\u00edncronas \u00e0 dist\u00e2ncia. Miro Plataforma de colabora\u00e7\u00e3o visual. Importante para diagrama\u00e7\u00e3o e apresenta\u00e7\u00e3o visual Figma Ferramenta de design gr\u00e1fico com vetores e prototipa\u00e7\u00e3o colaborativa Github Plataforma usada para gerenciamento de configura\u00e7\u00e3o e evolu\u00e7\u00e3o de software MkDocs Gerador de sites est\u00e1ticos MkDocs-Material Temas/Templates para o MkDocs LucidChart Elabora\u00e7\u00e3o de modelo de \u00c1rvore de Tarefas Concorrentes Google Forms Criador de question\u00e1rios e an\u00e1lise de respostas com gr\u00e1ficos Visual Studio Code IDE utilizada para a constru\u00e7\u00e3o do c\u00f3digo da documenta\u00e7\u00e3o Tabela 1: Tabela contendo as ferramentas utilizadas no projeto Refer\u00eancias FAQ Telegram. Dispon\u00edvel em: https://telegram.org/faq Telegram - Acesso em 04/07/2022 Discord About page. Dispon\u00edvel em: https://discord.com/company Discord - Acesso em 04/07/2022 Github About page. Dispon\u00edvel em: https://github.com/about Github - Acesso em 04/07/2022 MkDocs landing page introduction. Dispon\u00edvel em: https://www.mkdocs.org/ MkDocs - Acesso em 04/07/2022 MkDocs-Material Github README file. Dispon\u00edvel em: https://github.com/squidfunk/mkdocs-material#readme MkDocs-Material - Acesso em 04/07/2022 Figma. Dispon\u00edvel em: https://www.figma.com/about/ Figma about page - Acesso em 04/07/2022 Miro. Dispon\u00edvel em: https://miro.com/about/ Miro about page - Acesso em 04/07/2022 Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 04/07/2022 0.1 Cria\u00e7\u00e3o e esbo\u00e7o da p\u00e1gina de ferramentas Daniel Coimbra Natan Santana 04/07/2022 0.2 Mudan\u00e7a de lista para tabela. Adi\u00e7\u00e3o de uma descri\u00e7\u00e3o e um \u00edcone para cada ferramenta Daniel Coimbra Natan Santana 09/07/2022 0.3 Adi\u00e7\u00e3o da introdu\u00e7\u00e3o e legenda da tabela Daniel Coimbra Natan Santana 18/07/2022 0.4 Adi\u00e7\u00e3o de nova feramenta Lu\u00edza Esteves Rafael Xavier 31/07/2022 0.5 Adi\u00e7\u00e3o da ferramenta google forms e vsCode Natan Santana Lu\u00edza Esteves","title":"Ferramentas"},{"location":"planejamento/ferramentas/#ferramentas","text":"","title":"Ferramentas"},{"location":"planejamento/ferramentas/#introducao","text":"As ferramentas utilizadas pela equipe ser\u00e3o softwares que facilitar\u00e3o o gerenciamento, comunica\u00e7\u00e3o da equipe e desenvolvimento da documenta\u00e7\u00e3o necess\u00e1ria para a realiza\u00e7\u00e3o do projeto de an\u00e1lise do site da Neoenergia. A Tabela 1 a seguir apresenta as ferramentas utilizadas pelo grupo e vale notar que pode ter modifica\u00e7\u00f5es nessa tabela de acordo com o que o Time achar que poder\u00e1 ajudar no desenvolvimento do projeto durante a execu\u00e7\u00e3o.","title":"Introdu\u00e7\u00e3o"},{"location":"planejamento/ferramentas/#ferramentas-do-projeto","text":"Nome Descri\u00e7\u00e3o \u00cdcone Telegram Aplicativo de mensagem instant\u00e2nea. \u00c9 o canal prim\u00e1rio de comunica\u00e7\u00e3o da equipe. Discord Plataforma para comunica\u00e7\u00e3o que usa o Protocolo de Voz Atrav\u00e9s da Internet (VoIP). Usado para reuni\u00f5es s\u00edncronas \u00e0 dist\u00e2ncia. Miro Plataforma de colabora\u00e7\u00e3o visual. Importante para diagrama\u00e7\u00e3o e apresenta\u00e7\u00e3o visual Figma Ferramenta de design gr\u00e1fico com vetores e prototipa\u00e7\u00e3o colaborativa Github Plataforma usada para gerenciamento de configura\u00e7\u00e3o e evolu\u00e7\u00e3o de software MkDocs Gerador de sites est\u00e1ticos MkDocs-Material Temas/Templates para o MkDocs LucidChart Elabora\u00e7\u00e3o de modelo de \u00c1rvore de Tarefas Concorrentes Google Forms Criador de question\u00e1rios e an\u00e1lise de respostas com gr\u00e1ficos Visual Studio Code IDE utilizada para a constru\u00e7\u00e3o do c\u00f3digo da documenta\u00e7\u00e3o Tabela 1: Tabela contendo as ferramentas utilizadas no projeto","title":"Ferramentas do Projeto"},{"location":"planejamento/ferramentas/#referencias","text":"FAQ Telegram. Dispon\u00edvel em: https://telegram.org/faq Telegram - Acesso em 04/07/2022 Discord About page. Dispon\u00edvel em: https://discord.com/company Discord - Acesso em 04/07/2022 Github About page. Dispon\u00edvel em: https://github.com/about Github - Acesso em 04/07/2022 MkDocs landing page introduction. Dispon\u00edvel em: https://www.mkdocs.org/ MkDocs - Acesso em 04/07/2022 MkDocs-Material Github README file. Dispon\u00edvel em: https://github.com/squidfunk/mkdocs-material#readme MkDocs-Material - Acesso em 04/07/2022 Figma. Dispon\u00edvel em: https://www.figma.com/about/ Figma about page - Acesso em 04/07/2022 Miro. Dispon\u00edvel em: https://miro.com/about/ Miro about page - Acesso em 04/07/2022","title":"Refer\u00eancias"},{"location":"planejamento/ferramentas/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 04/07/2022 0.1 Cria\u00e7\u00e3o e esbo\u00e7o da p\u00e1gina de ferramentas Daniel Coimbra Natan Santana 04/07/2022 0.2 Mudan\u00e7a de lista para tabela. Adi\u00e7\u00e3o de uma descri\u00e7\u00e3o e um \u00edcone para cada ferramenta Daniel Coimbra Natan Santana 09/07/2022 0.3 Adi\u00e7\u00e3o da introdu\u00e7\u00e3o e legenda da tabela Daniel Coimbra Natan Santana 18/07/2022 0.4 Adi\u00e7\u00e3o de nova feramenta Lu\u00edza Esteves Rafael Xavier 31/07/2022 0.5 Adi\u00e7\u00e3o da ferramenta google forms e vsCode Natan Santana Lu\u00edza Esteves","title":"Tabela de Versionamento"},{"location":"planejamento/processoDesign/","text":"Processo de Design Existem diversas propostas de processos de design dentro da literatura de IHC, em que todas elas possuem as seguintes etapas em comum: an\u00e1lise da situa\u00e7\u00e3o/identifica\u00e7\u00e3o do problema, proposta de interven\u00e7\u00e3o para os problemas identificados e avalia\u00e7\u00e3o dessa interven\u00e7\u00e3o. A diferen\u00e7a entre cada processo de design est\u00e1 na forma que essas atividades b\u00e1sicas ser\u00e3o realizadas. Um fator inerente aos processos de design \u00e9 a iteratividade na execu\u00e7\u00e3o das atividades: sempre que necess\u00e1rio, o designer pode recorrer \u00e0s etapas anteriores do processo. Exemplificando, quando o designer est\u00e1 projetando uma interven\u00e7\u00e3o para um problema identificado, ele \u00e9 livre para retornar \u00e0 etapa de an\u00e1lise de situa\u00e7\u00e3o para refinar a sua proposta. Essa revis\u00e3o da an\u00e1lise \u00e9 muito importante para a elabora\u00e7\u00e3o de uma proposta de interven\u00e7\u00e3o coerente. Tamb\u00e9m \u00e9 dado destaque \u00e0 import\u00e2ncia de ter os usu\u00e1rios envolvidos nas atividades de design, pois quanto mais a opini\u00e3o de usu\u00e1rios for ouvida, mais ser\u00e1 poss\u00edvel entender sobre as suas necessidades reais, ajudando na identifica\u00e7\u00e3o e corre\u00e7\u00e3o de problemas. (BARBOSA, 2021) Algumas das propostas de processo de design s\u00e3o o ciclo de vida em estrela, o ciclo de vida para engenharia de usabilidade de Mayhew, o design contextual, o design baseado em cen\u00e1rios e o design dirigido por objetivos. Ciclo de vida em estrela: His e Hartson desenvolveram o ciclo de vida em estrela em 1993, tendo sido um dos primeiros ciclos de vida de IHC. Esse processo de design possu\u00ed 6 atividades: implementa\u00e7\u00e3o; prototipa\u00e7\u00e3o; projeto conceitual e especifica\u00e7\u00e3o do design; an\u00e1lise de tarefas, usu\u00e1rios e fun\u00e7\u00f5es, especifica\u00e7\u00e3o de requisitos; e, por fim, a avalia\u00e7\u00e3o. Nesse ciclo de vida o designer tem liberdade de decidir qual a atividade a ser realizada primeiro. Ciclo de vida para engenharia de usabilidade de Mayhew: esse ciclo de vida foi desenvolvido por Deborah Mayhew em 1999 e possui 3 fases: an\u00e1lise de requisitos, design/avalia\u00e7\u00e3o/desenvolvimento e instala\u00e7\u00e3o e \u00e9 conhecido por sua vis\u00e3o panor\u00e2mica do processo. Design contextual: o design contextual foi elaborado por Beyer e Holtzblatt em 1997 e busca o entendimento das necessidades dos usu\u00e1rios atrav\u00e9s de uma inverstiga\u00e7\u00e3o do contexto de uso. Design baseado em cen\u00e1rios: esse design usa cen\u00e1rios que representam as atividades envolvidas em uma solu\u00e7\u00e3o de IHC e foi desenvolvido por Rosson e Carroll em 2002. Geralmente os cen\u00e1rios contam com a contribui\u00e7\u00e3o de todos os interessados no sistema. Design dirigido por objetivos: esse processo de design incentiva o designer a utilizar as tecnologias da melhor forma poss\u00edvel, com o objetivo de chegar em solu\u00e7\u00f5es criativas, inovadoras e eficientes. Esse design foi desenvolvido por Alan Cooper, Robert Reimann, David Cronin, e Christopher Noessel. Engenharia de Usabilidade de Mayhew Foi proposto por Deborah Mayhew um ciclo de vida para a engenharia de usabilidade que conta com tr\u00eas fases: an\u00e1lise de requisitos, design/avalia\u00e7\u00e3o/desenvolvimento e instala\u00e7\u00e3o, como podemos ver na Figura 1. Esse processo de design possui uma vis\u00e3o hol\u00edstica e agrupa importantes atividades de design, guiando o designer a uma boa proposta de interven\u00e7\u00e3o (BARBOSA, 2021). Figura 1 - Ciclo de vida para a engenharia de usabilidade (BARBOSA, 2021). An\u00e1lise de requisitos: defini\u00e7\u00e3o das metas de usabilidade, levando em conta o perfil dos usu\u00e1rios, an\u00e1lise das tarefas, possibilidades e limita\u00e7\u00f5es da plataforma em que o sistema ser\u00e1 executado e princ\u00edpios gerais de design de IHC. Design, avalia\u00e7\u00e3o e desenvolvimento: busca chegar em uma solu\u00e7\u00e3o de IHC que atenda \u00e0s metas de usabilidade que foram definidas na fase de an\u00e1lise de requisitos. Instala\u00e7\u00e3o: coleta de opini\u00f5es dos usu\u00e1rios ap\u00f3s um certo tempo de uso. As informa\u00e7\u00f5es coletadas ser\u00e3o utilizadas para melhorar o sistema ou at\u00e9 mesmo desenvolver novos sistemas interativos. Por que usar o ciclo de vida de Mayhew? O ciclo de vida de Mayhew foi escolhido porque tem etapas bem definidas e detalhadas, guiando o designer de forma clara e objetiva sobre qual passo precisa dar, ao contr\u00e1rio do Ciclo de Vida em Estrela, por exemplo. Usar um ciclo de vida detalhado assim \u00e9 vantajoso para nossa equipe pois n\u00e3o possu\u00edmos a experi\u00eancia necess\u00e1ria para seguir ciclos de vida onde as etapas s\u00e3o mais subjetivas. Aplicando a Usabilidade de Mayhew na avalia\u00e7\u00e3o do site O sistema avaliado j\u00e1 est\u00e1 em produ\u00e7\u00e3o e, portanto, a an\u00e1lise ser\u00e1 iniciada na fase da instala\u00e7\u00e3o, em que ser\u00e3o identificados erros e possibilidades de melhorias. Para conseguir executar tais melhorias, ser\u00e1 necess\u00e1rio voltar a an\u00e1lise para a primeira fase de an\u00e1lise de requisitos, passando por todas as etapas previstas. Ap\u00f3s a an\u00e1lise de requisitos, o ciclo de vida ser\u00e1 seguido normalmente, dando in\u00edcio \u00e0 fase de design, avalia\u00e7\u00e3o e desenvolvimento. Bibliografia Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021);Intera\u00e7\u00e3o Humano-Computador e Experi\u00eancia do usu\u00e1rio. Beyer, Hugh e Holtzblatt, Karen (1997). Contextual Design: Defining Customer-Centered Systems. Morgan Kaufmann Publishers Inc., San Francisco, CA, USA. Mayhew, D. Th e Usability Engineering Lifecycle: a practitioner\u2019s handbook for user interface design. San Francisco, CA: Morgan Kaufmann, 1999. Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 04/07/2022 0.1 Cria\u00e7\u00e3o do t\u00f3pico Processo de Design Clara Ribeiro Matheus Perillo 04/07/2022 0.2 Adi\u00e7\u00e3o da legenda na imagem Clara Ribeiro Matheus Perillo 07/07/2022 0.3 Corre\u00e7\u00e3o de bugs na documenta\u00e7\u00e3o Matheus Perillo Clara Ribeiro 07/07/2022 0.4 Adi\u00e7\u00e3o de justificativa para processo escolhido Rafael Xavier Natan Santana 19/07/2022 0.5 Adi\u00e7\u00e3o do resumo de outros processos de Design Clara Ribeiro Natan Santana","title":"Processo de Design"},{"location":"planejamento/processoDesign/#processo-de-design","text":"Existem diversas propostas de processos de design dentro da literatura de IHC, em que todas elas possuem as seguintes etapas em comum: an\u00e1lise da situa\u00e7\u00e3o/identifica\u00e7\u00e3o do problema, proposta de interven\u00e7\u00e3o para os problemas identificados e avalia\u00e7\u00e3o dessa interven\u00e7\u00e3o. A diferen\u00e7a entre cada processo de design est\u00e1 na forma que essas atividades b\u00e1sicas ser\u00e3o realizadas. Um fator inerente aos processos de design \u00e9 a iteratividade na execu\u00e7\u00e3o das atividades: sempre que necess\u00e1rio, o designer pode recorrer \u00e0s etapas anteriores do processo. Exemplificando, quando o designer est\u00e1 projetando uma interven\u00e7\u00e3o para um problema identificado, ele \u00e9 livre para retornar \u00e0 etapa de an\u00e1lise de situa\u00e7\u00e3o para refinar a sua proposta. Essa revis\u00e3o da an\u00e1lise \u00e9 muito importante para a elabora\u00e7\u00e3o de uma proposta de interven\u00e7\u00e3o coerente. Tamb\u00e9m \u00e9 dado destaque \u00e0 import\u00e2ncia de ter os usu\u00e1rios envolvidos nas atividades de design, pois quanto mais a opini\u00e3o de usu\u00e1rios for ouvida, mais ser\u00e1 poss\u00edvel entender sobre as suas necessidades reais, ajudando na identifica\u00e7\u00e3o e corre\u00e7\u00e3o de problemas. (BARBOSA, 2021) Algumas das propostas de processo de design s\u00e3o o ciclo de vida em estrela, o ciclo de vida para engenharia de usabilidade de Mayhew, o design contextual, o design baseado em cen\u00e1rios e o design dirigido por objetivos. Ciclo de vida em estrela: His e Hartson desenvolveram o ciclo de vida em estrela em 1993, tendo sido um dos primeiros ciclos de vida de IHC. Esse processo de design possu\u00ed 6 atividades: implementa\u00e7\u00e3o; prototipa\u00e7\u00e3o; projeto conceitual e especifica\u00e7\u00e3o do design; an\u00e1lise de tarefas, usu\u00e1rios e fun\u00e7\u00f5es, especifica\u00e7\u00e3o de requisitos; e, por fim, a avalia\u00e7\u00e3o. Nesse ciclo de vida o designer tem liberdade de decidir qual a atividade a ser realizada primeiro. Ciclo de vida para engenharia de usabilidade de Mayhew: esse ciclo de vida foi desenvolvido por Deborah Mayhew em 1999 e possui 3 fases: an\u00e1lise de requisitos, design/avalia\u00e7\u00e3o/desenvolvimento e instala\u00e7\u00e3o e \u00e9 conhecido por sua vis\u00e3o panor\u00e2mica do processo. Design contextual: o design contextual foi elaborado por Beyer e Holtzblatt em 1997 e busca o entendimento das necessidades dos usu\u00e1rios atrav\u00e9s de uma inverstiga\u00e7\u00e3o do contexto de uso. Design baseado em cen\u00e1rios: esse design usa cen\u00e1rios que representam as atividades envolvidas em uma solu\u00e7\u00e3o de IHC e foi desenvolvido por Rosson e Carroll em 2002. Geralmente os cen\u00e1rios contam com a contribui\u00e7\u00e3o de todos os interessados no sistema. Design dirigido por objetivos: esse processo de design incentiva o designer a utilizar as tecnologias da melhor forma poss\u00edvel, com o objetivo de chegar em solu\u00e7\u00f5es criativas, inovadoras e eficientes. Esse design foi desenvolvido por Alan Cooper, Robert Reimann, David Cronin, e Christopher Noessel.","title":"Processo de Design"},{"location":"planejamento/processoDesign/#engenharia-de-usabilidade-de-mayhew","text":"Foi proposto por Deborah Mayhew um ciclo de vida para a engenharia de usabilidade que conta com tr\u00eas fases: an\u00e1lise de requisitos, design/avalia\u00e7\u00e3o/desenvolvimento e instala\u00e7\u00e3o, como podemos ver na Figura 1. Esse processo de design possui uma vis\u00e3o hol\u00edstica e agrupa importantes atividades de design, guiando o designer a uma boa proposta de interven\u00e7\u00e3o (BARBOSA, 2021). Figura 1 - Ciclo de vida para a engenharia de usabilidade (BARBOSA, 2021). An\u00e1lise de requisitos: defini\u00e7\u00e3o das metas de usabilidade, levando em conta o perfil dos usu\u00e1rios, an\u00e1lise das tarefas, possibilidades e limita\u00e7\u00f5es da plataforma em que o sistema ser\u00e1 executado e princ\u00edpios gerais de design de IHC. Design, avalia\u00e7\u00e3o e desenvolvimento: busca chegar em uma solu\u00e7\u00e3o de IHC que atenda \u00e0s metas de usabilidade que foram definidas na fase de an\u00e1lise de requisitos. Instala\u00e7\u00e3o: coleta de opini\u00f5es dos usu\u00e1rios ap\u00f3s um certo tempo de uso. As informa\u00e7\u00f5es coletadas ser\u00e3o utilizadas para melhorar o sistema ou at\u00e9 mesmo desenvolver novos sistemas interativos.","title":"Engenharia de Usabilidade de Mayhew"},{"location":"planejamento/processoDesign/#por-que-usar-o-ciclo-de-vida-de-mayhew","text":"O ciclo de vida de Mayhew foi escolhido porque tem etapas bem definidas e detalhadas, guiando o designer de forma clara e objetiva sobre qual passo precisa dar, ao contr\u00e1rio do Ciclo de Vida em Estrela, por exemplo. Usar um ciclo de vida detalhado assim \u00e9 vantajoso para nossa equipe pois n\u00e3o possu\u00edmos a experi\u00eancia necess\u00e1ria para seguir ciclos de vida onde as etapas s\u00e3o mais subjetivas.","title":"Por que usar o ciclo de vida de Mayhew?"},{"location":"planejamento/processoDesign/#aplicando-a-usabilidade-de-mayhew-na-avaliacao-do-site","text":"O sistema avaliado j\u00e1 est\u00e1 em produ\u00e7\u00e3o e, portanto, a an\u00e1lise ser\u00e1 iniciada na fase da instala\u00e7\u00e3o, em que ser\u00e3o identificados erros e possibilidades de melhorias. Para conseguir executar tais melhorias, ser\u00e1 necess\u00e1rio voltar a an\u00e1lise para a primeira fase de an\u00e1lise de requisitos, passando por todas as etapas previstas. Ap\u00f3s a an\u00e1lise de requisitos, o ciclo de vida ser\u00e1 seguido normalmente, dando in\u00edcio \u00e0 fase de design, avalia\u00e7\u00e3o e desenvolvimento.","title":"Aplicando a Usabilidade de Mayhew na avalia\u00e7\u00e3o do site"},{"location":"planejamento/processoDesign/#bibliografia","text":"Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021);Intera\u00e7\u00e3o Humano-Computador e Experi\u00eancia do usu\u00e1rio. Beyer, Hugh e Holtzblatt, Karen (1997). Contextual Design: Defining Customer-Centered Systems. Morgan Kaufmann Publishers Inc., San Francisco, CA, USA. Mayhew, D. Th e Usability Engineering Lifecycle: a practitioner\u2019s handbook for user interface design. San Francisco, CA: Morgan Kaufmann, 1999.","title":"Bibliografia"},{"location":"planejamento/processoDesign/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 04/07/2022 0.1 Cria\u00e7\u00e3o do t\u00f3pico Processo de Design Clara Ribeiro Matheus Perillo 04/07/2022 0.2 Adi\u00e7\u00e3o da legenda na imagem Clara Ribeiro Matheus Perillo 07/07/2022 0.3 Corre\u00e7\u00e3o de bugs na documenta\u00e7\u00e3o Matheus Perillo Clara Ribeiro 07/07/2022 0.4 Adi\u00e7\u00e3o de justificativa para processo escolhido Rafael Xavier Natan Santana 19/07/2022 0.5 Adi\u00e7\u00e3o do resumo de outros processos de Design Clara Ribeiro Natan Santana","title":"Tabela de Versionamento"},{"location":"planejamento/sitesAvaliados/","text":"Sites Avaliados Introdu\u00e7\u00e3o Para realizar a escolha de um site a ser utilizado no decorrer da disciplina, foram feitas an\u00e1lises de 6 sites diferentes a fim de selecionar o que mais poderia ter mais melhorias indicadas dentro do contexto da disciplina. As avalia\u00e7\u00f5es foram feitas baseadas nas 10 heur\u00edsticas de Nielsen: Status do sistema: o usu\u00e1rio deve ser informado pelo sistema em tempo razo\u00e1vel sobre o que est\u00e1 acontecendo. Correspond\u00eancia entre o sistema e o mundo real: os termos e textos que se encontram no site devem estar de acordo com a sua finalidade. Controle e liberdade do usu\u00e1rio: o usu\u00e1rio consegue sair de uma a\u00e7\u00e3o caso deseje ou volte em uma a\u00e7\u00e3o. Consist\u00eancia e padroniza\u00e7\u00e3o: o sistema segue padr\u00f5es definidos de acordo com as conven\u00e7\u00f5es da plataforma. Reconhecimento ao inv\u00e9s de relembran\u00e7a: as instru\u00e7\u00f5es para o bom funcionamento do sistema evem estar vis\u00edveis no contexto em que o usu\u00e1rio se encontra. Flexibilidade e e\ufb01ci\u00eancia de uso: a utiliza\u00e7\u00e3o de \u00edcones intuitivos que facilitem o reconhecimento de fun\u00e7\u00f5es no sistema e aumente a efici\u00eancia de realiza\u00e7\u00e3o de um objetivo. Est\u00e9tica e design minimalista: os di\u00e1logos do sistema devem conter somente informa\u00e7\u00f5es relevantes ao funcionamento. Preven\u00e7\u00e3o de erros: o sistema deve ter um design que se preocupe com as possibilidades de erro. Ajude os usu\u00e1rios a reconhecerem, diagnosticarem e se recuperarem de erros: mostrar mensagens de erros de forma clara e atenciosa, para que o usu\u00e1rio consiga reconhecer e corrigir seus erros. Ajuda e documenta\u00e7\u00e3o: ter uma documenta\u00e7\u00e3o do sistema que possa ser utilizada caso o usu\u00e1rio sinta dificuldade de realizar alguma opera\u00e7\u00e3o. Sites escolhidos pelos integrantes Site avaliado por cada membro individualmente Membro que fez a avalia\u00e7\u00e3o Caixa Econ\u00f4mica Natan Tavares Governo de Pernambuco Lu\u00edza Esteves Central Expresso Rafael Xavier Rastreamento Correios Daniel Coimbra Bras\u00edlia Laser Show Matheus Perillo Ag\u00eancia Virtual NeoEnergia Clara Ribeiro Caixa Econ\u00f4mica A Caixa Econ\u00f4mica \u00e9 uma institui\u00e7\u00e3o finaceira nacional que atende a pessoas de todos os cantos do Brasil. O site da empresa \u00e9 destinado a um p\u00fablico muito grande e diverso, com realidades diferentes. O respons\u00e1vel pela avalia\u00e7\u00e3o foi o [Natan Santana](https://github.com/Neitan2001) e para a an\u00e1lise do sistema, foi realizada uma avalia\u00e7\u00e3o heur\u00edstica, a fim de identificar e documentar problemas de usabilidade e design. Os problemas identificados afetaram as seguintes heur\u00edsticas: Status do sistema Consist\u00eancia e padr\u00f5es Preven\u00e7\u00e3o de erros Reconhecimento ao inv\u00e9s de relembran\u00e7a Flexibilidade e efici\u00eancia de uso Est\u00e9tica e design minimalista Os principais problemas referem-se a grande quantidade de informa\u00e7\u00f5es dispostas de forma a dificultar a identifica\u00e7\u00e3o das informa\u00e7\u00f5es, menu com sobreposi\u00e7\u00f5es que podem levar usu\u00e1rios a cometer erro e dificuldade de identificar onde o usu\u00e1rio se encontra no sistema. A avalia\u00e7\u00e3o completa pode ser encontrada Aqui Governo de Pernambuco O site do Governo de Pernambuco oferece informa\u00e7\u00f5es e servi\u00e7os do Estado, para que tanto turistas quanto moradores possam ter acesso facilitado a atividades e not\u00edcias que o governo entrega. A respons\u00e1vel pela avalia\u00e7\u00e3o foi a Lu\u00edza Esteves e os problemas identificados afetaram as seguintes heur\u00edsticas: Status do sistema Compatibilidade com o mundo real Consist\u00eancia e padr\u00f5es Est\u00e9tica e design minimalista Os principais problemas referem-se \u00e0 n\u00e3o atualiza\u00e7\u00e3o do sistema quando para de carregar, v\u00e1rios menus espalhados pela tela e com designs diferentes, funcionalidades em teste e est\u00e9tica sobrecarregada. A avalia\u00e7\u00e3o completa pode ser encontrada Aqui Central Expresso O site da CT Expresso tem o prop\u00f3sito de informar a popula\u00e7\u00e3o que faz o uso do transporte p\u00fablico sobre as linhas de \u00f4nibus e seus respectivos hor\u00e1rios, \u00e9 poss\u00edvel tamb\u00e9m visualizar as redes sociais da empresa e seu n\u00famero de contato, al\u00e9m de informa\u00e7\u00f5es sobre vale transporte. Ela atua fazendo linhas entre o DF e os munic\u00edpios do entorno e da regi\u00e3o de Goi\u00e1s. O respons\u00e1vel pela avalia\u00e7\u00e3o foi o Rafael Xavier e os problemas identificados afetaram as seguintes heur\u00edsticas: Consist\u00eancia e padr\u00f5es Est\u00e9tica e design minimalista Os principais problemas referem-se ao mal posicionamento das informa\u00e7\u00f5es, deixando-as incompletas e de dif\u00edcil entendimento. A avalia\u00e7\u00e3o completa pode ser encontrada Aqui Rastreamento Correios O site do Rastreamento Correios permite que pessoas que aguardam por entregas realizadas pelos correios do Brasil possam ser rastreadas e identificadas ao longo de seu trajeto. Para a an\u00e1lise do site, foi feito um estudo observat\u00f3rio, identificando as principais dificuldades que os usu\u00e1rios possam passar, como est\u00e9tica confusa, problemas com realiza\u00e7\u00e3o de login e cadastro. O respons\u00e1vel pela avalia\u00e7\u00e3o foi o Daniel Coimbra e os problemas identificados afetaram as seguintes heur\u00edsticas: Visibilidade e status do sistema Est\u00e9tica e design minimalista Flexibilidade e efici\u00eancia de uso Ajuda o usu\u00e1rio a reconhecer, diagnosticar e recuperar-se de erros A avalia\u00e7\u00e3o completa pode ser encontrada Aqui Bras\u00edlia Laser Show O Bras\u00edlia Laser Show \u00e9 uma empresa prestadora de servi\u00e7os especializada em ilumina\u00e7\u00e3o a laser para eventos especiais. O site da empresa mostra os eventos que j\u00e1 cobriu em fotos e v\u00eddeos, e tamb\u00e9m, diversas redes para entrar em contato com a mesma. O respons\u00e1vel pela avalia\u00e7\u00e3o foi o Matheus Perillo e os problemas identificados afetaram as seguintes heur\u00edsticas: Est\u00e9tica e design minimalista Ajuda e documenta\u00e7\u00e3o Preven\u00e7\u00e3o de erros Consist\u00eancia e padroniza\u00e7\u00e3o Status do sistema A avalia\u00e7\u00e3o completa pode ser encontrada Aqui Ag\u00eancia Virtual NeoEnergia A NeoEnergia \u00e9 uma empresa privada que fornece o abastecimento de energia el\u00e9trica a mais de 18 estados brasileiros. O site \u00e9 destinado aos consumidores que desejam solicitar algum servi\u00e7o ou buscar informa\u00e7\u00f5es pela p\u00e1gina. Os problemas identificados afetaram as seguintes heur\u00edsticas: Visibilidade e status do sistema Preven\u00e7\u00e3o de erros Flexibilidade e efici\u00eancia de uso A respons\u00e1vel pela avalia\u00e7\u00e3o foi a Clara Macedo e os principais problemas referem-se \u00e0 n\u00e3o identifica\u00e7\u00e3o de um erro cometido pelo usu\u00e1rio e falta de recursos que facilitem o acesso pelo usu\u00e1rio em fun\u00e7\u00f5es como gerar relat\u00f3rio ou manter salvo senhas e evitar processo de recupera\u00e7\u00e3o de senha. A avalia\u00e7\u00e3o completa pode ser encontrada Aqui Site escolhido Diante dos sites analisados individualmente por cada integrante da equipe, fizemos uma reuni\u00e3o e entramos em consenso, optando pelo site da NeoEnergia , que possui uma s\u00e9rie de problemas identificados que ser\u00e3o v\u00e1lidos para a realiza\u00e7\u00e3o de uma an\u00e1lise de IHC, al\u00e9m do p\u00fablico alvo para realiza\u00e7\u00e3o de pesquisas ser mais f\u00e1cil, j\u00e1 que o site avaliado da empresa, ser\u00e1 espec\u00edfico para usu\u00e1rios do Distrito Federal. Bibliografia BARBOSA, Simone; DINIZ, Bruno. Intera\u00e7\u00e3o Humano-Computador. Editora Elsevier, Rio de Janeiro, 2010. MACIEL, Cristiano; NOGUEIRA, Jos\u00e9 Luis; CIUFFO, Leandro; GARCIA, Ana Cristina. Avalia\u00e7\u00e3o Heur\u00edstica de S\u00edtios na Web. [S. l.] Nielsen, Jakob (1994). Usability Engineering. Morgan Kaufmann Publishers Inc., San Francisco, CA, USA. Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 03/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de Sites Avaliados Lu\u00edza Esteves Rafael Xavier 04/07/2022 0.2 Adi\u00e7\u00e3o de tabela de versionamento Lu\u00edza Esteves Rafael Xavier 07/07/2022 0.3 Inser\u00e7\u00e3o do restante dos sites avaliados Lu\u00edza Esteves Rafael Xavier 18/07/2022 0.4 Adi\u00e7\u00e3o dos links para avalia\u00e7\u00f5es individuais dos sites Natan Santana","title":"Sites Avaliados"},{"location":"planejamento/sitesAvaliados/#sites-avaliados","text":"","title":"Sites Avaliados"},{"location":"planejamento/sitesAvaliados/#introducao","text":"Para realizar a escolha de um site a ser utilizado no decorrer da disciplina, foram feitas an\u00e1lises de 6 sites diferentes a fim de selecionar o que mais poderia ter mais melhorias indicadas dentro do contexto da disciplina. As avalia\u00e7\u00f5es foram feitas baseadas nas 10 heur\u00edsticas de Nielsen: Status do sistema: o usu\u00e1rio deve ser informado pelo sistema em tempo razo\u00e1vel sobre o que est\u00e1 acontecendo. Correspond\u00eancia entre o sistema e o mundo real: os termos e textos que se encontram no site devem estar de acordo com a sua finalidade. Controle e liberdade do usu\u00e1rio: o usu\u00e1rio consegue sair de uma a\u00e7\u00e3o caso deseje ou volte em uma a\u00e7\u00e3o. Consist\u00eancia e padroniza\u00e7\u00e3o: o sistema segue padr\u00f5es definidos de acordo com as conven\u00e7\u00f5es da plataforma. Reconhecimento ao inv\u00e9s de relembran\u00e7a: as instru\u00e7\u00f5es para o bom funcionamento do sistema evem estar vis\u00edveis no contexto em que o usu\u00e1rio se encontra. Flexibilidade e e\ufb01ci\u00eancia de uso: a utiliza\u00e7\u00e3o de \u00edcones intuitivos que facilitem o reconhecimento de fun\u00e7\u00f5es no sistema e aumente a efici\u00eancia de realiza\u00e7\u00e3o de um objetivo. Est\u00e9tica e design minimalista: os di\u00e1logos do sistema devem conter somente informa\u00e7\u00f5es relevantes ao funcionamento. Preven\u00e7\u00e3o de erros: o sistema deve ter um design que se preocupe com as possibilidades de erro. Ajude os usu\u00e1rios a reconhecerem, diagnosticarem e se recuperarem de erros: mostrar mensagens de erros de forma clara e atenciosa, para que o usu\u00e1rio consiga reconhecer e corrigir seus erros. Ajuda e documenta\u00e7\u00e3o: ter uma documenta\u00e7\u00e3o do sistema que possa ser utilizada caso o usu\u00e1rio sinta dificuldade de realizar alguma opera\u00e7\u00e3o.","title":"Introdu\u00e7\u00e3o"},{"location":"planejamento/sitesAvaliados/#sites-escolhidos-pelos-integrantes","text":"Site avaliado por cada membro individualmente Membro que fez a avalia\u00e7\u00e3o Caixa Econ\u00f4mica Natan Tavares Governo de Pernambuco Lu\u00edza Esteves Central Expresso Rafael Xavier Rastreamento Correios Daniel Coimbra Bras\u00edlia Laser Show Matheus Perillo Ag\u00eancia Virtual NeoEnergia Clara Ribeiro","title":"Sites escolhidos pelos integrantes"},{"location":"planejamento/sitesAvaliados/#caixa-economica","text":"A Caixa Econ\u00f4mica \u00e9 uma institui\u00e7\u00e3o finaceira nacional que atende a pessoas de todos os cantos do Brasil. O site da empresa \u00e9 destinado a um p\u00fablico muito grande e diverso, com realidades diferentes. O respons\u00e1vel pela avalia\u00e7\u00e3o foi o [Natan Santana](https://github.com/Neitan2001) e para a an\u00e1lise do sistema, foi realizada uma avalia\u00e7\u00e3o heur\u00edstica, a fim de identificar e documentar problemas de usabilidade e design. Os problemas identificados afetaram as seguintes heur\u00edsticas: Status do sistema Consist\u00eancia e padr\u00f5es Preven\u00e7\u00e3o de erros Reconhecimento ao inv\u00e9s de relembran\u00e7a Flexibilidade e efici\u00eancia de uso Est\u00e9tica e design minimalista Os principais problemas referem-se a grande quantidade de informa\u00e7\u00f5es dispostas de forma a dificultar a identifica\u00e7\u00e3o das informa\u00e7\u00f5es, menu com sobreposi\u00e7\u00f5es que podem levar usu\u00e1rios a cometer erro e dificuldade de identificar onde o usu\u00e1rio se encontra no sistema. A avalia\u00e7\u00e3o completa pode ser encontrada Aqui","title":"Caixa Econ\u00f4mica"},{"location":"planejamento/sitesAvaliados/#governo-de-pernambuco","text":"O site do Governo de Pernambuco oferece informa\u00e7\u00f5es e servi\u00e7os do Estado, para que tanto turistas quanto moradores possam ter acesso facilitado a atividades e not\u00edcias que o governo entrega. A respons\u00e1vel pela avalia\u00e7\u00e3o foi a Lu\u00edza Esteves e os problemas identificados afetaram as seguintes heur\u00edsticas: Status do sistema Compatibilidade com o mundo real Consist\u00eancia e padr\u00f5es Est\u00e9tica e design minimalista Os principais problemas referem-se \u00e0 n\u00e3o atualiza\u00e7\u00e3o do sistema quando para de carregar, v\u00e1rios menus espalhados pela tela e com designs diferentes, funcionalidades em teste e est\u00e9tica sobrecarregada. A avalia\u00e7\u00e3o completa pode ser encontrada Aqui","title":"Governo de Pernambuco"},{"location":"planejamento/sitesAvaliados/#central-expresso","text":"O site da CT Expresso tem o prop\u00f3sito de informar a popula\u00e7\u00e3o que faz o uso do transporte p\u00fablico sobre as linhas de \u00f4nibus e seus respectivos hor\u00e1rios, \u00e9 poss\u00edvel tamb\u00e9m visualizar as redes sociais da empresa e seu n\u00famero de contato, al\u00e9m de informa\u00e7\u00f5es sobre vale transporte. Ela atua fazendo linhas entre o DF e os munic\u00edpios do entorno e da regi\u00e3o de Goi\u00e1s. O respons\u00e1vel pela avalia\u00e7\u00e3o foi o Rafael Xavier e os problemas identificados afetaram as seguintes heur\u00edsticas: Consist\u00eancia e padr\u00f5es Est\u00e9tica e design minimalista Os principais problemas referem-se ao mal posicionamento das informa\u00e7\u00f5es, deixando-as incompletas e de dif\u00edcil entendimento. A avalia\u00e7\u00e3o completa pode ser encontrada Aqui","title":"Central Expresso"},{"location":"planejamento/sitesAvaliados/#rastreamento-correios","text":"O site do Rastreamento Correios permite que pessoas que aguardam por entregas realizadas pelos correios do Brasil possam ser rastreadas e identificadas ao longo de seu trajeto. Para a an\u00e1lise do site, foi feito um estudo observat\u00f3rio, identificando as principais dificuldades que os usu\u00e1rios possam passar, como est\u00e9tica confusa, problemas com realiza\u00e7\u00e3o de login e cadastro. O respons\u00e1vel pela avalia\u00e7\u00e3o foi o Daniel Coimbra e os problemas identificados afetaram as seguintes heur\u00edsticas: Visibilidade e status do sistema Est\u00e9tica e design minimalista Flexibilidade e efici\u00eancia de uso Ajuda o usu\u00e1rio a reconhecer, diagnosticar e recuperar-se de erros A avalia\u00e7\u00e3o completa pode ser encontrada Aqui","title":"Rastreamento Correios"},{"location":"planejamento/sitesAvaliados/#brasilia-laser-show","text":"O Bras\u00edlia Laser Show \u00e9 uma empresa prestadora de servi\u00e7os especializada em ilumina\u00e7\u00e3o a laser para eventos especiais. O site da empresa mostra os eventos que j\u00e1 cobriu em fotos e v\u00eddeos, e tamb\u00e9m, diversas redes para entrar em contato com a mesma. O respons\u00e1vel pela avalia\u00e7\u00e3o foi o Matheus Perillo e os problemas identificados afetaram as seguintes heur\u00edsticas: Est\u00e9tica e design minimalista Ajuda e documenta\u00e7\u00e3o Preven\u00e7\u00e3o de erros Consist\u00eancia e padroniza\u00e7\u00e3o Status do sistema A avalia\u00e7\u00e3o completa pode ser encontrada Aqui","title":"Bras\u00edlia Laser Show"},{"location":"planejamento/sitesAvaliados/#agencia-virtual-neoenergia","text":"A NeoEnergia \u00e9 uma empresa privada que fornece o abastecimento de energia el\u00e9trica a mais de 18 estados brasileiros. O site \u00e9 destinado aos consumidores que desejam solicitar algum servi\u00e7o ou buscar informa\u00e7\u00f5es pela p\u00e1gina. Os problemas identificados afetaram as seguintes heur\u00edsticas: Visibilidade e status do sistema Preven\u00e7\u00e3o de erros Flexibilidade e efici\u00eancia de uso A respons\u00e1vel pela avalia\u00e7\u00e3o foi a Clara Macedo e os principais problemas referem-se \u00e0 n\u00e3o identifica\u00e7\u00e3o de um erro cometido pelo usu\u00e1rio e falta de recursos que facilitem o acesso pelo usu\u00e1rio em fun\u00e7\u00f5es como gerar relat\u00f3rio ou manter salvo senhas e evitar processo de recupera\u00e7\u00e3o de senha. A avalia\u00e7\u00e3o completa pode ser encontrada Aqui","title":"Ag\u00eancia Virtual NeoEnergia"},{"location":"planejamento/sitesAvaliados/#site-escolhido","text":"Diante dos sites analisados individualmente por cada integrante da equipe, fizemos uma reuni\u00e3o e entramos em consenso, optando pelo site da NeoEnergia , que possui uma s\u00e9rie de problemas identificados que ser\u00e3o v\u00e1lidos para a realiza\u00e7\u00e3o de uma an\u00e1lise de IHC, al\u00e9m do p\u00fablico alvo para realiza\u00e7\u00e3o de pesquisas ser mais f\u00e1cil, j\u00e1 que o site avaliado da empresa, ser\u00e1 espec\u00edfico para usu\u00e1rios do Distrito Federal.","title":"Site escolhido"},{"location":"planejamento/sitesAvaliados/#bibliografia","text":"BARBOSA, Simone; DINIZ, Bruno. Intera\u00e7\u00e3o Humano-Computador. Editora Elsevier, Rio de Janeiro, 2010. MACIEL, Cristiano; NOGUEIRA, Jos\u00e9 Luis; CIUFFO, Leandro; GARCIA, Ana Cristina. Avalia\u00e7\u00e3o Heur\u00edstica de S\u00edtios na Web. [S. l.] Nielsen, Jakob (1994). Usability Engineering. Morgan Kaufmann Publishers Inc., San Francisco, CA, USA.","title":"Bibliografia"},{"location":"planejamento/sitesAvaliados/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 03/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de Sites Avaliados Lu\u00edza Esteves Rafael Xavier 04/07/2022 0.2 Adi\u00e7\u00e3o de tabela de versionamento Lu\u00edza Esteves Rafael Xavier 07/07/2022 0.3 Inser\u00e7\u00e3o do restante dos sites avaliados Lu\u00edza Esteves Rafael Xavier 18/07/2022 0.4 Adi\u00e7\u00e3o dos links para avalia\u00e7\u00f5es individuais dos sites Natan Santana","title":"Tabela de Versionamento"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/agencia_virtual/","text":"Ag\u00eancia Virtual NeoEnergia Introdu\u00e7\u00e3o Para a avalia\u00e7\u00e3o do site da Ag\u00eancia Virtual foi escolhido o m\u00e9todo da avalia\u00e7\u00e3o heur\u00edstica, justamente por ser um m\u00e9todo que orienta o avaliador a inspecionar sistematicamente a interface em busca de problemas que prejudiquem a usabilidade. A seguir ser\u00e1 apresentado todos os dados coletados por meio da inspe\u00e7\u00e3o realizada pela avaliadora Clara Marcelino Ribeiro de Sousa. Dados Coletados 1. Visibilidade do status do sistema A seguir pode ser verificado o problema 1 encontrado na tela apresentada na Figura 1. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 1: Figura 1 Verifica\u00e7\u00e3o: o usu\u00e1rio \u00e9 informado pelo sistema em tempo razo\u00e1vel sobre o que est\u00e1 acontecendo? Tabela 1: Formul\u00e1rio do problema 1 2. Compatibilidade do sistema com o mundo real Verifica\u00e7\u00e3o: o sistema fala a linguagem do usu\u00e1rio utilizando palavras, frases, conceitos familiares a ele, em vez de termos orientados ao sistema? Sim, o sistema utiliza linguagem compat\u00edvel com o mundo real e de f\u00e1cil entendimento 3. Controle do usu\u00e1rio e liberdade Verifica\u00e7\u00e3o: fornece maneiras de permitir que o usu\u00e1rio saia facilmente de lugares inesperados em que se encontram, utilizando \"sa\u00eddas de emerg\u00eancia\" claramente identificadas? Sim, em todas as p\u00e1ginas de um servi\u00e7o espec\u00edfico, h\u00e1 a op\u00e7\u00e3o de retornar ao menu, como \u00e9 poss\u00edvel observar na Figura 2 abaixo. Figura 2 4. Consist\u00eancia e padr\u00f5es Verifica\u00e7\u00e3o: evita fazer com que o usu\u00e1rio tenha que pensar se palavras, situa\u00e7\u00f5es ou a\u00e7\u00f5es diferentes significam a mesma coisa? Sim, o site segue um mesmo padr\u00e3o em todas as p\u00e1ginas, o que facilita a navega\u00e7\u00e3o. 5. Ajuda o usu\u00e1rio a reconhecer, diagnosticar e recuperar-se de erros Verifica\u00e7\u00e3o: utiliza linguagem simples para descrever a natureza do problema e sugere uma maneira de resolv\u00ea-lo? Sim. Um bom exemplo \u00e9 na tela de login, em que \u00e9 informado caso o CPF inserido seja inv\u00e1lido. Tamb\u00e9m h\u00e1 a op\u00e7\u00e3o de recupera\u00e7\u00e3o de senha. 6. Preven\u00e7\u00e3o de erros A seguir pode ser verificado o problema 2 encontrado na tela apresentada na Figura 3. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 2: Figura 3 Verifica\u00e7\u00e3o: onde poss\u00edvel, impede a ocorr\u00eancia de erros? Tabela 2: Formul\u00e1rio do problema 2 7. Reconhecimento em vez de memoriza\u00e7\u00e3o Verifica\u00e7\u00e3o: tornar objetos, a\u00e7\u00f5es e op\u00e7\u00f5es vis\u00edveis? Sim, o site deixa os seus servi\u00e7os bem vis\u00edveis em diversos espa\u00e7os como pode ser notado na Figura 4 e 5 abaixo. Figura 4 Figura 5 8. Flexibilidade e efici\u00eancia de uso Verifica\u00e7\u00e3o: fornece aceleradores invis\u00edveis aos usu\u00e1rios inexperientes, os quais, no entanto, permitem aos mais experientes realizar tarefas com mais rapidez? A seguir pode ser verificado o problema 1 desta heur\u00edstica encontrado na tela apresentada na Figura 6. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 3: Figura 6 Tabela 3: Formul\u00e1rio do problema 1 da heur\u00edsitica 8 A seguir pode ser verificado o problema 2 desta heur\u00edstica encontrado na tela apresentada na Figura 7 e 8. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 4: Figura 7 Figura 8 Tabela 4: Formul\u00e1rio do problema 2 da heur\u00edsitica 8 9. Est\u00e9tica e design minimalista Verifica\u00e7\u00e3o: evita o uso de informa\u00e7\u00f5es irrelevantes ou raramente necess\u00e1rias. Sim, n\u00e3o h\u00e1 excesso de informa\u00e7\u00f5es nas p\u00e1ginas. 10. Ajuda e documenta\u00e7\u00e3o Verifica\u00e7\u00e3o: fornece informa\u00e7\u00f5es que podem ser facilmente encontradas e ajuda mediante passos que podem ser facilmente seguidos? Sim, h\u00e1 diversos conte\u00fados sobre o uso do sistema como pode notado na Figura 9 abaixo. Figura 9 Bibliografia Nielsen, Jakob (1994). Usability Engineering. Morgan Kaufmann Publishers Inc., San Francisco, CA, USA. BARBOSA, Simone. Avalia\u00e7\u00e3o Heur\u00edstica. In: INTERA\u00c7\u00c3O Humano-Computador e Experi\u00eancia do Usu\u00e1rio. [S. l.: s. n.], 2021. cap. 12, p. 282. MACIEL, Cristiano; NOGUEIRA, Jos\u00e9 Luis; CIUFFO, Leandro; GARCIA, Ana Cristina. Avalia\u00e7\u00e3o Heur\u00edstica de S\u00edtios na Web. [S. l.] Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 16/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de Avalia\u00e7\u00e3o da Ag\u00eancia Virtual Natan Santana Clara Ribeiro","title":"Ag\u00eancia Virtual NeoEnergia"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/agencia_virtual/#agencia-virtual-neoenergia","text":"","title":"Ag\u00eancia Virtual NeoEnergia"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/agencia_virtual/#introducao","text":"Para a avalia\u00e7\u00e3o do site da Ag\u00eancia Virtual foi escolhido o m\u00e9todo da avalia\u00e7\u00e3o heur\u00edstica, justamente por ser um m\u00e9todo que orienta o avaliador a inspecionar sistematicamente a interface em busca de problemas que prejudiquem a usabilidade. A seguir ser\u00e1 apresentado todos os dados coletados por meio da inspe\u00e7\u00e3o realizada pela avaliadora Clara Marcelino Ribeiro de Sousa.","title":"Introdu\u00e7\u00e3o"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/agencia_virtual/#dados-coletados","text":"","title":"Dados Coletados"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/agencia_virtual/#1-visibilidade-do-status-do-sistema","text":"A seguir pode ser verificado o problema 1 encontrado na tela apresentada na Figura 1. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 1: Figura 1 Verifica\u00e7\u00e3o: o usu\u00e1rio \u00e9 informado pelo sistema em tempo razo\u00e1vel sobre o que est\u00e1 acontecendo? Tabela 1: Formul\u00e1rio do problema 1","title":"1. Visibilidade do status do sistema"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/agencia_virtual/#2-compatibilidade-do-sistema-com-o-mundo-real","text":"Verifica\u00e7\u00e3o: o sistema fala a linguagem do usu\u00e1rio utilizando palavras, frases, conceitos familiares a ele, em vez de termos orientados ao sistema? Sim, o sistema utiliza linguagem compat\u00edvel com o mundo real e de f\u00e1cil entendimento","title":"2. Compatibilidade do sistema com o mundo real"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/agencia_virtual/#3-controle-do-usuario-e-liberdade","text":"Verifica\u00e7\u00e3o: fornece maneiras de permitir que o usu\u00e1rio saia facilmente de lugares inesperados em que se encontram, utilizando \"sa\u00eddas de emerg\u00eancia\" claramente identificadas? Sim, em todas as p\u00e1ginas de um servi\u00e7o espec\u00edfico, h\u00e1 a op\u00e7\u00e3o de retornar ao menu, como \u00e9 poss\u00edvel observar na Figura 2 abaixo. Figura 2","title":"3. Controle do usu\u00e1rio e liberdade"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/agencia_virtual/#4-consistencia-e-padroes","text":"Verifica\u00e7\u00e3o: evita fazer com que o usu\u00e1rio tenha que pensar se palavras, situa\u00e7\u00f5es ou a\u00e7\u00f5es diferentes significam a mesma coisa? Sim, o site segue um mesmo padr\u00e3o em todas as p\u00e1ginas, o que facilita a navega\u00e7\u00e3o.","title":"4. Consist\u00eancia e padr\u00f5es"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/agencia_virtual/#5-ajuda-o-usuario-a-reconhecer-diagnosticar-e-recuperar-se-de-erros","text":"Verifica\u00e7\u00e3o: utiliza linguagem simples para descrever a natureza do problema e sugere uma maneira de resolv\u00ea-lo? Sim. Um bom exemplo \u00e9 na tela de login, em que \u00e9 informado caso o CPF inserido seja inv\u00e1lido. Tamb\u00e9m h\u00e1 a op\u00e7\u00e3o de recupera\u00e7\u00e3o de senha.","title":"5. Ajuda o usu\u00e1rio a reconhecer, diagnosticar e recuperar-se de erros"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/agencia_virtual/#6-prevencao-de-erros","text":"A seguir pode ser verificado o problema 2 encontrado na tela apresentada na Figura 3. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 2: Figura 3 Verifica\u00e7\u00e3o: onde poss\u00edvel, impede a ocorr\u00eancia de erros? Tabela 2: Formul\u00e1rio do problema 2","title":"6. Preven\u00e7\u00e3o de erros"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/agencia_virtual/#7-reconhecimento-em-vez-de-memorizacao","text":"Verifica\u00e7\u00e3o: tornar objetos, a\u00e7\u00f5es e op\u00e7\u00f5es vis\u00edveis? Sim, o site deixa os seus servi\u00e7os bem vis\u00edveis em diversos espa\u00e7os como pode ser notado na Figura 4 e 5 abaixo. Figura 4 Figura 5","title":"7. Reconhecimento em vez de memoriza\u00e7\u00e3o"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/agencia_virtual/#8-flexibilidade-e-eficiencia-de-uso","text":"Verifica\u00e7\u00e3o: fornece aceleradores invis\u00edveis aos usu\u00e1rios inexperientes, os quais, no entanto, permitem aos mais experientes realizar tarefas com mais rapidez? A seguir pode ser verificado o problema 1 desta heur\u00edstica encontrado na tela apresentada na Figura 6. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 3: Figura 6 Tabela 3: Formul\u00e1rio do problema 1 da heur\u00edsitica 8 A seguir pode ser verificado o problema 2 desta heur\u00edstica encontrado na tela apresentada na Figura 7 e 8. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 4: Figura 7 Figura 8 Tabela 4: Formul\u00e1rio do problema 2 da heur\u00edsitica 8","title":"8. Flexibilidade e efici\u00eancia de uso"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/agencia_virtual/#9-estetica-e-design-minimalista","text":"Verifica\u00e7\u00e3o: evita o uso de informa\u00e7\u00f5es irrelevantes ou raramente necess\u00e1rias. Sim, n\u00e3o h\u00e1 excesso de informa\u00e7\u00f5es nas p\u00e1ginas.","title":"9. Est\u00e9tica e design minimalista"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/agencia_virtual/#10-ajuda-e-documentacao","text":"Verifica\u00e7\u00e3o: fornece informa\u00e7\u00f5es que podem ser facilmente encontradas e ajuda mediante passos que podem ser facilmente seguidos? Sim, h\u00e1 diversos conte\u00fados sobre o uso do sistema como pode notado na Figura 9 abaixo. Figura 9","title":"10. Ajuda e documenta\u00e7\u00e3o"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/agencia_virtual/#bibliografia","text":"Nielsen, Jakob (1994). Usability Engineering. Morgan Kaufmann Publishers Inc., San Francisco, CA, USA. BARBOSA, Simone. Avalia\u00e7\u00e3o Heur\u00edstica. In: INTERA\u00c7\u00c3O Humano-Computador e Experi\u00eancia do Usu\u00e1rio. [S. l.: s. n.], 2021. cap. 12, p. 282. MACIEL, Cristiano; NOGUEIRA, Jos\u00e9 Luis; CIUFFO, Leandro; GARCIA, Ana Cristina. Avalia\u00e7\u00e3o Heur\u00edstica de S\u00edtios na Web. [S. l.]","title":"Bibliografia"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/agencia_virtual/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 16/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de Avalia\u00e7\u00e3o da Ag\u00eancia Virtual Natan Santana Clara Ribeiro","title":"Tabela de Versionamento"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/brasilia_lazer/","text":"Bras\u00edlia Lazer Show Introdu\u00e7\u00e3o O Bras\u00edlia Laser Show \u00e9 uma empresa prestadora de servi\u00e7os especializada em ilumina\u00e7\u00e3o a laser para eventos especiais. O site da empresa mostra os eventos que j\u00e1 cobriu em fotos e v\u00eddeos, e tamb\u00e9m, diversas redes para entrar em contato com a mesma. A seguir ser\u00e1 apresentado todos os dados coletados por meio da inspe\u00e7\u00e3o realizada pelo avaliador Matheus Moreira Lopes Perillo. Problemas Identificados Problema 1 A seguir pode ser verificado o problema 1. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 1: Problema 2 A seguir pode ser verificado o problema 2. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 2: Problema 3 A seguir pode ser verificado o problema 3. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 3: Problema 4 A seguir pode ser verificado o problema 4. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 4: Problema 5 A seguir pode ser verificado o problema 5. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 5: Bibliografia Nielsen, Jakob (1994). Usability Engineering. Morgan Kaufmann Publishers Inc., San Francisco, CA, USA. BARBOSA, Simone. Avalia\u00e7\u00e3o Heur\u00edstica. In: INTERA\u00c7\u00c3O Humano-Computador e Experi\u00eancia do Usu\u00e1rio. [S. l.: s. n.], 2021. cap. 12, p. 282. MACIEL, Cristiano; NOGUEIRA, Jos\u00e9 Luis; CIUFFO, Leandro; GARCIA, Ana Cristina. Avalia\u00e7\u00e3o Heur\u00edstica de S\u00edtios na Web. [S. l.] Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 18/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de Avalia\u00e7\u00e3o do Brasilia Laser Show Natan Santana Clara Ribeiro","title":"Bras\u00edlia Lazer Show"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/brasilia_lazer/#brasilia-lazer-show","text":"","title":"Bras\u00edlia Lazer Show"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/brasilia_lazer/#introducao","text":"O Bras\u00edlia Laser Show \u00e9 uma empresa prestadora de servi\u00e7os especializada em ilumina\u00e7\u00e3o a laser para eventos especiais. O site da empresa mostra os eventos que j\u00e1 cobriu em fotos e v\u00eddeos, e tamb\u00e9m, diversas redes para entrar em contato com a mesma. A seguir ser\u00e1 apresentado todos os dados coletados por meio da inspe\u00e7\u00e3o realizada pelo avaliador Matheus Moreira Lopes Perillo.","title":"Introdu\u00e7\u00e3o"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/brasilia_lazer/#problemas-identificados","text":"","title":"Problemas Identificados"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/brasilia_lazer/#problema-1","text":"A seguir pode ser verificado o problema 1. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 1:","title":"Problema 1"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/brasilia_lazer/#problema-2","text":"A seguir pode ser verificado o problema 2. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 2:","title":"Problema 2"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/brasilia_lazer/#problema-3","text":"A seguir pode ser verificado o problema 3. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 3:","title":"Problema 3"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/brasilia_lazer/#problema-4","text":"A seguir pode ser verificado o problema 4. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 4:","title":"Problema 4"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/brasilia_lazer/#problema-5","text":"A seguir pode ser verificado o problema 5. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 5:","title":"Problema 5"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/brasilia_lazer/#bibliografia","text":"Nielsen, Jakob (1994). Usability Engineering. Morgan Kaufmann Publishers Inc., San Francisco, CA, USA. BARBOSA, Simone. Avalia\u00e7\u00e3o Heur\u00edstica. In: INTERA\u00c7\u00c3O Humano-Computador e Experi\u00eancia do Usu\u00e1rio. [S. l.: s. n.], 2021. cap. 12, p. 282. MACIEL, Cristiano; NOGUEIRA, Jos\u00e9 Luis; CIUFFO, Leandro; GARCIA, Ana Cristina. Avalia\u00e7\u00e3o Heur\u00edstica de S\u00edtios na Web. [S. l.]","title":"Bibliografia"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/brasilia_lazer/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 18/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de Avalia\u00e7\u00e3o do Brasilia Laser Show Natan Santana Clara Ribeiro","title":"Tabela de Versionamento"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/caixa_economica/","text":"Caixa Econ\u00f4mica Introdu\u00e7\u00e3o Neste relat\u00f3rio ser\u00e1 apresentado os resultados da avalia\u00e7\u00e3o do site da Caixa Econ\u00f4mica com o objetivo de identificar problemas na intera\u00e7\u00e3o e interface, detalhando onde ocorrem e uma poss\u00edvel solu\u00e7\u00e3o para melhorar a intera\u00e7\u00e3o do usu\u00e1rio com a plataforma. O escopo desta an\u00e1lise ser\u00e1 as telas do site principal que podem ser acessadas sem ter uma conta criada. A seguinte avalia\u00e7\u00e3o foi feita analisando as heur\u00edsticas propostas por Nielsen e identificando quais elementos estariam em viola\u00e7\u00e3o. A seguir ser\u00e1 explicado brevemente o m\u00e9todo de avalia\u00e7\u00e3o escolhido e apresentado todos os dados coletados por meio da inspe\u00e7\u00e3o realizada pelo avaliador Natan Tavares Santana. Avalia\u00e7\u00e3o Heur\u00edstica A Avalia\u00e7\u00e3o Heur\u00edstica \u00e9 um m\u00e9todo de inspe\u00e7\u00e3o onde um avaliador se coloca no lugar do usu\u00e1rio e procura problemas na interface que podem impedir que o usu\u00e1rio realize o seu objetivo ou que simplesmente cause alguma emo\u00e7\u00e3o negativa. Assim que um problema \u00e9 encontrado, \u00e9 preenchido o seguinte formul\u00e1rio apresentando na Tabela 1: Tabela 1: Formul\u00e1rio base Onde cada um dos campos significa: x. Heur\u00edstica: N\u00famero e diretriz que o problema est\u00e1 violando. Verifica\u00e7\u00e3o: Perguntas que verificam a validade da heur\u00edstica. Grau de Severidade: Uma escala de 0 a 4 para classificar o problema de usabilidade, onde 0 - Sem Import\u00e2ncia: n\u00e3o afeta a opera\u00e7\u00e3o da interface para todos usu\u00e1rios, n\u00e3o sendo encarado necessariamente como um problema de usabilidade. 1 - Cosm\u00e9tico: n\u00e3o necessita ser reparado, a menos que haja tempo dispon\u00edvel. 2 - Simples: pode ser reparado, com baixa prioridade de corre\u00e7\u00e3o. 3 - Grave: deve ser reparado, com alta prioridade de corre\u00e7\u00e3o. 4 - Catastr\u00f3fico: deve ser reparado de qualquer forma antes do produto ser disponibilizado. Natureza do Problema: Barreira: refere-se a um aspecto da interface no qual o usu\u00e1rio esbarra sucessivas vezes e n\u00e3o aprende a suplant\u00e1-lo. Uma barreira voltar\u00e1 a se apresentar ao usu\u00e1rio na pr\u00f3xima realiza\u00e7\u00e3o da tarefa. Obst\u00e1culo: refere-se a um aspecto da interface no qual o usu\u00e1rio esbarra e aprende a suplant\u00e1-lo. Ru\u00eddo: refere-se a um aspecto da interface que causa uma diminui\u00e7\u00e3o de seu desempenho na tarefa. O usu\u00e1rio pode desenvolver uma m\u00e1 impress\u00e3o do sistema. Perspectiva do Usu\u00e1rio: Quais tipos de usu\u00e1rio s\u00e3o afetados pelo problema Problema Geral: qualquer tipo de usu\u00e1rio durante a realiza\u00e7\u00e3o de sua tarefa. Problema Preliminar: usu\u00e1rios novatos ou intermedi\u00e1rios durante a realiza\u00e7\u00e3o de sua tarefa. Problema Especial: tipos de usu\u00e1rios especiais (portadores de defici\u00eancia) durante a realiza\u00e7\u00e3o de sua tarefa. Perspectiva do Projeto: \u00c9 importante citar a exist\u00eancia de duas categorias de problemas que salientam os poss\u00edveis efeitos de uma revis\u00e3o de projeto. Ao realizar a Avalia\u00e7\u00e3o Heur\u00edstica pela primeira vez, esta categoria de problema n\u00e3o deve ser preenchida. Falso Problema: refere-se a um aspecto da interface que, apesar de classificado como problema, na realidade n\u00e3o traz qualquer preju\u00edzo ao usu\u00e1rio, nem \u00e0 sua tarefa. Novo: refere-se a um novo problema de usabilidade que surgiu como consequ\u00eancia da corre\u00e7\u00e3o de um problema anterior. Perspectiva da Tarefa: Corresponde a um aspecto da interface que compromete a realiza\u00e7\u00e3o de tarefas Principal: frequentes ou importantes. Secund\u00e1rio: pouco frequentes ou pouco importantes. Contexto: \u00e9 a situa\u00e7\u00e3o de uso em que o problema pode ser verificado ou diagnosticado. Causa: refere-se ao aspecto do sistema que propicia o problema. Efeito sobre o usu\u00e1rio: corresponde \u00e0 consequ\u00eancia da intera\u00e7\u00e3o com o usu\u00e1rio, podendo haver, entre outros, sobrecarga cognitiva, desorienta\u00e7\u00e3o ou hesita\u00e7\u00e3o. Efeito sobre a tarefa: refere-se \u00e0 decorr\u00eancia da a\u00e7\u00e3o sobre a tarefa executada, podendo ocasionar trabalho adicional, perda de dados ou perda de tempo. Corre\u00e7\u00e3o poss\u00edvel: indica ao projetista poss\u00edveis altera\u00e7\u00f5es no sistema. Dados Coletados Problema 1 A seguir pode ser verificado o problema 1 encontrado na tela apresentada na Figura 1. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 2: Tabela 2: Formul\u00e1rio do problema 1 Problema 2 A seguir pode ser verificado o problema 2 encontrado na tela apresentada na Figura 2. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 3: Tabela 3: Formul\u00e1rio do problema 2 Problema 3 A seguir pode ser verificado o problema 3 encontrado na tela apresentada na Figura 3. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 4: Tabela 4: Formul\u00e1rio do problema 3 Problema 4 A seguir pode ser verificado o problema 4 encontrado na tela apresentada na Figura 3 acima. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 5: Tabela 5: Formul\u00e1rio do problema 4 Problema 5 A seguir pode ser verificado o problema 5 encontrado na tela apresentada na Figura 3 acima. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 6: Tabela 6: Formul\u00e1rio do problema 5 Problema 6 A seguir pode ser verificado o problema 6 encontrado na tela apresentada na Figura 4. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 7: Tabela 7: Formul\u00e1rio do problema 6 Problema 7 A seguir pode ser verificado o problema 7 encontrado na tela apresentada na Figura 4 acima. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 8: Tabela 8: Formul\u00e1rio do problema 7 Problema 8 A seguir pode ser verificado o problema 8 encontrado na tela apresentada na Figura 5. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 9: Tabela 9: Formul\u00e1rio do problema 8 Problema 9 A seguir pode ser verificado o problema 9 encontrado na tela apresentada na Figura 6 e Figura 7. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 10: Tabela 10: Formul\u00e1rio do problema 9 Bibliografia Nielsen, Jakob (1994). Usability Engineering. Morgan Kaufmann Publishers Inc., San Francisco, CA, USA. BARBOSA, Simone. Avalia\u00e7\u00e3o Heur\u00edstica. In: INTERA\u00c7\u00c3O Humano-Computador e Experi\u00eancia do Usu\u00e1rio. [S. l.: s. n.], 2021. cap. 12, p. 282. MACIEL, Cristiano; NOGUEIRA, Jos\u00e9 Luis; CIUFFO, Leandro; GARCIA, Ana Cristina. Avalia\u00e7\u00e3o Heur\u00edstica de S\u00edtios na Web. [S. l.] Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 15/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de Avalia\u00e7\u00e3o da Caixa Natan Santana Clara Ribeiro","title":"Caixa Econ\u00f4mica"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/caixa_economica/#caixa-economica","text":"","title":"Caixa Econ\u00f4mica"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/caixa_economica/#introducao","text":"Neste relat\u00f3rio ser\u00e1 apresentado os resultados da avalia\u00e7\u00e3o do site da Caixa Econ\u00f4mica com o objetivo de identificar problemas na intera\u00e7\u00e3o e interface, detalhando onde ocorrem e uma poss\u00edvel solu\u00e7\u00e3o para melhorar a intera\u00e7\u00e3o do usu\u00e1rio com a plataforma. O escopo desta an\u00e1lise ser\u00e1 as telas do site principal que podem ser acessadas sem ter uma conta criada. A seguinte avalia\u00e7\u00e3o foi feita analisando as heur\u00edsticas propostas por Nielsen e identificando quais elementos estariam em viola\u00e7\u00e3o. A seguir ser\u00e1 explicado brevemente o m\u00e9todo de avalia\u00e7\u00e3o escolhido e apresentado todos os dados coletados por meio da inspe\u00e7\u00e3o realizada pelo avaliador Natan Tavares Santana.","title":"Introdu\u00e7\u00e3o"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/caixa_economica/#avaliacao-heuristica","text":"A Avalia\u00e7\u00e3o Heur\u00edstica \u00e9 um m\u00e9todo de inspe\u00e7\u00e3o onde um avaliador se coloca no lugar do usu\u00e1rio e procura problemas na interface que podem impedir que o usu\u00e1rio realize o seu objetivo ou que simplesmente cause alguma emo\u00e7\u00e3o negativa. Assim que um problema \u00e9 encontrado, \u00e9 preenchido o seguinte formul\u00e1rio apresentando na Tabela 1: Tabela 1: Formul\u00e1rio base Onde cada um dos campos significa: x. Heur\u00edstica: N\u00famero e diretriz que o problema est\u00e1 violando. Verifica\u00e7\u00e3o: Perguntas que verificam a validade da heur\u00edstica. Grau de Severidade: Uma escala de 0 a 4 para classificar o problema de usabilidade, onde 0 - Sem Import\u00e2ncia: n\u00e3o afeta a opera\u00e7\u00e3o da interface para todos usu\u00e1rios, n\u00e3o sendo encarado necessariamente como um problema de usabilidade. 1 - Cosm\u00e9tico: n\u00e3o necessita ser reparado, a menos que haja tempo dispon\u00edvel. 2 - Simples: pode ser reparado, com baixa prioridade de corre\u00e7\u00e3o. 3 - Grave: deve ser reparado, com alta prioridade de corre\u00e7\u00e3o. 4 - Catastr\u00f3fico: deve ser reparado de qualquer forma antes do produto ser disponibilizado. Natureza do Problema: Barreira: refere-se a um aspecto da interface no qual o usu\u00e1rio esbarra sucessivas vezes e n\u00e3o aprende a suplant\u00e1-lo. Uma barreira voltar\u00e1 a se apresentar ao usu\u00e1rio na pr\u00f3xima realiza\u00e7\u00e3o da tarefa. Obst\u00e1culo: refere-se a um aspecto da interface no qual o usu\u00e1rio esbarra e aprende a suplant\u00e1-lo. Ru\u00eddo: refere-se a um aspecto da interface que causa uma diminui\u00e7\u00e3o de seu desempenho na tarefa. O usu\u00e1rio pode desenvolver uma m\u00e1 impress\u00e3o do sistema. Perspectiva do Usu\u00e1rio: Quais tipos de usu\u00e1rio s\u00e3o afetados pelo problema Problema Geral: qualquer tipo de usu\u00e1rio durante a realiza\u00e7\u00e3o de sua tarefa. Problema Preliminar: usu\u00e1rios novatos ou intermedi\u00e1rios durante a realiza\u00e7\u00e3o de sua tarefa. Problema Especial: tipos de usu\u00e1rios especiais (portadores de defici\u00eancia) durante a realiza\u00e7\u00e3o de sua tarefa. Perspectiva do Projeto: \u00c9 importante citar a exist\u00eancia de duas categorias de problemas que salientam os poss\u00edveis efeitos de uma revis\u00e3o de projeto. Ao realizar a Avalia\u00e7\u00e3o Heur\u00edstica pela primeira vez, esta categoria de problema n\u00e3o deve ser preenchida. Falso Problema: refere-se a um aspecto da interface que, apesar de classificado como problema, na realidade n\u00e3o traz qualquer preju\u00edzo ao usu\u00e1rio, nem \u00e0 sua tarefa. Novo: refere-se a um novo problema de usabilidade que surgiu como consequ\u00eancia da corre\u00e7\u00e3o de um problema anterior. Perspectiva da Tarefa: Corresponde a um aspecto da interface que compromete a realiza\u00e7\u00e3o de tarefas Principal: frequentes ou importantes. Secund\u00e1rio: pouco frequentes ou pouco importantes. Contexto: \u00e9 a situa\u00e7\u00e3o de uso em que o problema pode ser verificado ou diagnosticado. Causa: refere-se ao aspecto do sistema que propicia o problema. Efeito sobre o usu\u00e1rio: corresponde \u00e0 consequ\u00eancia da intera\u00e7\u00e3o com o usu\u00e1rio, podendo haver, entre outros, sobrecarga cognitiva, desorienta\u00e7\u00e3o ou hesita\u00e7\u00e3o. Efeito sobre a tarefa: refere-se \u00e0 decorr\u00eancia da a\u00e7\u00e3o sobre a tarefa executada, podendo ocasionar trabalho adicional, perda de dados ou perda de tempo. Corre\u00e7\u00e3o poss\u00edvel: indica ao projetista poss\u00edveis altera\u00e7\u00f5es no sistema.","title":"Avalia\u00e7\u00e3o Heur\u00edstica"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/caixa_economica/#dados-coletados","text":"","title":"Dados Coletados"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/caixa_economica/#problema-1","text":"A seguir pode ser verificado o problema 1 encontrado na tela apresentada na Figura 1. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 2: Tabela 2: Formul\u00e1rio do problema 1","title":"Problema 1"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/caixa_economica/#problema-2","text":"A seguir pode ser verificado o problema 2 encontrado na tela apresentada na Figura 2. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 3: Tabela 3: Formul\u00e1rio do problema 2","title":"Problema 2"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/caixa_economica/#problema-3","text":"A seguir pode ser verificado o problema 3 encontrado na tela apresentada na Figura 3. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 4: Tabela 4: Formul\u00e1rio do problema 3","title":"Problema 3"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/caixa_economica/#problema-4","text":"A seguir pode ser verificado o problema 4 encontrado na tela apresentada na Figura 3 acima. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 5: Tabela 5: Formul\u00e1rio do problema 4","title":"Problema 4"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/caixa_economica/#problema-5","text":"A seguir pode ser verificado o problema 5 encontrado na tela apresentada na Figura 3 acima. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 6: Tabela 6: Formul\u00e1rio do problema 5","title":"Problema 5"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/caixa_economica/#problema-6","text":"A seguir pode ser verificado o problema 6 encontrado na tela apresentada na Figura 4. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 7: Tabela 7: Formul\u00e1rio do problema 6","title":"Problema 6"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/caixa_economica/#problema-7","text":"A seguir pode ser verificado o problema 7 encontrado na tela apresentada na Figura 4 acima. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 8: Tabela 8: Formul\u00e1rio do problema 7","title":"Problema 7"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/caixa_economica/#problema-8","text":"A seguir pode ser verificado o problema 8 encontrado na tela apresentada na Figura 5. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 9: Tabela 9: Formul\u00e1rio do problema 8","title":"Problema 8"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/caixa_economica/#problema-9","text":"A seguir pode ser verificado o problema 9 encontrado na tela apresentada na Figura 6 e Figura 7. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 10: Tabela 10: Formul\u00e1rio do problema 9","title":"Problema 9"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/caixa_economica/#bibliografia","text":"Nielsen, Jakob (1994). Usability Engineering. Morgan Kaufmann Publishers Inc., San Francisco, CA, USA. BARBOSA, Simone. Avalia\u00e7\u00e3o Heur\u00edstica. In: INTERA\u00c7\u00c3O Humano-Computador e Experi\u00eancia do Usu\u00e1rio. [S. l.: s. n.], 2021. cap. 12, p. 282. MACIEL, Cristiano; NOGUEIRA, Jos\u00e9 Luis; CIUFFO, Leandro; GARCIA, Ana Cristina. Avalia\u00e7\u00e3o Heur\u00edstica de S\u00edtios na Web. [S. l.]","title":"Bibliografia"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/caixa_economica/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 15/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de Avalia\u00e7\u00e3o da Caixa Natan Santana Clara Ribeiro","title":"Tabela de Versionamento"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/central_expresso/","text":"Central Expresso Introdu\u00e7\u00e3o O site da CT Expresso tem o prop\u00f3sito de informar a popula\u00e7\u00e3o que faz o uso do transporte p\u00fablico sobre as linhas de \u00f4nibus e seus respectivos hor\u00e1rios, \u00e9 poss\u00edvel tamb\u00e9m visualizar as redes sociais da empresa e seu n\u00famero de contato, al\u00e9m de informa\u00e7\u00f5es sobre vale transporte. A seguir ser\u00e1 explicado brevemente o m\u00e9todo de avalia\u00e7\u00e3o escolhido e apresentado todos os dados coletados por meio da inspe\u00e7\u00e3o realizada pelo avaliador Rafael Xavier Canabrava. Objetivo O objetivo mais importante levantado durante a fase de planejamento \u00e9 verificar se o site \u00e9 \u00fatil e intuitivo, pelo fato de que sua fun\u00e7\u00e3o \u00e9 informar a popula\u00e7\u00e3o. Avalia\u00e7\u00e3o Para a avalia\u00e7\u00e3o do site da Central Expresso foi escolhido o m\u00e9todo da avalia\u00e7\u00e3o heur\u00edstica, justamente por ser um m\u00e9todo que orienta o avaliador a inspecionar sistematicamente a interface em busca de problemas que prejudiquem a usabilidade. Dados Coletados Problema 1 A seguir pode ser verificado o problema 1 encontrado na tela apresentada na Figura 1. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 1: Tabela 1: Formul\u00e1rio do problema 1 Problema 2 A seguir pode ser verificado o problema 2 encontrado na tela apresentada na Figura 2. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 2: Tabela 2: Formul\u00e1rio do problema 2 Bibliografia Nielsen, Jakob (1994). Usability Engineering. Morgan Kaufmann Publishers Inc., San Francisco, CA, USA. BARBOSA, Simone. Avalia\u00e7\u00e3o Heur\u00edstica. In: INTERA\u00c7\u00c3O Humano-Computador e Experi\u00eancia do Usu\u00e1rio. [S. l.: s. n.], 2021. cap. 12, p. 282. MACIEL, Cristiano; NOGUEIRA, Jos\u00e9 Luis; CIUFFO, Leandro; GARCIA, Ana Cristina. Avalia\u00e7\u00e3o Heur\u00edstica de S\u00edtios na Web. [S. l.] Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 16/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de Avalia\u00e7\u00e3o da Central Expresso Natan Santana Clara Ribeiro","title":"Central Expresso"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/central_expresso/#central-expresso","text":"","title":"Central Expresso"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/central_expresso/#introducao","text":"O site da CT Expresso tem o prop\u00f3sito de informar a popula\u00e7\u00e3o que faz o uso do transporte p\u00fablico sobre as linhas de \u00f4nibus e seus respectivos hor\u00e1rios, \u00e9 poss\u00edvel tamb\u00e9m visualizar as redes sociais da empresa e seu n\u00famero de contato, al\u00e9m de informa\u00e7\u00f5es sobre vale transporte. A seguir ser\u00e1 explicado brevemente o m\u00e9todo de avalia\u00e7\u00e3o escolhido e apresentado todos os dados coletados por meio da inspe\u00e7\u00e3o realizada pelo avaliador Rafael Xavier Canabrava.","title":"Introdu\u00e7\u00e3o"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/central_expresso/#objetivo","text":"O objetivo mais importante levantado durante a fase de planejamento \u00e9 verificar se o site \u00e9 \u00fatil e intuitivo, pelo fato de que sua fun\u00e7\u00e3o \u00e9 informar a popula\u00e7\u00e3o.","title":"Objetivo"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/central_expresso/#avaliacao","text":"Para a avalia\u00e7\u00e3o do site da Central Expresso foi escolhido o m\u00e9todo da avalia\u00e7\u00e3o heur\u00edstica, justamente por ser um m\u00e9todo que orienta o avaliador a inspecionar sistematicamente a interface em busca de problemas que prejudiquem a usabilidade.","title":"Avalia\u00e7\u00e3o"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/central_expresso/#dados-coletados","text":"","title":"Dados Coletados"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/central_expresso/#problema-1","text":"A seguir pode ser verificado o problema 1 encontrado na tela apresentada na Figura 1. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 1: Tabela 1: Formul\u00e1rio do problema 1","title":"Problema 1"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/central_expresso/#problema-2","text":"A seguir pode ser verificado o problema 2 encontrado na tela apresentada na Figura 2. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 2: Tabela 2: Formul\u00e1rio do problema 2","title":"Problema 2"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/central_expresso/#bibliografia","text":"Nielsen, Jakob (1994). Usability Engineering. Morgan Kaufmann Publishers Inc., San Francisco, CA, USA. BARBOSA, Simone. Avalia\u00e7\u00e3o Heur\u00edstica. In: INTERA\u00c7\u00c3O Humano-Computador e Experi\u00eancia do Usu\u00e1rio. [S. l.: s. n.], 2021. cap. 12, p. 282. MACIEL, Cristiano; NOGUEIRA, Jos\u00e9 Luis; CIUFFO, Leandro; GARCIA, Ana Cristina. Avalia\u00e7\u00e3o Heur\u00edstica de S\u00edtios na Web. [S. l.]","title":"Bibliografia"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/central_expresso/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 16/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de Avalia\u00e7\u00e3o da Central Expresso Natan Santana Clara Ribeiro","title":"Tabela de Versionamento"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/governo_pernambuco/","text":"Governo Pernambuco Introdu\u00e7\u00e3o Ao analisar o site do Governo de Pernambuco, cujo processo de desenvolvimento j\u00e1 foi feito, o melhor m\u00e9todo encontrado para fazer uma avalia\u00e7\u00e3o inicial neste relat\u00f3rio ser\u00e1 por meio de uma Avalia\u00e7\u00e3o Heur\u00edstica, uma vez que ela se baseia em identificar problemas na interface que possam atrapalhar a usabilidade do sistema. A seguir ser\u00e1 explicado brevemente o m\u00e9todo de avalia\u00e7\u00e3o escolhido e apresentado todos os dados coletados por meio da inspe\u00e7\u00e3o realizada pela avaliadora Lu\u00edza Esteves. Heur\u00edsticas de Nielsen As heur\u00edsticas de Nielsen permitem uma an\u00e1lise de um sistema que j\u00e1 est\u00e1 em desenvolvimento ou foi finalizado. Com isso, \u00e9 poss\u00edvel buscar solu\u00e7\u00f5es de forma r\u00e1pida que melhorem a usabilidade do sistema. Existem 10 heur\u00edsticas que foram constru\u00eddas para serem utilizadas como base de identifica\u00e7\u00e3o de problemas no sistema: Visibilidade do estado do sistema: Permitir que o usu\u00e1rio entenda qual o status do sistema. Correspond\u00eancia entre o sistema e o mundo real: Os termos e textos que se encontram no site devem estar de acordo com a sua finalidade. Controle e liberdade do usu\u00e1rio: O usu\u00e1rio consegue sair de uma a\u00e7\u00e3o caso deseje ou volte em uma a\u00e7\u00e3o. Consist\u00eancia e padroniza\u00e7\u00e3o: O sistema segue padr\u00f5es definidos de acordo com as conven\u00e7\u00f5es da plataforma. Reconhecimento em vez de memoriza\u00e7\u00e3o: O usu\u00e1rio consegue identificar o que cada parte do sistema significa e realizar suas a\u00e7\u00f5es sem a necessidade de consulta ou ajuda. Flexibilidade e efici\u00eancia de uso: A utiliza\u00e7\u00e3o de \u00edcones intuitivos que facilitem o reconhecimento de fun\u00e7\u00f5es no sistema e aumente a efici\u00eancia de realiza\u00e7\u00e3o de um objetivo. Projeto est\u00e9tico e minimalista: Interface simples e f\u00e1cil de se entender, sem uma sobrecarga de informa\u00e7\u00f5es no usu\u00e1rio. Preven\u00e7\u00e3o de erros: Colocar obst\u00e1culos que impe\u00e7am o usu\u00e1rio de cometer erros durante o uso do sistema. Ajude os usu\u00e1rios a reconhecerem, diagnosticarem e se recuperarem de erros: Mostrar mensagens de erros de forma clara e atenciosa, para que o usu\u00e1rio consiga reconhecer e corrigir seus erros. Ajuda e documenta\u00e7\u00e3o: Ter uma documenta\u00e7\u00e3o do sistema que possa ser utilizada caso o usu\u00e1rio sinta dificuldade de realizar alguma opera\u00e7\u00e3o. Interpreta\u00e7\u00e3o e identifica\u00e7\u00e3o de problemas no sistema 1 - Visibilidade e status do sistema Verifica\u00e7\u00e3o O sistema mant\u00e9m feedback? Os feedbacks s\u00e3o adequados e no tempo certo? Os usu\u00e1rios conseguem identificar e compreender o feedback? Descri\u00e7\u00e3o do problema: Ao iniciar o processo de carregamento de uma p\u00e1gina, o sistema coloca uma mensagem de que a p\u00e1gina est\u00e1 sendo carregada mas n\u00e3o \u00e9 removida ao fim do carregamento. Isso pode levar o usu\u00e1rio a esperar demasiadamente por um carregamento que j\u00e1 foi feito e desistir de utilizar o site. Grau de Severidade: 1 - Cosm\u00e9tico 2 - Pequeno 3 - grande 4 - Catastr\u00f3fico Natureza do problema: Barreira Obst\u00e1culo Ru\u00eddo Perspectiva da Tarefa: Problema Principal Problema Secund\u00e1rio Corre\u00e7\u00e3o poss\u00edvel: Remover a indica\u00e7\u00e3o de carregando quando finalizar o carregamento do sistema. 2 - Compatibilidade com o mundo real Verifica\u00e7\u00e3o Os padr\u00f5es identificados em um sistema comum est\u00e3o sendo seguidos? As express\u00f5es utilizadas condizem com o padr\u00e3o governamental? Descri\u00e7\u00e3o do problema: Existem 3 menus diferentes em partes diferenciadas e com layouts diferentes na p\u00e1gina inicial, o que pode dificultar o entendimento do funcionamento, j\u00e1 que o comum \u00e9 existir um menu superior ou lateral, com seus subtipos abertos ao selecionar um t\u00edtulo principal. Grau de Severidade: 1 - Cosm\u00e9tico 2 - Pequeno 3 - grande 4 - Catastr\u00f3fico Natureza do problema: Barreira Obst\u00e1culo Ru\u00eddo Perspectiva da Tarefa: Problema Principal Problema Secund\u00e1rio Corre\u00e7\u00e3o poss\u00edvel: Criar um menu superior \u00fanico, com t\u00edtulos gerais e seus subtemas devem aparecer ao passar o mouse por cima, evitando uma grande quantidade de t\u00edtulos que geram sobrecarga de informa\u00e7\u00f5es. 3 - Consist\u00eancia e padroniza\u00e7\u00e3o Verifica\u00e7\u00e3o Todos os t\u00edtulos condizem com o seu conte\u00fado? Existem a\u00e7\u00f5es diferentes que significam a mesma coisa? Descri\u00e7\u00e3o do problema: Dentro da p\u00e1gina de servi\u00e7os onlines, tanto na parte de cidad\u00e3os quanto de empresas est\u00e3o apenas faixas escritas \u201ctestes\u201d e um link que redireciona ao site do Google, trazendo inconsist\u00eancia e fugindo do padr\u00e3o de conte\u00fado que deveria estar. Grau de Severidade: 1 - Cosm\u00e9tico 2 - Pequeno 3 - grande 4 - Catastr\u00f3fico Natureza do problema: Barreira Obst\u00e1culo Ru\u00eddo Perspectiva da Tarefa: Problema Principal Problema Secund\u00e1rio Corre\u00e7\u00e3o poss\u00edvel: Adicionar os servi\u00e7os dispon\u00edveis para os cidad\u00e3os e as empresas e retirar a sess\u00e3o de teste. Caso ainda n\u00e3o haja esse servi\u00e7o dispon\u00edvel, excluir essa op\u00e7\u00e3o do menu e remover a p\u00e1gina temporariamente at\u00e9 que esteja tudo pronto. 4 - Projeto est\u00e9tico e minimalista Verifica\u00e7\u00e3o A interface cont\u00e9m apenas informa\u00e7\u00f5es necess\u00e1rias? O design elaborado \u00e9 simples? O usu\u00e1rio consegue visualizar apenas o importante para sua a\u00e7\u00e3o? Descri\u00e7\u00e3o do problema: A est\u00e9tica produzida para o sistema possui uma carga de informa\u00e7\u00f5es muito grande e mal posicionada. Tanto a p\u00e1gina inicial quanto as demais possuem background com imagens que dificultam a leitura, menus mal posicionados e textos com cores fortes. Grau de Severidade: 1 - Cosm\u00e9tico 2 - Pequeno 3 - grande 4 - Catastr\u00f3fico Natureza do problema: Barreira Obst\u00e1culo Ru\u00eddo Perspectiva da Tarefa: Problema Principal Problema Secund\u00e1rio Corre\u00e7\u00e3o poss\u00edvel: Refazer o design e as cores padr\u00f5es dos textos do sistema, para que tanto os textos quanto os menus fiquem mais limpos e f\u00e1ceis de ser entendidos. Objetivos e escopo da avalia\u00e7\u00e3o A avalia\u00e7\u00e3o realizada busca identificar, em um sistema j\u00e1 existente, problemas na interface que dificultem sua usabilidade e acessibilidade. Se tratando de um site que atende uma grande popula\u00e7\u00e3o de diversificadas caracter\u00edsticas, ele deve ser claro e de f\u00e1cil identifica\u00e7\u00e3o nas atividades do site. Bibliografia Nielsen, Jakob (1994). Usability Engineering. Morgan Kaufmann Publishers Inc., San Francisco, CA, USA. BARBOSA, Simone; SILVA, Bruno. \"Intera\u00e7\u00e3o Humano-Computador\". Elsevier Editora Ltda, 2010. MACIEL, Cristiano; NOGUEIRA, Jos\u00e9 Luis; CIUFFO, Leandro; GARCIA, Ana Cristina. Avalia\u00e7\u00e3o Heur\u00edstica de S\u00edtios na Web. [S. l.] Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 15/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de Avalia\u00e7\u00e3o do Governo de Pernambuco Natan Santana Clara Ribeiro","title":"Governo Pernambuco"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/governo_pernambuco/#governo-pernambuco","text":"","title":"Governo Pernambuco"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/governo_pernambuco/#introducao","text":"Ao analisar o site do Governo de Pernambuco, cujo processo de desenvolvimento j\u00e1 foi feito, o melhor m\u00e9todo encontrado para fazer uma avalia\u00e7\u00e3o inicial neste relat\u00f3rio ser\u00e1 por meio de uma Avalia\u00e7\u00e3o Heur\u00edstica, uma vez que ela se baseia em identificar problemas na interface que possam atrapalhar a usabilidade do sistema. A seguir ser\u00e1 explicado brevemente o m\u00e9todo de avalia\u00e7\u00e3o escolhido e apresentado todos os dados coletados por meio da inspe\u00e7\u00e3o realizada pela avaliadora Lu\u00edza Esteves.","title":"Introdu\u00e7\u00e3o"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/governo_pernambuco/#heuristicas-de-nielsen","text":"As heur\u00edsticas de Nielsen permitem uma an\u00e1lise de um sistema que j\u00e1 est\u00e1 em desenvolvimento ou foi finalizado. Com isso, \u00e9 poss\u00edvel buscar solu\u00e7\u00f5es de forma r\u00e1pida que melhorem a usabilidade do sistema. Existem 10 heur\u00edsticas que foram constru\u00eddas para serem utilizadas como base de identifica\u00e7\u00e3o de problemas no sistema: Visibilidade do estado do sistema: Permitir que o usu\u00e1rio entenda qual o status do sistema. Correspond\u00eancia entre o sistema e o mundo real: Os termos e textos que se encontram no site devem estar de acordo com a sua finalidade. Controle e liberdade do usu\u00e1rio: O usu\u00e1rio consegue sair de uma a\u00e7\u00e3o caso deseje ou volte em uma a\u00e7\u00e3o. Consist\u00eancia e padroniza\u00e7\u00e3o: O sistema segue padr\u00f5es definidos de acordo com as conven\u00e7\u00f5es da plataforma. Reconhecimento em vez de memoriza\u00e7\u00e3o: O usu\u00e1rio consegue identificar o que cada parte do sistema significa e realizar suas a\u00e7\u00f5es sem a necessidade de consulta ou ajuda. Flexibilidade e efici\u00eancia de uso: A utiliza\u00e7\u00e3o de \u00edcones intuitivos que facilitem o reconhecimento de fun\u00e7\u00f5es no sistema e aumente a efici\u00eancia de realiza\u00e7\u00e3o de um objetivo. Projeto est\u00e9tico e minimalista: Interface simples e f\u00e1cil de se entender, sem uma sobrecarga de informa\u00e7\u00f5es no usu\u00e1rio. Preven\u00e7\u00e3o de erros: Colocar obst\u00e1culos que impe\u00e7am o usu\u00e1rio de cometer erros durante o uso do sistema. Ajude os usu\u00e1rios a reconhecerem, diagnosticarem e se recuperarem de erros: Mostrar mensagens de erros de forma clara e atenciosa, para que o usu\u00e1rio consiga reconhecer e corrigir seus erros. Ajuda e documenta\u00e7\u00e3o: Ter uma documenta\u00e7\u00e3o do sistema que possa ser utilizada caso o usu\u00e1rio sinta dificuldade de realizar alguma opera\u00e7\u00e3o.","title":"Heur\u00edsticas de Nielsen"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/governo_pernambuco/#interpretacao-e-identificacao-de-problemas-no-sistema","text":"","title":"Interpreta\u00e7\u00e3o e identifica\u00e7\u00e3o de problemas no sistema"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/governo_pernambuco/#1-visibilidade-e-status-do-sistema","text":"Verifica\u00e7\u00e3o O sistema mant\u00e9m feedback? Os feedbacks s\u00e3o adequados e no tempo certo? Os usu\u00e1rios conseguem identificar e compreender o feedback? Descri\u00e7\u00e3o do problema: Ao iniciar o processo de carregamento de uma p\u00e1gina, o sistema coloca uma mensagem de que a p\u00e1gina est\u00e1 sendo carregada mas n\u00e3o \u00e9 removida ao fim do carregamento. Isso pode levar o usu\u00e1rio a esperar demasiadamente por um carregamento que j\u00e1 foi feito e desistir de utilizar o site. Grau de Severidade: 1 - Cosm\u00e9tico 2 - Pequeno 3 - grande 4 - Catastr\u00f3fico Natureza do problema: Barreira Obst\u00e1culo Ru\u00eddo Perspectiva da Tarefa: Problema Principal Problema Secund\u00e1rio Corre\u00e7\u00e3o poss\u00edvel: Remover a indica\u00e7\u00e3o de carregando quando finalizar o carregamento do sistema.","title":"1 - Visibilidade e status do sistema"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/governo_pernambuco/#2-compatibilidade-com-o-mundo-real","text":"Verifica\u00e7\u00e3o Os padr\u00f5es identificados em um sistema comum est\u00e3o sendo seguidos? As express\u00f5es utilizadas condizem com o padr\u00e3o governamental? Descri\u00e7\u00e3o do problema: Existem 3 menus diferentes em partes diferenciadas e com layouts diferentes na p\u00e1gina inicial, o que pode dificultar o entendimento do funcionamento, j\u00e1 que o comum \u00e9 existir um menu superior ou lateral, com seus subtipos abertos ao selecionar um t\u00edtulo principal. Grau de Severidade: 1 - Cosm\u00e9tico 2 - Pequeno 3 - grande 4 - Catastr\u00f3fico Natureza do problema: Barreira Obst\u00e1culo Ru\u00eddo Perspectiva da Tarefa: Problema Principal Problema Secund\u00e1rio Corre\u00e7\u00e3o poss\u00edvel: Criar um menu superior \u00fanico, com t\u00edtulos gerais e seus subtemas devem aparecer ao passar o mouse por cima, evitando uma grande quantidade de t\u00edtulos que geram sobrecarga de informa\u00e7\u00f5es.","title":"2 - Compatibilidade com o mundo real"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/governo_pernambuco/#3-consistencia-e-padronizacao","text":"Verifica\u00e7\u00e3o Todos os t\u00edtulos condizem com o seu conte\u00fado? Existem a\u00e7\u00f5es diferentes que significam a mesma coisa? Descri\u00e7\u00e3o do problema: Dentro da p\u00e1gina de servi\u00e7os onlines, tanto na parte de cidad\u00e3os quanto de empresas est\u00e3o apenas faixas escritas \u201ctestes\u201d e um link que redireciona ao site do Google, trazendo inconsist\u00eancia e fugindo do padr\u00e3o de conte\u00fado que deveria estar. Grau de Severidade: 1 - Cosm\u00e9tico 2 - Pequeno 3 - grande 4 - Catastr\u00f3fico Natureza do problema: Barreira Obst\u00e1culo Ru\u00eddo Perspectiva da Tarefa: Problema Principal Problema Secund\u00e1rio Corre\u00e7\u00e3o poss\u00edvel: Adicionar os servi\u00e7os dispon\u00edveis para os cidad\u00e3os e as empresas e retirar a sess\u00e3o de teste. Caso ainda n\u00e3o haja esse servi\u00e7o dispon\u00edvel, excluir essa op\u00e7\u00e3o do menu e remover a p\u00e1gina temporariamente at\u00e9 que esteja tudo pronto.","title":"3 - Consist\u00eancia e padroniza\u00e7\u00e3o"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/governo_pernambuco/#4-projeto-estetico-e-minimalista","text":"Verifica\u00e7\u00e3o A interface cont\u00e9m apenas informa\u00e7\u00f5es necess\u00e1rias? O design elaborado \u00e9 simples? O usu\u00e1rio consegue visualizar apenas o importante para sua a\u00e7\u00e3o? Descri\u00e7\u00e3o do problema: A est\u00e9tica produzida para o sistema possui uma carga de informa\u00e7\u00f5es muito grande e mal posicionada. Tanto a p\u00e1gina inicial quanto as demais possuem background com imagens que dificultam a leitura, menus mal posicionados e textos com cores fortes. Grau de Severidade: 1 - Cosm\u00e9tico 2 - Pequeno 3 - grande 4 - Catastr\u00f3fico Natureza do problema: Barreira Obst\u00e1culo Ru\u00eddo Perspectiva da Tarefa: Problema Principal Problema Secund\u00e1rio Corre\u00e7\u00e3o poss\u00edvel: Refazer o design e as cores padr\u00f5es dos textos do sistema, para que tanto os textos quanto os menus fiquem mais limpos e f\u00e1ceis de ser entendidos.","title":"4 - Projeto est\u00e9tico e minimalista"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/governo_pernambuco/#objetivos-e-escopo-da-avaliacao","text":"A avalia\u00e7\u00e3o realizada busca identificar, em um sistema j\u00e1 existente, problemas na interface que dificultem sua usabilidade e acessibilidade. Se tratando de um site que atende uma grande popula\u00e7\u00e3o de diversificadas caracter\u00edsticas, ele deve ser claro e de f\u00e1cil identifica\u00e7\u00e3o nas atividades do site.","title":"Objetivos e escopo da avalia\u00e7\u00e3o"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/governo_pernambuco/#bibliografia","text":"Nielsen, Jakob (1994). Usability Engineering. Morgan Kaufmann Publishers Inc., San Francisco, CA, USA. BARBOSA, Simone; SILVA, Bruno. \"Intera\u00e7\u00e3o Humano-Computador\". Elsevier Editora Ltda, 2010. MACIEL, Cristiano; NOGUEIRA, Jos\u00e9 Luis; CIUFFO, Leandro; GARCIA, Ana Cristina. Avalia\u00e7\u00e3o Heur\u00edstica de S\u00edtios na Web. [S. l.]","title":"Bibliografia"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/governo_pernambuco/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 15/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de Avalia\u00e7\u00e3o do Governo de Pernambuco Natan Santana Clara Ribeiro","title":"Tabela de Versionamento"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/rastreamento_correios/","text":"Rastreamento Correios Introdu\u00e7\u00e3o Para a avalia\u00e7\u00e3o do site do Rastreamento Correios foi escolhido o m\u00e9todo da avalia\u00e7\u00e3o heur\u00edstica, justamente por ser um m\u00e9todo que orienta o avaliador a inspecionar sistematicamente a interface em busca de problemas que prejudiquem a usabilidade. A seguir ser\u00e1 apresentado todos os dados coletados por meio da inspe\u00e7\u00e3o realizada pelo avaliador Daniel Coimbra dos Santos. Dados Coletados Visibilidade do estado do sistema Ao requisitar os dados de um rastreio, enquanto o website carrega as mudan\u00e7as, \u00e9 poss\u00edvel ver uma mensagem dizendo \u201cBuscando\u201d, dando feedback ao usu\u00e1rio; tamb\u00e9m h\u00e1 mensagem de erro ao falhar o captcha no momento da requisi\u00e7\u00e3o. O campo fica em vermelho e \u00e9 exibida a mensagem \u201cCaptcha inv\u00e1lido\u201d. Correspond\u00eancia entre o sistema e o mundo real \u00c9 poss\u00edvel argumentar que o termo \u201cCaptcha\u201d, apesar de reconhecido por programadores, n\u00e3o \u00e9 necessariamente sem\u00e2ntico a toda a popula\u00e7\u00e3o que ir\u00e1 utilizar o sistema online para rastreio de encomenda dos Correios, podendo assim criar uma dist\u00e2ncia lingu\u00edstica entre o p\u00fablico que interage com o software e o pr\u00f3prio sistema. Controle e liberdade do usu\u00e1rio N\u00e3o h\u00e1 muito o que errar no sistema, o usu\u00e1rio preenche apenas dois campos, o cpf e o captcha. Quando h\u00e1 de fato um erro, o usu\u00e1rio precisa corrigir o campo em que existe o erro, seja por cpf inv\u00e1lido ou por captcha inv\u00e1lido. Consist\u00eancia e padroniza\u00e7\u00e3o A linguagem \u00e9 bem padronizada, o \u00fanico ponto delicado \u00e9 quanto ao uso da palavra \u201ccaptcha\u201d, j\u00e1 citada acima, que pode ser desconhecida pelos usu\u00e1rios. Reconhecimento em vez de memoriza\u00e7\u00e3o O sistema \u00e9 bem direto e simples de ser operado, mas poderia ser mais informativo, j\u00e1 que pessoas n\u00e3o versadas em tecnologia podem ter dificuldades ao lidar com ele pela primeira vez. Flexibilidade e efici\u00eancia de uso N\u00e3o existe bot\u00e3o de ajuda, mas o usu\u00e1rio recebe instru\u00e7\u00f5es para preencher os campos de input. Projeto est\u00e9tico e minimalista O site \u00e9 bem enxuto, conta com o conte\u00fado do servi\u00e7o no corpo, um menu na barra do topo e diversos links para outros servi\u00e7os no rodap\u00e9. Preven\u00e7\u00e3o de erros Direciona o usu\u00e1rio para a tela de login diretamente ao tentar acessar um rastreio sem ter entrado na conta, al\u00e9m disso, somente as mensagens de erro. Ajude os usu\u00e1rios a reconhecerem, diagnosticarem e se recuperarem de erros Existe um contexto em que um usu\u00e1rio pode se ver sem solu\u00e7\u00e3o, caso n\u00e3o verifique com calma a situa\u00e7\u00e3o. No caso de um usu\u00e1rio com um n\u00famero X de encomendas, suficiente para o campo de input sair do campo de vis\u00e3o do usu\u00e1rio, ao clicar em um objeto, solicitando mais dados de um determinado rastreio, se o captcha estiver errado, a mensagem somente ir\u00e1 aparecer l\u00e1 em cima no input, ou seja, fora do campo de vis\u00e3o de quem opera o sistema, fazendo assim com que o usu\u00e1rio pense que o site est\u00e1 quebrado. Vale salientar que o captcha reseta a cada clique em um objeto, ent\u00e3o ao requisitar dados a partir de um segundo rastreio na mesma sess\u00e3o, \u00e9 necess\u00e1rio sobrescrever o campo de escrita para combinar com o novo captcha gerado, e isso n\u00e3o \u00e9 informado ao usu\u00e1rio. Ajuda e documenta\u00e7\u00e3o Existem as instru\u00e7\u00f5es para preenchimento dos campos e um bot\u00e3o que direciona o usu\u00e1rio para as perguntas frequentes, al\u00e9m de as mensagens de erro dos inputs. Bibliografia Nielsen, Jakob (1994). Usability Engineering. Morgan Kaufmann Publishers Inc., San Francisco, CA, USA. BARBOSA, Simone. Avalia\u00e7\u00e3o Heur\u00edstica. In: INTERA\u00c7\u00c3O Humano-Computador e Experi\u00eancia do Usu\u00e1rio. [S. l.: s. n.], 2021. cap. 12, p. 282. Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 16/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de Avalia\u00e7\u00e3o do Rastreamento Correios Natan Santana Clara Ribeiro","title":"Rastreamento Correios"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/rastreamento_correios/#rastreamento-correios","text":"","title":"Rastreamento Correios"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/rastreamento_correios/#introducao","text":"Para a avalia\u00e7\u00e3o do site do Rastreamento Correios foi escolhido o m\u00e9todo da avalia\u00e7\u00e3o heur\u00edstica, justamente por ser um m\u00e9todo que orienta o avaliador a inspecionar sistematicamente a interface em busca de problemas que prejudiquem a usabilidade. A seguir ser\u00e1 apresentado todos os dados coletados por meio da inspe\u00e7\u00e3o realizada pelo avaliador Daniel Coimbra dos Santos.","title":"Introdu\u00e7\u00e3o"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/rastreamento_correios/#dados-coletados","text":"","title":"Dados Coletados"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/rastreamento_correios/#visibilidade-do-estado-do-sistema","text":"Ao requisitar os dados de um rastreio, enquanto o website carrega as mudan\u00e7as, \u00e9 poss\u00edvel ver uma mensagem dizendo \u201cBuscando\u201d, dando feedback ao usu\u00e1rio; tamb\u00e9m h\u00e1 mensagem de erro ao falhar o captcha no momento da requisi\u00e7\u00e3o. O campo fica em vermelho e \u00e9 exibida a mensagem \u201cCaptcha inv\u00e1lido\u201d.","title":"Visibilidade do estado do sistema"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/rastreamento_correios/#correspondencia-entre-o-sistema-e-o-mundo-real","text":"\u00c9 poss\u00edvel argumentar que o termo \u201cCaptcha\u201d, apesar de reconhecido por programadores, n\u00e3o \u00e9 necessariamente sem\u00e2ntico a toda a popula\u00e7\u00e3o que ir\u00e1 utilizar o sistema online para rastreio de encomenda dos Correios, podendo assim criar uma dist\u00e2ncia lingu\u00edstica entre o p\u00fablico que interage com o software e o pr\u00f3prio sistema.","title":"Correspond\u00eancia entre o sistema e o mundo real"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/rastreamento_correios/#controle-e-liberdade-do-usuario","text":"N\u00e3o h\u00e1 muito o que errar no sistema, o usu\u00e1rio preenche apenas dois campos, o cpf e o captcha. Quando h\u00e1 de fato um erro, o usu\u00e1rio precisa corrigir o campo em que existe o erro, seja por cpf inv\u00e1lido ou por captcha inv\u00e1lido.","title":"Controle e liberdade do usu\u00e1rio"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/rastreamento_correios/#consistencia-e-padronizacao","text":"A linguagem \u00e9 bem padronizada, o \u00fanico ponto delicado \u00e9 quanto ao uso da palavra \u201ccaptcha\u201d, j\u00e1 citada acima, que pode ser desconhecida pelos usu\u00e1rios.","title":"Consist\u00eancia e padroniza\u00e7\u00e3o"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/rastreamento_correios/#reconhecimento-em-vez-de-memorizacao","text":"O sistema \u00e9 bem direto e simples de ser operado, mas poderia ser mais informativo, j\u00e1 que pessoas n\u00e3o versadas em tecnologia podem ter dificuldades ao lidar com ele pela primeira vez.","title":"Reconhecimento em vez de memoriza\u00e7\u00e3o"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/rastreamento_correios/#flexibilidade-e-eficiencia-de-uso","text":"N\u00e3o existe bot\u00e3o de ajuda, mas o usu\u00e1rio recebe instru\u00e7\u00f5es para preencher os campos de input.","title":"Flexibilidade e efici\u00eancia de uso"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/rastreamento_correios/#projeto-estetico-e-minimalista","text":"O site \u00e9 bem enxuto, conta com o conte\u00fado do servi\u00e7o no corpo, um menu na barra do topo e diversos links para outros servi\u00e7os no rodap\u00e9.","title":"Projeto est\u00e9tico e minimalista"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/rastreamento_correios/#prevencao-de-erros","text":"Direciona o usu\u00e1rio para a tela de login diretamente ao tentar acessar um rastreio sem ter entrado na conta, al\u00e9m disso, somente as mensagens de erro.","title":"Preven\u00e7\u00e3o de erros"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/rastreamento_correios/#ajude-os-usuarios-a-reconhecerem-diagnosticarem-e-se-recuperarem-de-erros","text":"Existe um contexto em que um usu\u00e1rio pode se ver sem solu\u00e7\u00e3o, caso n\u00e3o verifique com calma a situa\u00e7\u00e3o. No caso de um usu\u00e1rio com um n\u00famero X de encomendas, suficiente para o campo de input sair do campo de vis\u00e3o do usu\u00e1rio, ao clicar em um objeto, solicitando mais dados de um determinado rastreio, se o captcha estiver errado, a mensagem somente ir\u00e1 aparecer l\u00e1 em cima no input, ou seja, fora do campo de vis\u00e3o de quem opera o sistema, fazendo assim com que o usu\u00e1rio pense que o site est\u00e1 quebrado. Vale salientar que o captcha reseta a cada clique em um objeto, ent\u00e3o ao requisitar dados a partir de um segundo rastreio na mesma sess\u00e3o, \u00e9 necess\u00e1rio sobrescrever o campo de escrita para combinar com o novo captcha gerado, e isso n\u00e3o \u00e9 informado ao usu\u00e1rio.","title":"Ajude os usu\u00e1rios a reconhecerem, diagnosticarem e se recuperarem de erros"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/rastreamento_correios/#ajuda-e-documentacao","text":"Existem as instru\u00e7\u00f5es para preenchimento dos campos e um bot\u00e3o que direciona o usu\u00e1rio para as perguntas frequentes, al\u00e9m de as mensagens de erro dos inputs.","title":"Ajuda e documenta\u00e7\u00e3o"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/rastreamento_correios/#bibliografia","text":"Nielsen, Jakob (1994). Usability Engineering. Morgan Kaufmann Publishers Inc., San Francisco, CA, USA. BARBOSA, Simone. Avalia\u00e7\u00e3o Heur\u00edstica. In: INTERA\u00c7\u00c3O Humano-Computador e Experi\u00eancia do Usu\u00e1rio. [S. l.: s. n.], 2021. cap. 12, p. 282.","title":"Bibliografia"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/rastreamento_correios/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 16/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de Avalia\u00e7\u00e3o do Rastreamento Correios Natan Santana Clara Ribeiro","title":"Tabela de Versionamento"}]}
\ No newline at end of file
+{"config":{"indexing":"full","lang":["en"],"min_search_length":3,"prebuild_index":false,"separator":"[\\s\\-]+"},"docs":[{"location":"","text":"Home Fonte: NEOENERGIA BRAS\u00cdLIA Sobre o Projeto Este projeto, desenvolvido pelo Grupo 8 da disciplina Intera\u00e7\u00e3o Humano-Computador (2022.1), possui o objetivo de avaliar a qualidade de uso do site Ag\u00eancia Virtual Neoenergia Bras\u00edlia. Toda a interface ser\u00e1 analisada e todos os problemas encontrados ser\u00e3o documentados nessa wiki com sugest\u00f5es de corre\u00e7\u00f5es a fim de que o usu\u00e1rio consiga atingir o seu objetivo com o m\u00e1ximo de efici\u00eancia. Desenvolvedores.\ud83e\udd1d Clara Ribeiro Matheus Perillo Lu\u00edza Esteves Natan Tavares Rafael Xavier Daniel Coimbra Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 01/07/2022 0.1 Cria\u00e7\u00e3o e configura\u00e7\u00e3o do github pages Matheus Perillo Natan Santana 01/07/2022 0.2 Cria\u00e7\u00e3o da p\u00e1gina Home e p\u00e1ginas base do documento Natan Santana Clara Ribeiro 06/07/2022 0.3 Adi\u00e7\u00e3o da equipe de desenvolvedores Matheus Perillo Lu\u00edza Esteves","title":"Home"},{"location":"#home","text":"Fonte: NEOENERGIA BRAS\u00cdLIA","title":"Home"},{"location":"#sobre-o-projeto","text":"Este projeto, desenvolvido pelo Grupo 8 da disciplina Intera\u00e7\u00e3o Humano-Computador (2022.1), possui o objetivo de avaliar a qualidade de uso do site Ag\u00eancia Virtual Neoenergia Bras\u00edlia. Toda a interface ser\u00e1 analisada e todos os problemas encontrados ser\u00e3o documentados nessa wiki com sugest\u00f5es de corre\u00e7\u00f5es a fim de que o usu\u00e1rio consiga atingir o seu objetivo com o m\u00e1ximo de efici\u00eancia.","title":"Sobre o Projeto"},{"location":"#desenvolvedores","text":"Clara Ribeiro Matheus Perillo Lu\u00edza Esteves Natan Tavares Rafael Xavier Daniel Coimbra","title":"Desenvolvedores.\ud83e\udd1d"},{"location":"#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 01/07/2022 0.1 Cria\u00e7\u00e3o e configura\u00e7\u00e3o do github pages Matheus Perillo Natan Santana 01/07/2022 0.2 Cria\u00e7\u00e3o da p\u00e1gina Home e p\u00e1ginas base do documento Natan Santana Clara Ribeiro 06/07/2022 0.3 Adi\u00e7\u00e3o da equipe de desenvolvedores Matheus Perillo Lu\u00edza Esteves","title":"Tabela de Versionamento"},{"location":"apresentacoes/","text":"Apresenta\u00e7\u00f5es Etapa 1 V\u00eddeo 1: Apresenta\u00e7\u00e3o da etapa 1 Etapa 2 V\u00eddeo 2: Apresenta\u00e7\u00e3o da etapa 2 Etapa 3 V\u00eddeo 3: Apresenta\u00e7\u00e3o da etapa 3 Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 20/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de apresenta\u00e7\u00f5es, adi\u00e7\u00e3o da apresenta\u00e7\u00e3o da etapa 1 e 2 Natan Santana Clara Ribeiro 02/08/2022 0.2 Adi\u00e7\u00e3o da apresenta\u00e7\u00e3o da etapa 3 Matheus Perillo Lu\u00edza Esteves","title":"Apresenta\u00e7\u00f5es"},{"location":"apresentacoes/#apresentacoes","text":"","title":"Apresenta\u00e7\u00f5es"},{"location":"apresentacoes/#etapa-1","text":"V\u00eddeo 1: Apresenta\u00e7\u00e3o da etapa 1","title":"Etapa 1"},{"location":"apresentacoes/#etapa-2","text":"V\u00eddeo 2: Apresenta\u00e7\u00e3o da etapa 2","title":"Etapa 2"},{"location":"apresentacoes/#etapa-3","text":"V\u00eddeo 3: Apresenta\u00e7\u00e3o da etapa 3","title":"Etapa 3"},{"location":"apresentacoes/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 20/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de apresenta\u00e7\u00f5es, adi\u00e7\u00e3o da apresenta\u00e7\u00e3o da etapa 1 e 2 Natan Santana Clara Ribeiro 02/08/2022 0.2 Adi\u00e7\u00e3o da apresenta\u00e7\u00e3o da etapa 3 Matheus Perillo Lu\u00edza Esteves","title":"Tabela de Versionamento"},{"location":"analise_de_requisitos/caract-plataforma/","text":"Metas de usabilidade Introdu\u00e7\u00e3o \u2003 Para obter-se que os produtos interativos sejam f\u00e1ceis de aprender, agrad\u00e1veis e eficazes na vis\u00e3o do usu\u00e1rio a usabilidade geralmente \u00e9 considerada como um garantia para tal. \u00c9 utilizada para otimizar as intera\u00e7\u00f5es que as pessoas t\u00eam com produtos interativos para permitir que realizem suas atividades em suas rotinas. Objetivo \u2003 Este documento tem como objetivo identificar e detalhar as caracter\u00edsticas da plataforma de acordo com as metas de usabilidade, que por sua vez, tem como objetivo fornecer ao designer de intera\u00e7\u00e3o um meio de avaliar os aspectos da experi\u00eancia do usu\u00e1rio e de um produto interativo. Metas de usabilidade \u2003 A seguir ser\u00e1 explicado como as metas de usabilidade se dividem e como elas se aplicam, ou n\u00e3o, ao site da Ag\u00eancia Virtual Neoenergia Bras\u00edlia. 1. Efic\u00e1cia \u2003 \u00c9 descrita como \"ser eficaz no uso\", e no geral se refere a quanto um produto \u00e9 bom em fazer o que se espera dele. Aplica\u00e7\u00e3o \u2003 O site tem uma premissa de ser algo mais objetivo. Dessa forma, os usu\u00e1rios conseguem, na maioria das vezes com ajuda de terceiros, encontrar o que estavam procurando. 2. Efici\u00eancia \u2003 \u00c9 descrita como \"ser eficiente no uso\", e no geral se refere \u00e0 maneira como um produto ajuda os usu\u00e1rios na realiza\u00e7\u00e3o de suas tarefas, buscando combater situa\u00e7\u00f5es em que o sistema exija um n\u00famero exagerado de passos para exercer uma tarefa, ou que o usu\u00e1rio tenha que aprender arbitrariamente passos complexos para exerc\u00ea-la. Aplica\u00e7\u00e3o \u2003 Apesar do site oferecer diversos conte\u00fados sobre o uso do sistema, ele apresenta problemas ferindo uma das heur\u00edsticas (Flexibilidade e efici\u00eancia de uso) causando efeitos negativos sobre o usu\u00e1rio ao utilizar o site. Esses problemas est\u00e3o melhores descritos aqui . 3. Seguran\u00e7a \u2003 \u00c9 descrita como \"ser segura no uso\", e no geral se refere a proteger o usu\u00e1rio de condi\u00e7\u00f5es perigosas e situa\u00e7\u00f5es indesej\u00e1veis, envolvendo aspectos como prevenir que o usu\u00e1rio cometa erros graves, reduzindo o risco de que ele realize tarefas erradas por engano, ou oferecendo maneiras de recupera\u00e7\u00e3o ao usu\u00e1rio, a partir do cometimento de poss\u00edveis erros no uso. Aplica\u00e7\u00e3o \u2003 A aplica\u00e7\u00e3o n\u00e3o apresenta uma prote\u00e7\u00e3o para o usu\u00e1rio quanto a condi\u00e7\u00f5es perigosas e situa\u00e7\u00f5es indesej\u00e1veis. Por exemplo, n\u00e3o h\u00e1 a op\u00e7\u00e3o de manter o usu\u00e1rio conectado ou de salvar a senha para facilitar o acesso na pr\u00f3xima vez que for realizar o login. 4. Utilidade \u2003 Esta meta \u00e9 descrita como \"ter boa utilidade\", e no geral se refere \u00e0 medida na qual o produto oferece o tipo certo de funcionalidade, de modo que os usu\u00e1rios possam fazer aquilo que precisam ou desejam de uma maneira mais eficiente. Aplica\u00e7\u00e3o \u2003 O site oferece ao usu\u00e1rio a possibilidade de realizar o que desejam de maneira eficiente na maioria das vezes. 5. Aprendizagem \u2003 \u00c9 descrita como \"ser f\u00e1cil de aprender\", e no geral se refere \u00e0 facilidade de aprender a usar um sistema, permitindo que o usu\u00e1rio consiga utiliz\u00e1-lo rapidamente e se tornarem competentes realizando tarefas sem muito esfor\u00e7o, correspondendo ao tempo a que os usu\u00e1rios est\u00e3o dispostos a gastar para aprenderem a usar o produto. Aplica\u00e7\u00e3o \u2003 Em rela\u00e7\u00e3o a essa meta foi observado que muitas pessoas pediram ajuda para realizar alguma tarefa dentro do site, o que indica dificuldade no acesso aos servi\u00e7os, apesar da maioria dos usu\u00e1rios serem jovens adultos. 6. Memoriza\u00e7\u00e3o \u2003 Esta meta \u00e9 descrita como \"ser f\u00e1cil de lembrar como usar\", e no geral se refere e \u00e0 facilidade de o usu\u00e1rio lembrar como utilizar um sistema depois de j\u00e1 t\u00ea-lo aprendido, em que os usu\u00e1rios n\u00e3o devam ter de reaprender a realizar as tarefas, ou que ao menos sejam lembrados de como realiz\u00e1-las. Assim, esta meta busca combater tarefas que para serem aprendidas s\u00e3o obscuras, il\u00f3gicas ou mal sequenciadas. Aplica\u00e7\u00e3o \u2003 O site por ter funcionalidades muito objetivas deixa os seus servi\u00e7os bem vis\u00edveis em diversos espa\u00e7os. O que permite aos usu\u00e1rios lembrarem com facilidade onde precisam clicar para realizar as tarefas. Bibliografia BARBOSA, Simone; DINIZ, Bruno. Intera\u00e7\u00e3o Humano-Computador. Editora Elsevier, Rio de Janeiro, 2010. Nielsen, Jakob (1994). Usability Engineering. Morgan Kaufmann Publishers Inc., San Francisco, CA, USA. MACIEL, Cristiano; NOGUEIRA, Jos\u00e9 Luis; CIUFFO, Leandro; GARCIA, Ana Cristina. Avalia\u00e7\u00e3o Heur\u00edstica de S\u00edtios na Web. [S. l.] Preece; Rogers; Sharp. Design de Intera\u00e7\u00e3o. Editora Bookman, 2013. Tabela de versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 19/07/2022 0.1 Abertura do documento Matheus Perillo Natan Santana 19/07/2022 0.2 Introdu\u00e7\u00e3o ao documento Matheus Perillo Natan Santana 19/07/2022 0.3 Explica\u00e7\u00e3o dos objetivos Matheus Perillo Natan Santana 19/07/2022 0.4 Explica\u00e7\u00e3o das metas de usabilidade Matheus Perillo Natan Santana 29/07/2022 0.5 Aplica\u00e7\u00e3o das metas de usabilidade Matheus Perillo Natan Santana","title":"Metas de usabilidade"},{"location":"analise_de_requisitos/caract-plataforma/#metas-de-usabilidade","text":"","title":"Metas de usabilidade"},{"location":"analise_de_requisitos/caract-plataforma/#introducao","text":"Para obter-se que os produtos interativos sejam f\u00e1ceis de aprender, agrad\u00e1veis e eficazes na vis\u00e3o do usu\u00e1rio a usabilidade geralmente \u00e9 considerada como um garantia para tal. \u00c9 utilizada para otimizar as intera\u00e7\u00f5es que as pessoas t\u00eam com produtos interativos para permitir que realizem suas atividades em suas rotinas.","title":"Introdu\u00e7\u00e3o"},{"location":"analise_de_requisitos/caract-plataforma/#objetivo","text":"Este documento tem como objetivo identificar e detalhar as caracter\u00edsticas da plataforma de acordo com as metas de usabilidade, que por sua vez, tem como objetivo fornecer ao designer de intera\u00e7\u00e3o um meio de avaliar os aspectos da experi\u00eancia do usu\u00e1rio e de um produto interativo.","title":"Objetivo"},{"location":"analise_de_requisitos/caract-plataforma/#metas-de-usabilidade_1","text":"A seguir ser\u00e1 explicado como as metas de usabilidade se dividem e como elas se aplicam, ou n\u00e3o, ao site da Ag\u00eancia Virtual Neoenergia Bras\u00edlia.","title":"Metas de usabilidade"},{"location":"analise_de_requisitos/caract-plataforma/#1-eficacia","text":"\u00c9 descrita como \"ser eficaz no uso\", e no geral se refere a quanto um produto \u00e9 bom em fazer o que se espera dele.","title":"1. Efic\u00e1cia"},{"location":"analise_de_requisitos/caract-plataforma/#aplicacao","text":"O site tem uma premissa de ser algo mais objetivo. Dessa forma, os usu\u00e1rios conseguem, na maioria das vezes com ajuda de terceiros, encontrar o que estavam procurando.","title":"Aplica\u00e7\u00e3o"},{"location":"analise_de_requisitos/caract-plataforma/#2-eficiencia","text":"\u00c9 descrita como \"ser eficiente no uso\", e no geral se refere \u00e0 maneira como um produto ajuda os usu\u00e1rios na realiza\u00e7\u00e3o de suas tarefas, buscando combater situa\u00e7\u00f5es em que o sistema exija um n\u00famero exagerado de passos para exercer uma tarefa, ou que o usu\u00e1rio tenha que aprender arbitrariamente passos complexos para exerc\u00ea-la.","title":"2. Efici\u00eancia"},{"location":"analise_de_requisitos/caract-plataforma/#aplicacao_1","text":"Apesar do site oferecer diversos conte\u00fados sobre o uso do sistema, ele apresenta problemas ferindo uma das heur\u00edsticas (Flexibilidade e efici\u00eancia de uso) causando efeitos negativos sobre o usu\u00e1rio ao utilizar o site. Esses problemas est\u00e3o melhores descritos aqui .","title":"Aplica\u00e7\u00e3o"},{"location":"analise_de_requisitos/caract-plataforma/#3-seguranca","text":"\u00c9 descrita como \"ser segura no uso\", e no geral se refere a proteger o usu\u00e1rio de condi\u00e7\u00f5es perigosas e situa\u00e7\u00f5es indesej\u00e1veis, envolvendo aspectos como prevenir que o usu\u00e1rio cometa erros graves, reduzindo o risco de que ele realize tarefas erradas por engano, ou oferecendo maneiras de recupera\u00e7\u00e3o ao usu\u00e1rio, a partir do cometimento de poss\u00edveis erros no uso.","title":"3. Seguran\u00e7a"},{"location":"analise_de_requisitos/caract-plataforma/#aplicacao_2","text":"A aplica\u00e7\u00e3o n\u00e3o apresenta uma prote\u00e7\u00e3o para o usu\u00e1rio quanto a condi\u00e7\u00f5es perigosas e situa\u00e7\u00f5es indesej\u00e1veis. Por exemplo, n\u00e3o h\u00e1 a op\u00e7\u00e3o de manter o usu\u00e1rio conectado ou de salvar a senha para facilitar o acesso na pr\u00f3xima vez que for realizar o login.","title":"Aplica\u00e7\u00e3o"},{"location":"analise_de_requisitos/caract-plataforma/#4-utilidade","text":"Esta meta \u00e9 descrita como \"ter boa utilidade\", e no geral se refere \u00e0 medida na qual o produto oferece o tipo certo de funcionalidade, de modo que os usu\u00e1rios possam fazer aquilo que precisam ou desejam de uma maneira mais eficiente.","title":"4. Utilidade"},{"location":"analise_de_requisitos/caract-plataforma/#aplicacao_3","text":"O site oferece ao usu\u00e1rio a possibilidade de realizar o que desejam de maneira eficiente na maioria das vezes.","title":"Aplica\u00e7\u00e3o"},{"location":"analise_de_requisitos/caract-plataforma/#5-aprendizagem","text":"\u00c9 descrita como \"ser f\u00e1cil de aprender\", e no geral se refere \u00e0 facilidade de aprender a usar um sistema, permitindo que o usu\u00e1rio consiga utiliz\u00e1-lo rapidamente e se tornarem competentes realizando tarefas sem muito esfor\u00e7o, correspondendo ao tempo a que os usu\u00e1rios est\u00e3o dispostos a gastar para aprenderem a usar o produto.","title":"5. Aprendizagem"},{"location":"analise_de_requisitos/caract-plataforma/#aplicacao_4","text":"Em rela\u00e7\u00e3o a essa meta foi observado que muitas pessoas pediram ajuda para realizar alguma tarefa dentro do site, o que indica dificuldade no acesso aos servi\u00e7os, apesar da maioria dos usu\u00e1rios serem jovens adultos.","title":"Aplica\u00e7\u00e3o"},{"location":"analise_de_requisitos/caract-plataforma/#6-memorizacao","text":"Esta meta \u00e9 descrita como \"ser f\u00e1cil de lembrar como usar\", e no geral se refere e \u00e0 facilidade de o usu\u00e1rio lembrar como utilizar um sistema depois de j\u00e1 t\u00ea-lo aprendido, em que os usu\u00e1rios n\u00e3o devam ter de reaprender a realizar as tarefas, ou que ao menos sejam lembrados de como realiz\u00e1-las. Assim, esta meta busca combater tarefas que para serem aprendidas s\u00e3o obscuras, il\u00f3gicas ou mal sequenciadas.","title":"6. Memoriza\u00e7\u00e3o"},{"location":"analise_de_requisitos/caract-plataforma/#aplicacao_5","text":"O site por ter funcionalidades muito objetivas deixa os seus servi\u00e7os bem vis\u00edveis em diversos espa\u00e7os. O que permite aos usu\u00e1rios lembrarem com facilidade onde precisam clicar para realizar as tarefas.","title":"Aplica\u00e7\u00e3o"},{"location":"analise_de_requisitos/caract-plataforma/#bibliografia","text":"BARBOSA, Simone; DINIZ, Bruno. Intera\u00e7\u00e3o Humano-Computador. Editora Elsevier, Rio de Janeiro, 2010. Nielsen, Jakob (1994). Usability Engineering. Morgan Kaufmann Publishers Inc., San Francisco, CA, USA. MACIEL, Cristiano; NOGUEIRA, Jos\u00e9 Luis; CIUFFO, Leandro; GARCIA, Ana Cristina. Avalia\u00e7\u00e3o Heur\u00edstica de S\u00edtios na Web. [S. l.] Preece; Rogers; Sharp. Design de Intera\u00e7\u00e3o. Editora Bookman, 2013.","title":"Bibliografia"},{"location":"analise_de_requisitos/caract-plataforma/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 19/07/2022 0.1 Abertura do documento Matheus Perillo Natan Santana 19/07/2022 0.2 Introdu\u00e7\u00e3o ao documento Matheus Perillo Natan Santana 19/07/2022 0.3 Explica\u00e7\u00e3o dos objetivos Matheus Perillo Natan Santana 19/07/2022 0.4 Explica\u00e7\u00e3o das metas de usabilidade Matheus Perillo Natan Santana 29/07/2022 0.5 Aplica\u00e7\u00e3o das metas de usabilidade Matheus Perillo Natan Santana","title":"Tabela de versionamento"},{"location":"analise_de_requisitos/guia/","text":"Guia de Estilo Introdu\u00e7\u00e3o Este Guia de Estilo visa reunir os princ\u00edpios e diretrizes de design que guiar\u00e3o o time durante o desenvolvimento de todo o projeto. Aqui ser\u00e3o reunidos todos os elementos essenciais que dever\u00e3o estar presentes na vers\u00e3o final do projeto, al\u00e9m de fornecer embasamento para tomadas de decis\u00f5es sobre o design durante as pr\u00f3ximas etapa do Processo de Design. Grande parte dos t\u00f3picos aqui presentes s\u00e3o baseados no documento Elementos B\u00e1sicos da NeoEnergia Elektro (distribuidora do Mato Grosso do Sul) a qual, junto com a NeoEnergia Brasilia, faz parte do grupo espanhol Iberdrola. J\u00e1 os elementos que n\u00e3o s\u00e3o abordados neste documento da NeoEnergia Elektro, como os Bot\u00f5es e \u00cdcones, foram extra\u00eddos do site da NeoEnergia Bras\u00edlia. No final deste documento, \u00e9 comparado o site Ag\u00eancia Virtual da NeoEnergia Brasilia com os princ\u00edpios e diretrizes aqui descritos, identificando quais elementos est\u00e3o em viola\u00e7\u00e3o e precisar\u00e3o de maior aten\u00e7\u00e3o na fase de redesign. Identidade Visual da NeoEnergia Logo O logotipo \u00e9 composto pelo s\u00edmbolo e pela tipografia, havendo apenas duas varia\u00e7\u00f5es: horizontal e vertical, como pode-se observar na figura 1. Segundo o documento da marca, a prioridade deve ser sempre para o logotipo vertical, enquanto a vers\u00e3o horizontal deve ser utilizada em \u00faltimo caso. Figura 1: logotipos da Neoenergia Fonte: https://www.neoenergia.com Tamb\u00e9m h\u00e1 varia\u00e7\u00f5es dos logotipos em negativo, caso seja necess\u00e1rio posiciona-los sobre um fundo mais escuro, conforme pode-se ver na figura 2. Figura 2: logotipo negativo da Neoenergia Fonte: https://www.neoenergia.com H\u00e1 uma regra de aplica\u00e7\u00e3o do logotipo a respeito da \u00e1rea de prote\u00e7\u00e3o em torno do mesmo. A marca deve estar rodeada por uma \u00e1rea de prote\u00e7\u00e3o m\u00ednima. Isso \u00e9 necess\u00e1rio para que a presen\u00e7a do logo n\u00e3o seja diminu\u00edda por outros elementos. Essa \u00e1rea de prote\u00e7\u00e3o m\u00ednima pode ser observada na figura 3. Figura 3: logotipos da Neoenergia Fonte: https://www.neoenergiaelektro.com.br Cores H\u00e1 3 paletas de cores na identidade visual da marca: as cores corporativas prim\u00e1rias, as cores corporativas secund\u00e1rias e as cores verdes corporativas. As cores corporativas prim\u00e1rias s\u00e3o: verde, azul, amarelo e laranja, conforme mostrado na figura 4. \u00c9 de extrema import\u00e2ncia que os tons usados sejam iguais ao equivalente no sistema Pantone. Figura 4: Cores Prim\u00e1rias Fonte: Manual de Identidade - Elementos B\u00e1sicos Ao utilizar as cores, deve-se primeiro dar prefer\u00eancia ao verde, mas caso n\u00e3o seja poss\u00edvel, pode-se recorrer ao laranja, amarelo e azul, nessa ordem, conforme descrito no gr\u00e1fico 1. Gr\u00e1fico 1: Propor\u00e7\u00e3o de import\u00e2ncia das cores prim\u00e1rias Fonte: Manual de Identidade - Elementos B\u00e1sicos As cores corporativas prim\u00e1rias tamb\u00e9m s\u00e3o: verde, azul, amarelo e laranja, por\u00e9m em um diferente tom, conforme mostrado na figura 5. As cores secund\u00e1rias podem ser usadas para complementar as cores prim\u00e1rias. Figura 5: Cores Secund\u00e1rias Fonte: Manual de Identidade - Elementos B\u00e1sicos Ao utilizar as cores, deve-se seguir a mesma ordem de prioridade que as cores prim\u00e1rias: verde, laranja, amarelo e azul, nessa ordem. Podemos observar isso no gr\u00e1fico 2. Gr\u00e1fico 2: Propor\u00e7\u00e3o de import\u00e2ncia das cores secund\u00e1rias Fonte: Manual de Identidade - Elementos B\u00e1sicos Pode-se observar na figura 6 as seis cores verdes coorporativas, que podem ser utilizadas para complementar as cores prim\u00e1rias e secund\u00e1rias. A ordem de prioridade deve ser obedecida conforme descrito no gr\u00e1fico 3. Figura 6: Paleta de Verdes Fonte: Manual de Identidade - Elementos B\u00e1sicos Gr\u00e1fico 3: Propor\u00e7\u00e3o de import\u00e2ncia das cores verde Fonte: Manual de Identidade - Elementos B\u00e1sicos Tipografia A defini\u00e7\u00e3o de uma tipografia \u00e9 uma parte essencial do design de um produto pois a escolha de uma fonte influencia diretamente na interpreta\u00e7\u00e3o da mensagem sendo comunicada pelo produto e marca. Como a interpreta\u00e7\u00e3o de uma fonte \u00e9 subjetiva e pode transmitir diferentes emo\u00e7\u00f5es, \u00e9 necess\u00e1rio que ela se relacione diretamente com o teor das mensagens e outros elementos gr\u00e1ficos do design. Sendo assim, a tipografia Trebuchet Regular (figura 7) ser\u00e1 utilizada em todos os textos do site e a fonte Trebuchet Bold (figura 8) ser\u00e1 utilizada em t\u00edtulos. Essas fontes foram escolhidas pois s\u00e3o as recomendadas para utiliza\u00e7\u00e3o em sites na web de acordo com o documento de Elementos B\u00e1sicos (P\u00e1gina 66). Figura 7: fonte Trebuchet Regular Fonte: Fontsgeek Figura 8: fonte Trebuchet Bold Fonte: Fontsgeek Bot\u00f5es e \u00edcones Ao criar bot\u00f5es ou inserir \u00edcones durante o processo de design, \u00e9 importante que o usu\u00e1rio saiba exatamente o que ir\u00e1 acontecer caso interaja com os mesmos. Se o contexto em que esses elementos est\u00e3o inseridos n\u00e3o \u00e9 consistente, \u00e9 poss\u00edvel que isso cause confus\u00e3o no usu\u00e1rio e leve o usu\u00e1rio ao erro. Analisando o site da NeoEnergia Bras\u00edlia, podemos observar tr\u00eas formas de intera\u00e7\u00e3o nas p\u00e1ginas, a primeira s\u00e3o bot\u00f5es com linhas retas (figuras 13 e 14), a segunda s\u00e3o bot\u00f5es mais arredondados com texto ou \u00edcones em sua composi\u00e7\u00e3o (figuras 9, 10, 11 e 12), e a terceira s\u00e3o textos com links acompanhados de \u00edcones, indicando redirecionamento para uma outra p\u00e1gina (figuras 15 e 16). Figura 9: bot\u00e3o de acesso \u00e0 Ag\u00eancia Virtual Fonte: NeoEnegergia Bras\u00edlia Figura 10: bot\u00e3o \"Saiba mais\" Fonte: NeoEnegergia Bras\u00edlia Figura 11: bot\u00e3o \"Conhe\u00e7a outros canais\" Fonte: NeoEnegergia Bras\u00edlia Figura 12: bot\u00f5es de acesso \u00e0s redes sociais Fonte: NeoEnegergia Bras\u00edlia Figura 13: bot\u00e3o de atualiza\u00e7\u00e3o de cadastro Fonte: NeoEnegergia Bras\u00edlia Figura 14: bot\u00e3o retangular de acesso \u00e0 Ag\u00eancia Virtual Fonte: NeoEnegergia Bras\u00edlia Figura 15: link de acesso ao cart\u00e3o CNPJ Fonte: NeoEnegergia Bras\u00edlia Figura 16: links de acesso \u00e0s tarifas de energia Fonte: NeoEnegergia Bras\u00edlia An\u00e1lise de estilo Logo Ao analisar o site da Ag\u00eancia Virtual da NeoEnergia, considerando as boas pr\u00e1ticas de aplica\u00e7\u00e3o do logotipo conforme o Manual da Marca citado anteriormente, pode-se perceber uma viola\u00e7\u00e3o na \u00e1rea de prote\u00e7\u00e3o m\u00ednima. Isso acontece na p\u00e1gina inicial, conforme a figura 17, em que pode-se observar que o logotipo ultrapassa a \u00e1rea do menu. Figura 17: P\u00e1gina Inicial da Ag\u00eancia Virtual Neoenergia Fonte: https://agenciavirtual.neoenergiabrasilia.com.br Tamb\u00e9m podemos observar o mesmo comportamento nas p\u00e1ginas de servi\u00e7o: o logotipo ultrapassa o menu, se sobrepondo a outros elementos da p\u00e1gina, conforme mostra a figura 18. Figura 18: P\u00e1gina de Servi\u00e7os da Ag\u00eancia Virtual Neoenergia Fonte: https://agenciavirtual.neoenergiabrasilia.com.br/Servicos Cores Ao analisar as cores, pode-se perceber v\u00e1rias viola\u00e7\u00f5es ao manual de cores descrito anteriormente. Na p\u00e1gina inicial as cores predominantes s\u00e3o Azul e Laranja. O azul utilizado n\u00e3o \u00e9 o que foi especificado na paleta de cores da marca. Apesar do laranja estar no tom correto, ele deveria aparecer na tela apenas quando n\u00e3o fosse poss\u00edvel utilizar o verde, regra a qual n\u00e3o \u00e9 seguida, pois o verde n\u00e3o aparece em nenhum momento na p\u00e1gina inicial, a n\u00e3o ser na logo. Pode-se perceber isso nas figuras 19, 20 e 21. Tamb\u00e9m podemos observar nas imagens 20 e 21 que foi utilizado a cor cinza, por\u00e9m ela n\u00e3o foi especificada nas paletas de cores da marca. Figura 19: print da home do site Ag\u00eancia Virtual da Neoenergia Figura 20: print da home do site Ag\u00eancia Virtual da Neoenergia Figura 21: print da home do site Ag\u00eancia Virtual da Neoenergia Nas p\u00e1ginas de servi\u00e7os pode-se perceber os mesmos problemas de predomin\u00e2ncia da cor azul e aus\u00eancia do verde principal, conforme ilustra a figura 22. Figura 22: print da p\u00e1gina de servi\u00e7os do site Ag\u00eancia Virtual da Neoenergia Tipografia Como pode ser verificado na figura 23, a tipografia que est\u00e1 sendo utilizada no site da Ag\u00eancia Virtual da NeoEnergia Bras\u00edlia \u00e9 a Roboto, tanto nos textos do site quanto nos t\u00edtulos. Dessa forma, ser\u00e1 necess\u00e1rio mudar a fonte dos textos para Trebuchet Regular e a dos t\u00edtulos para Trebuchet Bold a fim de seguir o guia de estilo definido anteriormente. Figura 23: print do site Ag\u00eancia Virtual da Neoenergia Bot\u00f5es e \u00edcones Podemos obervar algumas diferen\u00e7as entre os bot\u00f5es do site da NeoEnergia Brasilia com o site Agencia Virtual NeoEnergia. Al\u00e9m das cores, como foi citado anteriormente, percebe-se que os bot\u00f5es da Ag\u00eancia Virtual (figuras 24, 25 e 26) s\u00e3o quase todos retangulares, retos e sem \u00edcones em sua composi\u00e7\u00e3o. Figura 24: bot\u00f5es de acesso \u00e0 conta da ag\u00eancia Fonte: Ag\u00eancia Virtual NeoEnegergia Bras\u00edlia Figura 25: bot\u00e3o \"Servi\u00e7os expressos\" Fonte: Ag\u00eancia Virtual NeoEnegergia Bras\u00edlia Figura 26: bot\u00e3o \"fechar\" Fonte: Ag\u00eancia Virtual NeoEnegergia Bras\u00edlia J\u00e1 nos \u00edcones a diferen\u00e7a \u00e9 maior, como vemos na figura 27, os \u00edcones s\u00e3o bem maiores e s\u00e3o acompanhados de um texto com um link para o servi\u00e7o desejado. No site da Ag\u00eancia o acesso \u00e0s redes sociais da empresa se apresenta por \u00edcones interativos (figura 28), j\u00e1 no site da NeoEnergia esse mesmo acesso se d\u00e1 por bot\u00f5es circulares com \u00edcones dentro. Figura 27: \u00edcones e links de servi\u00e7os Fonte: Ag\u00eancia Virtual NeoEnegergia Bras\u00edlia Figura 28: \u00edcones/bot\u00f5es de acesso \u00e0s redes sociais da Ag\u00eancia Virtual Fonte: Ag\u00eancia Virtual NeoEnegergia Bras\u00edlia Apesar de claramente n\u00e3o haver um padr\u00e3o entre os sites, os bot\u00f5es e \u00edcones conseguem prover uma interpreta\u00e7\u00e3o clara ao usu\u00e1rio devido ao apoio textual que esses elementos t\u00eam. Bibliografia ELEMENTOS B\u00c1SICOS. Dispon\u00edvel em: https://www.neoenergiaelektro.com.br/Media/Default/DocGalleries/Manual%20de%20Identidade/Novo_manual_Elektro_completo_V2.pdf - Acesso em 26/07/2022 Quem Somos. DIspon\u00edvel em: https://www.neoenergiabrasilia.com.br/sobre-nos/sobre/Paginas/default.aspx - Acesso em 26/07/2022 Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021);Intera\u00e7\u00e3o Humano-Computador e Experi\u00eancia do usu\u00e1rio. A import\u00e2ncia da tipografia no universo do design gr\u00e1fico. Dispon\u00edvel em: https://www.escola-panamericana.com.br/acontece/a-importancia-da-tipografia-no-universo-do-design-grafico#:~:text=O%20tipo%20da%20fonte%20pode,marca%20e%20engajar%20o%20p%C3%BAblico. - Acesso em 28/07/2022 A Import\u00e2ncia das Decis\u00f5es de Design em Uma Interface. Dispon\u00edvel em: https://catarinag.medium.com/a-import%C3%A2ncia-das-decis%C3%B5es-de-design-em-uma-interface-7a2171ddff7a - Acesso em 29/07/2022 Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 25/07/2022 0.1 Cria\u00e7\u00e3o de t\u00f3picos Natan Santana Clara Ribeiro 26/07/2022 0.2 T\u00f3pico de introdu\u00e7\u00e3o Natan Santana Lu\u00edza Esteves 28/07/2022 0.3 T\u00f3pico de tipografia e an\u00e1lise da tipografia Natan Santana Lu\u00edza Esteves 28/07/2022 0.4 T\u00f3pico de logo e cores Clara Ribeiro Lu\u00edza Esteves 28/07/2022 0.5 T\u00f3pico de bot\u00f5es e \u00edcones Rafael Xavier Lu\u00edza Esteves","title":"Guia de Estilo"},{"location":"analise_de_requisitos/guia/#guia-de-estilo","text":"","title":"Guia de Estilo"},{"location":"analise_de_requisitos/guia/#introducao","text":"Este Guia de Estilo visa reunir os princ\u00edpios e diretrizes de design que guiar\u00e3o o time durante o desenvolvimento de todo o projeto. Aqui ser\u00e3o reunidos todos os elementos essenciais que dever\u00e3o estar presentes na vers\u00e3o final do projeto, al\u00e9m de fornecer embasamento para tomadas de decis\u00f5es sobre o design durante as pr\u00f3ximas etapa do Processo de Design. Grande parte dos t\u00f3picos aqui presentes s\u00e3o baseados no documento Elementos B\u00e1sicos da NeoEnergia Elektro (distribuidora do Mato Grosso do Sul) a qual, junto com a NeoEnergia Brasilia, faz parte do grupo espanhol Iberdrola. J\u00e1 os elementos que n\u00e3o s\u00e3o abordados neste documento da NeoEnergia Elektro, como os Bot\u00f5es e \u00cdcones, foram extra\u00eddos do site da NeoEnergia Bras\u00edlia. No final deste documento, \u00e9 comparado o site Ag\u00eancia Virtual da NeoEnergia Brasilia com os princ\u00edpios e diretrizes aqui descritos, identificando quais elementos est\u00e3o em viola\u00e7\u00e3o e precisar\u00e3o de maior aten\u00e7\u00e3o na fase de redesign.","title":"Introdu\u00e7\u00e3o"},{"location":"analise_de_requisitos/guia/#identidade-visual-da-neoenergia","text":"","title":"Identidade Visual da NeoEnergia"},{"location":"analise_de_requisitos/guia/#logo","text":"O logotipo \u00e9 composto pelo s\u00edmbolo e pela tipografia, havendo apenas duas varia\u00e7\u00f5es: horizontal e vertical, como pode-se observar na figura 1. Segundo o documento da marca, a prioridade deve ser sempre para o logotipo vertical, enquanto a vers\u00e3o horizontal deve ser utilizada em \u00faltimo caso. Figura 1: logotipos da Neoenergia Fonte: https://www.neoenergia.com Tamb\u00e9m h\u00e1 varia\u00e7\u00f5es dos logotipos em negativo, caso seja necess\u00e1rio posiciona-los sobre um fundo mais escuro, conforme pode-se ver na figura 2. Figura 2: logotipo negativo da Neoenergia Fonte: https://www.neoenergia.com H\u00e1 uma regra de aplica\u00e7\u00e3o do logotipo a respeito da \u00e1rea de prote\u00e7\u00e3o em torno do mesmo. A marca deve estar rodeada por uma \u00e1rea de prote\u00e7\u00e3o m\u00ednima. Isso \u00e9 necess\u00e1rio para que a presen\u00e7a do logo n\u00e3o seja diminu\u00edda por outros elementos. Essa \u00e1rea de prote\u00e7\u00e3o m\u00ednima pode ser observada na figura 3. Figura 3: logotipos da Neoenergia Fonte: https://www.neoenergiaelektro.com.br","title":"Logo"},{"location":"analise_de_requisitos/guia/#cores","text":"H\u00e1 3 paletas de cores na identidade visual da marca: as cores corporativas prim\u00e1rias, as cores corporativas secund\u00e1rias e as cores verdes corporativas. As cores corporativas prim\u00e1rias s\u00e3o: verde, azul, amarelo e laranja, conforme mostrado na figura 4. \u00c9 de extrema import\u00e2ncia que os tons usados sejam iguais ao equivalente no sistema Pantone. Figura 4: Cores Prim\u00e1rias Fonte: Manual de Identidade - Elementos B\u00e1sicos Ao utilizar as cores, deve-se primeiro dar prefer\u00eancia ao verde, mas caso n\u00e3o seja poss\u00edvel, pode-se recorrer ao laranja, amarelo e azul, nessa ordem, conforme descrito no gr\u00e1fico 1. Gr\u00e1fico 1: Propor\u00e7\u00e3o de import\u00e2ncia das cores prim\u00e1rias Fonte: Manual de Identidade - Elementos B\u00e1sicos As cores corporativas prim\u00e1rias tamb\u00e9m s\u00e3o: verde, azul, amarelo e laranja, por\u00e9m em um diferente tom, conforme mostrado na figura 5. As cores secund\u00e1rias podem ser usadas para complementar as cores prim\u00e1rias. Figura 5: Cores Secund\u00e1rias Fonte: Manual de Identidade - Elementos B\u00e1sicos Ao utilizar as cores, deve-se seguir a mesma ordem de prioridade que as cores prim\u00e1rias: verde, laranja, amarelo e azul, nessa ordem. Podemos observar isso no gr\u00e1fico 2. Gr\u00e1fico 2: Propor\u00e7\u00e3o de import\u00e2ncia das cores secund\u00e1rias Fonte: Manual de Identidade - Elementos B\u00e1sicos Pode-se observar na figura 6 as seis cores verdes coorporativas, que podem ser utilizadas para complementar as cores prim\u00e1rias e secund\u00e1rias. A ordem de prioridade deve ser obedecida conforme descrito no gr\u00e1fico 3. Figura 6: Paleta de Verdes Fonte: Manual de Identidade - Elementos B\u00e1sicos Gr\u00e1fico 3: Propor\u00e7\u00e3o de import\u00e2ncia das cores verde Fonte: Manual de Identidade - Elementos B\u00e1sicos","title":"Cores"},{"location":"analise_de_requisitos/guia/#tipografia","text":"A defini\u00e7\u00e3o de uma tipografia \u00e9 uma parte essencial do design de um produto pois a escolha de uma fonte influencia diretamente na interpreta\u00e7\u00e3o da mensagem sendo comunicada pelo produto e marca. Como a interpreta\u00e7\u00e3o de uma fonte \u00e9 subjetiva e pode transmitir diferentes emo\u00e7\u00f5es, \u00e9 necess\u00e1rio que ela se relacione diretamente com o teor das mensagens e outros elementos gr\u00e1ficos do design. Sendo assim, a tipografia Trebuchet Regular (figura 7) ser\u00e1 utilizada em todos os textos do site e a fonte Trebuchet Bold (figura 8) ser\u00e1 utilizada em t\u00edtulos. Essas fontes foram escolhidas pois s\u00e3o as recomendadas para utiliza\u00e7\u00e3o em sites na web de acordo com o documento de Elementos B\u00e1sicos (P\u00e1gina 66). Figura 7: fonte Trebuchet Regular Fonte: Fontsgeek Figura 8: fonte Trebuchet Bold Fonte: Fontsgeek","title":"Tipografia"},{"location":"analise_de_requisitos/guia/#botoes-e-icones","text":"Ao criar bot\u00f5es ou inserir \u00edcones durante o processo de design, \u00e9 importante que o usu\u00e1rio saiba exatamente o que ir\u00e1 acontecer caso interaja com os mesmos. Se o contexto em que esses elementos est\u00e3o inseridos n\u00e3o \u00e9 consistente, \u00e9 poss\u00edvel que isso cause confus\u00e3o no usu\u00e1rio e leve o usu\u00e1rio ao erro. Analisando o site da NeoEnergia Bras\u00edlia, podemos observar tr\u00eas formas de intera\u00e7\u00e3o nas p\u00e1ginas, a primeira s\u00e3o bot\u00f5es com linhas retas (figuras 13 e 14), a segunda s\u00e3o bot\u00f5es mais arredondados com texto ou \u00edcones em sua composi\u00e7\u00e3o (figuras 9, 10, 11 e 12), e a terceira s\u00e3o textos com links acompanhados de \u00edcones, indicando redirecionamento para uma outra p\u00e1gina (figuras 15 e 16). Figura 9: bot\u00e3o de acesso \u00e0 Ag\u00eancia Virtual Fonte: NeoEnegergia Bras\u00edlia Figura 10: bot\u00e3o \"Saiba mais\" Fonte: NeoEnegergia Bras\u00edlia Figura 11: bot\u00e3o \"Conhe\u00e7a outros canais\" Fonte: NeoEnegergia Bras\u00edlia Figura 12: bot\u00f5es de acesso \u00e0s redes sociais Fonte: NeoEnegergia Bras\u00edlia Figura 13: bot\u00e3o de atualiza\u00e7\u00e3o de cadastro Fonte: NeoEnegergia Bras\u00edlia Figura 14: bot\u00e3o retangular de acesso \u00e0 Ag\u00eancia Virtual Fonte: NeoEnegergia Bras\u00edlia Figura 15: link de acesso ao cart\u00e3o CNPJ Fonte: NeoEnegergia Bras\u00edlia Figura 16: links de acesso \u00e0s tarifas de energia Fonte: NeoEnegergia Bras\u00edlia","title":"Bot\u00f5es e \u00edcones"},{"location":"analise_de_requisitos/guia/#analise-de-estilo","text":"","title":"An\u00e1lise de estilo"},{"location":"analise_de_requisitos/guia/#logo_1","text":"Ao analisar o site da Ag\u00eancia Virtual da NeoEnergia, considerando as boas pr\u00e1ticas de aplica\u00e7\u00e3o do logotipo conforme o Manual da Marca citado anteriormente, pode-se perceber uma viola\u00e7\u00e3o na \u00e1rea de prote\u00e7\u00e3o m\u00ednima. Isso acontece na p\u00e1gina inicial, conforme a figura 17, em que pode-se observar que o logotipo ultrapassa a \u00e1rea do menu. Figura 17: P\u00e1gina Inicial da Ag\u00eancia Virtual Neoenergia Fonte: https://agenciavirtual.neoenergiabrasilia.com.br Tamb\u00e9m podemos observar o mesmo comportamento nas p\u00e1ginas de servi\u00e7o: o logotipo ultrapassa o menu, se sobrepondo a outros elementos da p\u00e1gina, conforme mostra a figura 18. Figura 18: P\u00e1gina de Servi\u00e7os da Ag\u00eancia Virtual Neoenergia Fonte: https://agenciavirtual.neoenergiabrasilia.com.br/Servicos","title":"Logo"},{"location":"analise_de_requisitos/guia/#cores_1","text":"Ao analisar as cores, pode-se perceber v\u00e1rias viola\u00e7\u00f5es ao manual de cores descrito anteriormente. Na p\u00e1gina inicial as cores predominantes s\u00e3o Azul e Laranja. O azul utilizado n\u00e3o \u00e9 o que foi especificado na paleta de cores da marca. Apesar do laranja estar no tom correto, ele deveria aparecer na tela apenas quando n\u00e3o fosse poss\u00edvel utilizar o verde, regra a qual n\u00e3o \u00e9 seguida, pois o verde n\u00e3o aparece em nenhum momento na p\u00e1gina inicial, a n\u00e3o ser na logo. Pode-se perceber isso nas figuras 19, 20 e 21. Tamb\u00e9m podemos observar nas imagens 20 e 21 que foi utilizado a cor cinza, por\u00e9m ela n\u00e3o foi especificada nas paletas de cores da marca. Figura 19: print da home do site Ag\u00eancia Virtual da Neoenergia Figura 20: print da home do site Ag\u00eancia Virtual da Neoenergia Figura 21: print da home do site Ag\u00eancia Virtual da Neoenergia Nas p\u00e1ginas de servi\u00e7os pode-se perceber os mesmos problemas de predomin\u00e2ncia da cor azul e aus\u00eancia do verde principal, conforme ilustra a figura 22. Figura 22: print da p\u00e1gina de servi\u00e7os do site Ag\u00eancia Virtual da Neoenergia","title":"Cores"},{"location":"analise_de_requisitos/guia/#tipografia_1","text":"Como pode ser verificado na figura 23, a tipografia que est\u00e1 sendo utilizada no site da Ag\u00eancia Virtual da NeoEnergia Bras\u00edlia \u00e9 a Roboto, tanto nos textos do site quanto nos t\u00edtulos. Dessa forma, ser\u00e1 necess\u00e1rio mudar a fonte dos textos para Trebuchet Regular e a dos t\u00edtulos para Trebuchet Bold a fim de seguir o guia de estilo definido anteriormente. Figura 23: print do site Ag\u00eancia Virtual da Neoenergia","title":"Tipografia"},{"location":"analise_de_requisitos/guia/#botoes-e-icones_1","text":"Podemos obervar algumas diferen\u00e7as entre os bot\u00f5es do site da NeoEnergia Brasilia com o site Agencia Virtual NeoEnergia. Al\u00e9m das cores, como foi citado anteriormente, percebe-se que os bot\u00f5es da Ag\u00eancia Virtual (figuras 24, 25 e 26) s\u00e3o quase todos retangulares, retos e sem \u00edcones em sua composi\u00e7\u00e3o. Figura 24: bot\u00f5es de acesso \u00e0 conta da ag\u00eancia Fonte: Ag\u00eancia Virtual NeoEnegergia Bras\u00edlia Figura 25: bot\u00e3o \"Servi\u00e7os expressos\" Fonte: Ag\u00eancia Virtual NeoEnegergia Bras\u00edlia Figura 26: bot\u00e3o \"fechar\" Fonte: Ag\u00eancia Virtual NeoEnegergia Bras\u00edlia J\u00e1 nos \u00edcones a diferen\u00e7a \u00e9 maior, como vemos na figura 27, os \u00edcones s\u00e3o bem maiores e s\u00e3o acompanhados de um texto com um link para o servi\u00e7o desejado. No site da Ag\u00eancia o acesso \u00e0s redes sociais da empresa se apresenta por \u00edcones interativos (figura 28), j\u00e1 no site da NeoEnergia esse mesmo acesso se d\u00e1 por bot\u00f5es circulares com \u00edcones dentro. Figura 27: \u00edcones e links de servi\u00e7os Fonte: Ag\u00eancia Virtual NeoEnegergia Bras\u00edlia Figura 28: \u00edcones/bot\u00f5es de acesso \u00e0s redes sociais da Ag\u00eancia Virtual Fonte: Ag\u00eancia Virtual NeoEnegergia Bras\u00edlia Apesar de claramente n\u00e3o haver um padr\u00e3o entre os sites, os bot\u00f5es e \u00edcones conseguem prover uma interpreta\u00e7\u00e3o clara ao usu\u00e1rio devido ao apoio textual que esses elementos t\u00eam.","title":"Bot\u00f5es e \u00edcones"},{"location":"analise_de_requisitos/guia/#bibliografia","text":"ELEMENTOS B\u00c1SICOS. Dispon\u00edvel em: https://www.neoenergiaelektro.com.br/Media/Default/DocGalleries/Manual%20de%20Identidade/Novo_manual_Elektro_completo_V2.pdf - Acesso em 26/07/2022 Quem Somos. DIspon\u00edvel em: https://www.neoenergiabrasilia.com.br/sobre-nos/sobre/Paginas/default.aspx - Acesso em 26/07/2022 Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021);Intera\u00e7\u00e3o Humano-Computador e Experi\u00eancia do usu\u00e1rio. A import\u00e2ncia da tipografia no universo do design gr\u00e1fico. Dispon\u00edvel em: https://www.escola-panamericana.com.br/acontece/a-importancia-da-tipografia-no-universo-do-design-grafico#:~:text=O%20tipo%20da%20fonte%20pode,marca%20e%20engajar%20o%20p%C3%BAblico. - Acesso em 28/07/2022 A Import\u00e2ncia das Decis\u00f5es de Design em Uma Interface. Dispon\u00edvel em: https://catarinag.medium.com/a-import%C3%A2ncia-das-decis%C3%B5es-de-design-em-uma-interface-7a2171ddff7a - Acesso em 29/07/2022","title":"Bibliografia"},{"location":"analise_de_requisitos/guia/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 25/07/2022 0.1 Cria\u00e7\u00e3o de t\u00f3picos Natan Santana Clara Ribeiro 26/07/2022 0.2 T\u00f3pico de introdu\u00e7\u00e3o Natan Santana Lu\u00edza Esteves 28/07/2022 0.3 T\u00f3pico de tipografia e an\u00e1lise da tipografia Natan Santana Lu\u00edza Esteves 28/07/2022 0.4 T\u00f3pico de logo e cores Clara Ribeiro Lu\u00edza Esteves 28/07/2022 0.5 T\u00f3pico de bot\u00f5es e \u00edcones Rafael Xavier Lu\u00edza Esteves","title":"Tabela de Versionamento"},{"location":"analise_de_requisitos/perfil_do_usu%C3%A1rio/","text":"Perfil do Usu\u00e1rio Introdu\u00e7\u00e3o O perfil de usu\u00e1rio \u00e9 uma forma de entendermos quem s\u00e3o as pessoas que fazem uso do produto, e este documento tem como objetivo descrever as caracter\u00edsticas dos usu\u00e1rios da Ag\u00eancia Virtual Neoenergia Bras\u00edlia. Para entender quem s\u00e3o essas pessoas, perguntas como \"Quem s\u00e3o?\" ou \"Quais seus objetivos?\" devem ser respondidas de alguma forma. Isso pode ser feito por meio de entrevistas ou question\u00e1rios, por exemplo. Metodologia Para entender quem s\u00e3o os usu\u00e1rios, nossa equipe elaborou um question\u00e1rio atrav\u00e9s do Google Forms com perguntas que possibilitassem o agrupamento de pessoas com caracter\u00edsticas semelhantes para assim montarmos seus perfis e personas. Vale ressaltar que antes que o question\u00e1rio iniciasse de fato, era necess\u00e1rio aceitar o seguinte termo de consentimento: Figura 1: Quest\u00e3o 1 (Termo de consentimento) Question\u00e1rio Perguntas e percentuais de respostas Figura 2: Quest\u00e3o 2 Figura 3: Quest\u00e3o 3 Figura 4: Quest\u00e3o 4 Figura 5: Quest\u00e3o 5 Figura 6: Quest\u00e3o 6 Figura 7: Quest\u00e3o 7 Figura 8: Quest\u00e3o 8 Figura 9: Quest\u00e3o 9 Figura 10: Quest\u00e3o 10 As quest\u00f5es a seguir s\u00e3o definidas pelos n\u00edveis de satisfa\u00e7\u00e3o abaixo: Figura 11: Quest\u00e3o 11 Figura 12: Quest\u00e3o 12 Figura 13: Quest\u00e3o 13 Figura 14: Quest\u00e3o 14 Figura 15: Quest\u00e3o 15 Figura 16: Quest\u00e3o 16 Figura 17: Quest\u00e3o 17 Figura 18: Quest\u00e3o 18 Observa\u00e7\u00f5es Em posse dos dados obtidos com a aplica\u00e7\u00e3o do question\u00e1rio, podemos perceber que a maioria do p\u00fablico s\u00e3o jovens adultos (entre 21 e 30) embora a diferen\u00e7a entre as porcentagens das respectivas faixas et\u00e1rias n\u00e3o seja t\u00e3o grande. Percebe-se tamb\u00e9m que muitas pessoas pediram ajuda para realizar alguma tarefa dentro do site, o que indica dificuldade no acesso aos servi\u00e7os. Outro indicativo de dificuldade \u00e9 o fato de que o percentual de pessoas que preferem utilizar o site \u00e9 menor comparado ao percentual das outras alternativas, visto que o site tem uma premissa de ser algo mais objetivo, ao contr\u00e1rio da ceantral de atendimento ao cliente, por exemplo. Bibliografia Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021);Intera\u00e7\u00e3o Humano-Computador e Experi\u00eancia do usu\u00e1rio. Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 19/07/2022 0.1 Cria\u00e7\u00e3o do artefato Perfil do Usu\u00e1rio Rafael Xavier Clara Ribeiro","title":"Perfil do Usu\u00e1rio"},{"location":"analise_de_requisitos/perfil_do_usu%C3%A1rio/#perfil-do-usuario","text":"","title":"Perfil do Usu\u00e1rio"},{"location":"analise_de_requisitos/perfil_do_usu%C3%A1rio/#introducao","text":"O perfil de usu\u00e1rio \u00e9 uma forma de entendermos quem s\u00e3o as pessoas que fazem uso do produto, e este documento tem como objetivo descrever as caracter\u00edsticas dos usu\u00e1rios da Ag\u00eancia Virtual Neoenergia Bras\u00edlia. Para entender quem s\u00e3o essas pessoas, perguntas como \"Quem s\u00e3o?\" ou \"Quais seus objetivos?\" devem ser respondidas de alguma forma. Isso pode ser feito por meio de entrevistas ou question\u00e1rios, por exemplo.","title":"Introdu\u00e7\u00e3o"},{"location":"analise_de_requisitos/perfil_do_usu%C3%A1rio/#metodologia","text":"Para entender quem s\u00e3o os usu\u00e1rios, nossa equipe elaborou um question\u00e1rio atrav\u00e9s do Google Forms com perguntas que possibilitassem o agrupamento de pessoas com caracter\u00edsticas semelhantes para assim montarmos seus perfis e personas. Vale ressaltar que antes que o question\u00e1rio iniciasse de fato, era necess\u00e1rio aceitar o seguinte termo de consentimento: Figura 1: Quest\u00e3o 1 (Termo de consentimento)","title":"Metodologia"},{"location":"analise_de_requisitos/perfil_do_usu%C3%A1rio/#questionario","text":"Perguntas e percentuais de respostas Figura 2: Quest\u00e3o 2 Figura 3: Quest\u00e3o 3 Figura 4: Quest\u00e3o 4 Figura 5: Quest\u00e3o 5 Figura 6: Quest\u00e3o 6 Figura 7: Quest\u00e3o 7 Figura 8: Quest\u00e3o 8 Figura 9: Quest\u00e3o 9 Figura 10: Quest\u00e3o 10 As quest\u00f5es a seguir s\u00e3o definidas pelos n\u00edveis de satisfa\u00e7\u00e3o abaixo: Figura 11: Quest\u00e3o 11 Figura 12: Quest\u00e3o 12 Figura 13: Quest\u00e3o 13 Figura 14: Quest\u00e3o 14 Figura 15: Quest\u00e3o 15 Figura 16: Quest\u00e3o 16 Figura 17: Quest\u00e3o 17 Figura 18: Quest\u00e3o 18","title":"Question\u00e1rio"},{"location":"analise_de_requisitos/perfil_do_usu%C3%A1rio/#observacoes","text":"Em posse dos dados obtidos com a aplica\u00e7\u00e3o do question\u00e1rio, podemos perceber que a maioria do p\u00fablico s\u00e3o jovens adultos (entre 21 e 30) embora a diferen\u00e7a entre as porcentagens das respectivas faixas et\u00e1rias n\u00e3o seja t\u00e3o grande. Percebe-se tamb\u00e9m que muitas pessoas pediram ajuda para realizar alguma tarefa dentro do site, o que indica dificuldade no acesso aos servi\u00e7os. Outro indicativo de dificuldade \u00e9 o fato de que o percentual de pessoas que preferem utilizar o site \u00e9 menor comparado ao percentual das outras alternativas, visto que o site tem uma premissa de ser algo mais objetivo, ao contr\u00e1rio da ceantral de atendimento ao cliente, por exemplo.","title":"Observa\u00e7\u00f5es"},{"location":"analise_de_requisitos/perfil_do_usu%C3%A1rio/#bibliografia","text":"Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021);Intera\u00e7\u00e3o Humano-Computador e Experi\u00eancia do usu\u00e1rio. Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 19/07/2022 0.1 Cria\u00e7\u00e3o do artefato Perfil do Usu\u00e1rio Rafael Xavier Clara Ribeiro","title":"Bibliografia"},{"location":"analise_de_requisitos/personas/","text":"Personas Introdu\u00e7\u00e3o \u2003 Uma persona \u00e9 uma personagem fict\u00edcia, um arqu\u00e9tipo, baseado em dados reais de usu\u00e1rios, criada para descrever um usu\u00e1rio m\u00e9dio. As personas s\u00e3o definidas principalmente por suas vontades, objetivos e interesses que s\u00e3o captados devido a um processo de investiga\u00e7\u00e3o inicial de atividades de usu\u00e1rios. Essa abordagem \u00e9 \u00fatil para conduzir as decis\u00f5es de projeto, para que os designers do produto mantenham o foco nos usu\u00e1rios, um dos pontos mais importante em um sistema de intera\u00e7\u00e3o humano-computador. (Cooper et al. 2007; Pruitt e Adlin, 2006) Metodologia \u2003 Este \u00e9 um m\u00e9todo de elicita\u00e7\u00e3o muito utilizado, inclusive existem metodologias de projeto guiadas por personas. \u00c9 tamb\u00e9m, uma importante ferramenta de s\u00edntese de ideias, de forma que o nome de uma persona j\u00e1 evoca, na mente dos desenvolvedores, todas as necessidades e objetivos ligados \u00e0quela persona. Determinamos de in\u00edcio, a persona prim\u00e1ria, as secund\u00e1rias e a anti-persona. \u2003 Este \u00e9 um m\u00e9todo de elicita\u00e7\u00e3o muito utilizado, inclusive existem metodologias de projeto guiadas por personas. \u00c9 tamb\u00e9m uma importante ferramenta de s\u00edntese de ideias, de forma que o nome de uma persona j\u00e1 evoca, na mente dos desenvolvedores, todas as necessidades e objetivos ligados \u00e0quela persona. Determinamos de in\u00edcio, a persona prim\u00e1ria, as secund\u00e1rias e a anti-persona. A partir do Brainstorm realizado em uma reuni\u00e3o com todos os membros do grupo, conseguimos levantar alguns requisitos b\u00e1sicos. A partir desses requisitos, buscamos as personas b\u00e1sicas que mais utilizariam esses requisitos. As personas foram detalhadas, com suas hist\u00f3rias, necessidades e objetivos. \u00c9 importante criar essa imagem v\u00edvida da persona para os designers estabelecerem os requisitos de forma precisa. Personas Persona prim\u00e1ria Nome Ana Gabriela Foto Imagem 1: Ana Gabriela Persona Descri\u00e7\u00e3o Ana Gabriela, idade de 30 anos, moradora de Brasilia. Professora do Ensino Fundamental e M\u00e9dio, especializada em hist\u00f3ria. Mulher. Casada Mora na Asa Sul, Brasilia. Status Persona prim\u00e1ria. Objetivos N\u00e3o cometer erros, n\u00e3o perder muito tempo no site, n\u00e3o se estressar, ter uma experi\u00eancia mais pr\u00e1tica em rela\u00e7\u00e3o aos outros meios de comunica\u00e7\u00e3o. Habilidades Experi\u00eancia intermedi\u00e1ria de inform\u00e1tica, curso superior em Letras, teve que se adaptar mais \u00e0 tecnologia por causa das aulas remotas, boa em interpreta\u00e7\u00e3o e boa com pessoas. Tarefas Ao acessar, Ana gostaria de visualizar a segunda via, verificar hist\u00f3rico de consumo, atualizar cadastro, acessar o sistema e verificar falta de energia. Relacionamentos \u00c0s vezes pede ao marido para acessar o sistema e realizar algum servi\u00e7o. Requisitos Ela precisa de um sistema que realize as opera\u00e7\u00f5es o mais r\u00e1pido poss\u00edvel, de forma segura, que informe o que est\u00e1 acontecendo e que seja poss\u00edvel acompanhar a solicita\u00e7\u00e3o. Expectivativas Ana Gabriela que o sistema seja t\u00e3o eficiente que n\u00e3o seja necess\u00e1rio outra pessoa para ajud\u00e1-la (seja o marido ou algum atendente). Tabela 1: Persona prim\u00e1ria Nome Matheus Santos Foto Imagem 2: Matheus Santos Persona Descri\u00e7\u00e3o Matheus Santos, 19 anos, morador de Brasilia. Estudante de Engenharia de Software. Homem Solteiro Mora no Taquari, Brasilia. Status Persona secund\u00e1ria. Objetivos Fazer a tarefa o mais r\u00e1pido poss\u00edvel, n\u00e3o ficar perdido, entender bem a tarefa para ensinar, relembrar rapidamente. Habilidades Bastante experi\u00eancia com inform\u00e1tica, bom em jogos virtuais, fazendo engenharia de software. Tarefas Segunda via, atualizar cadastro, acessar a plataforma. Relacionamentos Ajuda os pais e av\u00f3s a acessar o sistema de tempos em tempos, quando precisam realizar algum servi\u00e7o mais urgente ou complexo. Requisitos Sistema f\u00e1cil de reconhecer e eficiente, recupera\u00e7\u00e3o de senha f\u00e1cil. Expectivativas Que o sistema seja f\u00e1cil de usar, intuitivo, f\u00e1cil relembrar. Tabela 2: Persona secund\u00e1ria Nome Wellington Foto Imagem 3: Wellignton Persona Descri\u00e7\u00e3o Wellington, 55 anos, morador de Brasilia. Servidor P\u00fablico. Homem Casado Mora em Sobradinho, Brasilia. Status Persona secund\u00e1ria. Objetivos Quer que o servi\u00e7o seja realizado o mais r\u00e1pido poss\u00edvel e sem complica\u00e7\u00f5es, evitar fazer a\u00e7\u00f5es fora do sistema. Habilidades Experi\u00eancia b\u00e1sica com inform\u00e1tica, mais acostumado com telefone do que computador, acostumados com opera\u00e7\u00f5es mais mec\u00e2nicas. Tarefas Segunda via, atualizar cadastro, acessar a plataforma (Realiza esses servi\u00e7os por outros meios e quando precisa do site pede ajuda para o Matheus). Relacionamentos Sempre realiza os servi\u00e7os por meio da central de atendimento e pede ajuda para realizar algo no sistema somente quando precisa de urg\u00eancia ou quando a central n\u00e3o consegue ajudar. Requisitos Um sistema r\u00e1pido e pr\u00e1tico, sem muitos passos e bem direta. Expectivativas Ele espera que quem estiver ajudando consiga resolver o problema mais r\u00e1pido poss\u00edvel. Tabela 3: Persona secund\u00e1ria Nome Jo\u00e3o Foto Imagem 4: Antipersona Descri\u00e7\u00e3o Jo\u00e3o, 48 anos, morador de Brasilia. Vendedor. Homem Casado Mora no Gama, Brasilia. Contexto Queria ter tirado a segunda via da conta de energia, mas entrou no website da Neoenergia sem saber que n\u00e3o se aplica \u00e0 sua resid\u00eancia. Jo\u00e3o n\u00e3o precisar\u00e1 usar o sitema. Tabela 4: Anti-persona Bibliografia Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021);Intera\u00e7\u00e3o Humano-Computador e Experi\u00eancia do usu\u00e1rio. Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 20/07/2022 0.1 Abertura do documento Matheus Perillo Clara Ribeiro 20/07/2022 0.2 Introdu\u00e7\u00e3o ao documento Matheus Perillo Clara Ribeiro 20/07/2022 0.3 Metodologia utilizada Matheus Perillo Clara Ribeiro 20/07/2022 0.4 Adi\u00e7\u00e3o das Personas Matheus Perillo Clara Ribeiro 20/07/2022 0.5 Adi\u00e7\u00e3o de Personas e Anti-persona Daniel Coimbra Matheus Perillo 20/07/2022 0.6 Mudan\u00e7as na introdu\u00e7\u00e3o e metodologia Daniel Coimbra Matheus Perillo","title":"Personas"},{"location":"analise_de_requisitos/personas/#personas","text":"","title":"Personas"},{"location":"analise_de_requisitos/personas/#introducao","text":"Uma persona \u00e9 uma personagem fict\u00edcia, um arqu\u00e9tipo, baseado em dados reais de usu\u00e1rios, criada para descrever um usu\u00e1rio m\u00e9dio. As personas s\u00e3o definidas principalmente por suas vontades, objetivos e interesses que s\u00e3o captados devido a um processo de investiga\u00e7\u00e3o inicial de atividades de usu\u00e1rios. Essa abordagem \u00e9 \u00fatil para conduzir as decis\u00f5es de projeto, para que os designers do produto mantenham o foco nos usu\u00e1rios, um dos pontos mais importante em um sistema de intera\u00e7\u00e3o humano-computador. (Cooper et al. 2007; Pruitt e Adlin, 2006)","title":"Introdu\u00e7\u00e3o"},{"location":"analise_de_requisitos/personas/#metodologia","text":"Este \u00e9 um m\u00e9todo de elicita\u00e7\u00e3o muito utilizado, inclusive existem metodologias de projeto guiadas por personas. \u00c9 tamb\u00e9m, uma importante ferramenta de s\u00edntese de ideias, de forma que o nome de uma persona j\u00e1 evoca, na mente dos desenvolvedores, todas as necessidades e objetivos ligados \u00e0quela persona. Determinamos de in\u00edcio, a persona prim\u00e1ria, as secund\u00e1rias e a anti-persona. \u2003 Este \u00e9 um m\u00e9todo de elicita\u00e7\u00e3o muito utilizado, inclusive existem metodologias de projeto guiadas por personas. \u00c9 tamb\u00e9m uma importante ferramenta de s\u00edntese de ideias, de forma que o nome de uma persona j\u00e1 evoca, na mente dos desenvolvedores, todas as necessidades e objetivos ligados \u00e0quela persona. Determinamos de in\u00edcio, a persona prim\u00e1ria, as secund\u00e1rias e a anti-persona. A partir do Brainstorm realizado em uma reuni\u00e3o com todos os membros do grupo, conseguimos levantar alguns requisitos b\u00e1sicos. A partir desses requisitos, buscamos as personas b\u00e1sicas que mais utilizariam esses requisitos. As personas foram detalhadas, com suas hist\u00f3rias, necessidades e objetivos. \u00c9 importante criar essa imagem v\u00edvida da persona para os designers estabelecerem os requisitos de forma precisa.","title":"Metodologia"},{"location":"analise_de_requisitos/personas/#personas_1","text":"","title":"Personas"},{"location":"analise_de_requisitos/personas/#persona-primaria","text":"Nome Ana Gabriela Foto Imagem 1: Ana Gabriela Persona Descri\u00e7\u00e3o Ana Gabriela, idade de 30 anos, moradora de Brasilia. Professora do Ensino Fundamental e M\u00e9dio, especializada em hist\u00f3ria. Mulher. Casada Mora na Asa Sul, Brasilia. Status Persona prim\u00e1ria. Objetivos N\u00e3o cometer erros, n\u00e3o perder muito tempo no site, n\u00e3o se estressar, ter uma experi\u00eancia mais pr\u00e1tica em rela\u00e7\u00e3o aos outros meios de comunica\u00e7\u00e3o. Habilidades Experi\u00eancia intermedi\u00e1ria de inform\u00e1tica, curso superior em Letras, teve que se adaptar mais \u00e0 tecnologia por causa das aulas remotas, boa em interpreta\u00e7\u00e3o e boa com pessoas. Tarefas Ao acessar, Ana gostaria de visualizar a segunda via, verificar hist\u00f3rico de consumo, atualizar cadastro, acessar o sistema e verificar falta de energia. Relacionamentos \u00c0s vezes pede ao marido para acessar o sistema e realizar algum servi\u00e7o. Requisitos Ela precisa de um sistema que realize as opera\u00e7\u00f5es o mais r\u00e1pido poss\u00edvel, de forma segura, que informe o que est\u00e1 acontecendo e que seja poss\u00edvel acompanhar a solicita\u00e7\u00e3o. Expectivativas Ana Gabriela que o sistema seja t\u00e3o eficiente que n\u00e3o seja necess\u00e1rio outra pessoa para ajud\u00e1-la (seja o marido ou algum atendente). Tabela 1: Persona prim\u00e1ria Nome Matheus Santos Foto Imagem 2: Matheus Santos Persona Descri\u00e7\u00e3o Matheus Santos, 19 anos, morador de Brasilia. Estudante de Engenharia de Software. Homem Solteiro Mora no Taquari, Brasilia. Status Persona secund\u00e1ria. Objetivos Fazer a tarefa o mais r\u00e1pido poss\u00edvel, n\u00e3o ficar perdido, entender bem a tarefa para ensinar, relembrar rapidamente. Habilidades Bastante experi\u00eancia com inform\u00e1tica, bom em jogos virtuais, fazendo engenharia de software. Tarefas Segunda via, atualizar cadastro, acessar a plataforma. Relacionamentos Ajuda os pais e av\u00f3s a acessar o sistema de tempos em tempos, quando precisam realizar algum servi\u00e7o mais urgente ou complexo. Requisitos Sistema f\u00e1cil de reconhecer e eficiente, recupera\u00e7\u00e3o de senha f\u00e1cil. Expectivativas Que o sistema seja f\u00e1cil de usar, intuitivo, f\u00e1cil relembrar. Tabela 2: Persona secund\u00e1ria Nome Wellington Foto Imagem 3: Wellignton Persona Descri\u00e7\u00e3o Wellington, 55 anos, morador de Brasilia. Servidor P\u00fablico. Homem Casado Mora em Sobradinho, Brasilia. Status Persona secund\u00e1ria. Objetivos Quer que o servi\u00e7o seja realizado o mais r\u00e1pido poss\u00edvel e sem complica\u00e7\u00f5es, evitar fazer a\u00e7\u00f5es fora do sistema. Habilidades Experi\u00eancia b\u00e1sica com inform\u00e1tica, mais acostumado com telefone do que computador, acostumados com opera\u00e7\u00f5es mais mec\u00e2nicas. Tarefas Segunda via, atualizar cadastro, acessar a plataforma (Realiza esses servi\u00e7os por outros meios e quando precisa do site pede ajuda para o Matheus). Relacionamentos Sempre realiza os servi\u00e7os por meio da central de atendimento e pede ajuda para realizar algo no sistema somente quando precisa de urg\u00eancia ou quando a central n\u00e3o consegue ajudar. Requisitos Um sistema r\u00e1pido e pr\u00e1tico, sem muitos passos e bem direta. Expectivativas Ele espera que quem estiver ajudando consiga resolver o problema mais r\u00e1pido poss\u00edvel. Tabela 3: Persona secund\u00e1ria Nome Jo\u00e3o Foto Imagem 4: Antipersona Descri\u00e7\u00e3o Jo\u00e3o, 48 anos, morador de Brasilia. Vendedor. Homem Casado Mora no Gama, Brasilia. Contexto Queria ter tirado a segunda via da conta de energia, mas entrou no website da Neoenergia sem saber que n\u00e3o se aplica \u00e0 sua resid\u00eancia. Jo\u00e3o n\u00e3o precisar\u00e1 usar o sitema. Tabela 4: Anti-persona","title":"Persona prim\u00e1ria"},{"location":"analise_de_requisitos/personas/#bibliografia","text":"Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021);Intera\u00e7\u00e3o Humano-Computador e Experi\u00eancia do usu\u00e1rio.","title":"Bibliografia"},{"location":"analise_de_requisitos/personas/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 20/07/2022 0.1 Abertura do documento Matheus Perillo Clara Ribeiro 20/07/2022 0.2 Introdu\u00e7\u00e3o ao documento Matheus Perillo Clara Ribeiro 20/07/2022 0.3 Metodologia utilizada Matheus Perillo Clara Ribeiro 20/07/2022 0.4 Adi\u00e7\u00e3o das Personas Matheus Perillo Clara Ribeiro 20/07/2022 0.5 Adi\u00e7\u00e3o de Personas e Anti-persona Daniel Coimbra Matheus Perillo 20/07/2022 0.6 Mudan\u00e7as na introdu\u00e7\u00e3o e metodologia Daniel Coimbra Matheus Perillo","title":"Tabela de Versionamento"},{"location":"analise_de_requisitos/principios_gerais_do_projeto/","text":"Princ\u00edpios Gerais do Projeto Introdu\u00e7\u00e3o Os princ\u00edpios gerais de um projeto voltados para o Design e IHC servem de base para apontar objetivos, regras e boas pr\u00e1ticas que devem ser seguidas dentro de um escopo espec\u00edfico. No entanto, a elabora\u00e7\u00e3o de tais regras n\u00e3o substituem outras fases, como an\u00e1lise, design e avalia\u00e7\u00e3o de IHC, que descrevem detalhadamente pontos importantes dentro dessa constru\u00e7\u00e3o. Diretrizes A constru\u00e7\u00e3o dessas diretrizes se baseiam em nove pontos: correspond\u00eancia com as expectativas dos usu\u00e1rios : o usu\u00e1rio deve ser capaz de identificar relacionamentos entre a\u00e7\u00f5es e suas consequ\u00eancias dentro do sistema; simplicidade nas estruturas das tarefas : fazer com que as tarefas tenham um ciclo de realiza\u00e7\u00e3o o mais simples poss\u00edvel para o usu\u00e1rio; equil\u00edbrio entre controle e liberdade do usu\u00e1rio : trazer o usu\u00e1rio para dentro do controle das a\u00e7\u00f5es, mas reduzindo ao m\u00e1ximo a necessidade do mesmo realizar decis\u00f5es. Com op\u00e7\u00f5es de sa\u00edda a todo momento de uma tarefa em execu\u00e7\u00e3o; consist\u00eancia e padroniza\u00e7\u00e3o : trazer a\u00e7\u00f5es, resultados, layouts e di\u00e1logos de forma padronizada dentro de todo o sistema, para trazer uma maior consist\u00eancia no entendimento do usu\u00e1rio; promo\u00e7\u00e3o da efici\u00eancia do usu\u00e1rio : evitar que processamentos que demandem mais tempo impe\u00e7am o usu\u00e1rio de realizar outras atividades, agilizando suas atividades dentro do sistema. \u00c9 importante tamb\u00e9m n\u00e3o interromp\u00ea-lo dentro de suas a\u00e7\u00f5es sem necessidade e sempre proteg\u00ea-las; antecipa\u00e7\u00e3o das necessidades do usu\u00e1rio : o sistema deve prever o que o usu\u00e1rio ir\u00e1 precisar, de acordo com o andamento de uma a\u00e7\u00e3o. Para isso, pode fornecer informa\u00e7\u00f5es extras antecipadamente, definir valores padr\u00e3o em um formul\u00e1rio, entre outras atividades; visibilidade e reconhecimento : deve-se mostrar ao usu\u00e1rio quais atividades s\u00e3o poss\u00edveis de realizar e como que elas devem ser feitas. Al\u00e9m disso, ao finaliz\u00e1-las, deve-se dar algum indicativo de que a opera\u00e7\u00e3o se encerrou, seja visual ou sonora para se entender o estado do sistema; conte\u00fado relevante e express\u00e3o adequada : trazer quatro princ\u00edpios dentro de uma intera\u00e7\u00e3o: qualidade, quantidade, rela\u00e7\u00e3o e modo; projeto para erros : planejar o sistema pensando sempre que um erro pode ser cometido em qualquer parte de uma a\u00e7\u00e3o, trazendo op\u00e7\u00f5es para desfazer o erro. Conclus\u00e3o Fazendo uma an\u00e1lise do sistema da NeoEnergia em rela\u00e7\u00e3o \u00e0s diretrizes apresentadas, podemos identificar necessidades de melhorias de acordo com as mesmas. Os principais pontos a serem corrigidos s\u00e3o: correspond\u00eancia com as expectativas dos usu\u00e1rios informando o resultado de uma a\u00e7\u00e3o de forma mais clara, antecipa\u00e7\u00e3o das necessidades do usu\u00e1rio, conte\u00fado relevante e express\u00e3o adequada melhorando a qualidade das a\u00e7\u00f5es. Bibliografia Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021);Intera\u00e7\u00e3o Humano-Computador e Experi\u00eancia do usu\u00e1rio. Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 26/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de Princ\u00edpios Gerais do Projeto Lu\u00edza Esteves Clara Ribeiro","title":"Princ\u00edpios Gerais do Projeto"},{"location":"analise_de_requisitos/principios_gerais_do_projeto/#principios-gerais-do-projeto","text":"","title":"Princ\u00edpios Gerais do Projeto"},{"location":"analise_de_requisitos/principios_gerais_do_projeto/#introducao","text":"Os princ\u00edpios gerais de um projeto voltados para o Design e IHC servem de base para apontar objetivos, regras e boas pr\u00e1ticas que devem ser seguidas dentro de um escopo espec\u00edfico. No entanto, a elabora\u00e7\u00e3o de tais regras n\u00e3o substituem outras fases, como an\u00e1lise, design e avalia\u00e7\u00e3o de IHC, que descrevem detalhadamente pontos importantes dentro dessa constru\u00e7\u00e3o.","title":"Introdu\u00e7\u00e3o"},{"location":"analise_de_requisitos/principios_gerais_do_projeto/#diretrizes","text":"A constru\u00e7\u00e3o dessas diretrizes se baseiam em nove pontos: correspond\u00eancia com as expectativas dos usu\u00e1rios : o usu\u00e1rio deve ser capaz de identificar relacionamentos entre a\u00e7\u00f5es e suas consequ\u00eancias dentro do sistema; simplicidade nas estruturas das tarefas : fazer com que as tarefas tenham um ciclo de realiza\u00e7\u00e3o o mais simples poss\u00edvel para o usu\u00e1rio; equil\u00edbrio entre controle e liberdade do usu\u00e1rio : trazer o usu\u00e1rio para dentro do controle das a\u00e7\u00f5es, mas reduzindo ao m\u00e1ximo a necessidade do mesmo realizar decis\u00f5es. Com op\u00e7\u00f5es de sa\u00edda a todo momento de uma tarefa em execu\u00e7\u00e3o; consist\u00eancia e padroniza\u00e7\u00e3o : trazer a\u00e7\u00f5es, resultados, layouts e di\u00e1logos de forma padronizada dentro de todo o sistema, para trazer uma maior consist\u00eancia no entendimento do usu\u00e1rio; promo\u00e7\u00e3o da efici\u00eancia do usu\u00e1rio : evitar que processamentos que demandem mais tempo impe\u00e7am o usu\u00e1rio de realizar outras atividades, agilizando suas atividades dentro do sistema. \u00c9 importante tamb\u00e9m n\u00e3o interromp\u00ea-lo dentro de suas a\u00e7\u00f5es sem necessidade e sempre proteg\u00ea-las; antecipa\u00e7\u00e3o das necessidades do usu\u00e1rio : o sistema deve prever o que o usu\u00e1rio ir\u00e1 precisar, de acordo com o andamento de uma a\u00e7\u00e3o. Para isso, pode fornecer informa\u00e7\u00f5es extras antecipadamente, definir valores padr\u00e3o em um formul\u00e1rio, entre outras atividades; visibilidade e reconhecimento : deve-se mostrar ao usu\u00e1rio quais atividades s\u00e3o poss\u00edveis de realizar e como que elas devem ser feitas. Al\u00e9m disso, ao finaliz\u00e1-las, deve-se dar algum indicativo de que a opera\u00e7\u00e3o se encerrou, seja visual ou sonora para se entender o estado do sistema; conte\u00fado relevante e express\u00e3o adequada : trazer quatro princ\u00edpios dentro de uma intera\u00e7\u00e3o: qualidade, quantidade, rela\u00e7\u00e3o e modo; projeto para erros : planejar o sistema pensando sempre que um erro pode ser cometido em qualquer parte de uma a\u00e7\u00e3o, trazendo op\u00e7\u00f5es para desfazer o erro.","title":"Diretrizes"},{"location":"analise_de_requisitos/principios_gerais_do_projeto/#conclusao","text":"Fazendo uma an\u00e1lise do sistema da NeoEnergia em rela\u00e7\u00e3o \u00e0s diretrizes apresentadas, podemos identificar necessidades de melhorias de acordo com as mesmas. Os principais pontos a serem corrigidos s\u00e3o: correspond\u00eancia com as expectativas dos usu\u00e1rios informando o resultado de uma a\u00e7\u00e3o de forma mais clara, antecipa\u00e7\u00e3o das necessidades do usu\u00e1rio, conte\u00fado relevante e express\u00e3o adequada melhorando a qualidade das a\u00e7\u00f5es.","title":"Conclus\u00e3o"},{"location":"analise_de_requisitos/principios_gerais_do_projeto/#bibliografia","text":"Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021);Intera\u00e7\u00e3o Humano-Computador e Experi\u00eancia do usu\u00e1rio.","title":"Bibliografia"},{"location":"analise_de_requisitos/principios_gerais_do_projeto/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 26/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de Princ\u00edpios Gerais do Projeto Lu\u00edza Esteves Clara Ribeiro","title":"Tabela de Versionamento"},{"location":"analise_de_requisitos/analise_de_tarefas/analise_hierarquica/","text":"An\u00e1lise Hier\u00e1rquica de Tarefas Introdu\u00e7\u00e3o A an\u00e1lise de tarefas consiste em observar os objetivos que os usu\u00e1rio desejam alcan\u00e7ar e estudar como eles o realizam e porqu\u00ea com a finalidade de identificar problemas e melhorias \u00e0s tarefas existentes em certo sistema. Para realizar tal an\u00e1lise, existe alguns m\u00e9todos diferentes. Nesta p\u00e1gina sera discutida e mostrada a an\u00e1lise hier\u00e1rquica de tarefas realizada sobre algumas tarefas cr\u00edticas do site Ag\u00eancia Virtual NeoEnergia. A An\u00e1lise Hier\u00e1rquica de Tarefas (HTA \u2013 Hierarchical Task Analysis) possui a finalidade de identificar problemas de desempenho de tarefas complexas e n\u00e3o repetitivas, al\u00e9m de buscar entender as compet\u00eancias e habilidades exibidas nas mesmas (Annett, 2003; Annett e Duncan, 1967). A HTA busca pegar objetivos maiores que podem ser decompostos em subobjetivos e/ou opera\u00e7\u00f5es at\u00e9 que o objetivo maior seja atingido. Assim cada objetivo e opera\u00e7\u00e3o dentro dessa hierarquia \u00e9 examinado atr\u00e1s de poss\u00edveis erros e solu\u00e7\u00f5es. As tarefas selecionadas para essa avalia\u00e7\u00e3o foram a de \"Acessar a conta no site\" e \"Relat\u00f3rio Nada Consta\" pois foram as tarefas que tiveram problemas de interface identificados na avalia\u00e7\u00e3o heur\u00edstica realizada anteriormente (A avalia\u00e7\u00e3o heur\u00edstica pode ser encontrada neste link). Diagramas e tabelas Acessar a conta no site A tarefa \"Acessar a conta no site\" \u00e9 uma das principais tarefas do sistema, j\u00e1 que a sua execu\u00e7\u00e3o \u00e9 a que permite o usu\u00e1rio a navegar pelo sistema e realizar outras a\u00e7\u00f5es. Nesta tarefa foram identificadas alguns problemas dentro de alguns subobjetivos e opera\u00e7\u00f5es. Assim, abaixo ser\u00e1 apresentado a an\u00e1lise HTA da mesma idenficando onde est\u00e3o os problemas e levantando recomenda\u00e7\u00f5es de melhoria. A Figura 1 apresenta o diagrama da an\u00e1lise da tarefa \"Acessar a conta no site\" e na Figura 2 e 3 \u00e9 apresentado a representa\u00e7\u00e3o da HTA em tabela desta mesma tarefa. Figura 1: Diagrama HTA da primeira tarefa Figura 2: Parte 1 da Tabela HTA Figura 3: Parte 2 da Tabela HTA Relat\u00f3rio Nada Consta A tarefa de \"Relat\u00f3rio Nada Consta\" consiste em gerar um documento que informa ao usu\u00e1rio que n\u00e3o h\u00e1 contas com o pagamento pendente. A Figura 4 apresenta o diagrama da an\u00e1lise da tarefa \"Relat\u00f3rio Nada Consta\" e na Figura 5 e 6 \u00e9 apresentado a representa\u00e7\u00e3o da HTA em tabela desta mesma tarefa. Figura 4: Diagrama HTA da segunda tarefa Figura 5: Parte 1 da Tabela HTA Figura 6: Parte 2 da Tabela HTA Bibliografia Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021);Intera\u00e7\u00e3o Humano-Computador e Experi\u00eancia do usu\u00e1rio. Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 18/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de an\u00e1lise hier\u00e1rquica Natan Santana Lu\u00edza Esteves","title":"An\u00e1lise Hier\u00e1rquica de Tarefas"},{"location":"analise_de_requisitos/analise_de_tarefas/analise_hierarquica/#analise-hierarquica-de-tarefas","text":"","title":"An\u00e1lise Hier\u00e1rquica de Tarefas"},{"location":"analise_de_requisitos/analise_de_tarefas/analise_hierarquica/#introducao","text":"A an\u00e1lise de tarefas consiste em observar os objetivos que os usu\u00e1rio desejam alcan\u00e7ar e estudar como eles o realizam e porqu\u00ea com a finalidade de identificar problemas e melhorias \u00e0s tarefas existentes em certo sistema. Para realizar tal an\u00e1lise, existe alguns m\u00e9todos diferentes. Nesta p\u00e1gina sera discutida e mostrada a an\u00e1lise hier\u00e1rquica de tarefas realizada sobre algumas tarefas cr\u00edticas do site Ag\u00eancia Virtual NeoEnergia. A An\u00e1lise Hier\u00e1rquica de Tarefas (HTA \u2013 Hierarchical Task Analysis) possui a finalidade de identificar problemas de desempenho de tarefas complexas e n\u00e3o repetitivas, al\u00e9m de buscar entender as compet\u00eancias e habilidades exibidas nas mesmas (Annett, 2003; Annett e Duncan, 1967). A HTA busca pegar objetivos maiores que podem ser decompostos em subobjetivos e/ou opera\u00e7\u00f5es at\u00e9 que o objetivo maior seja atingido. Assim cada objetivo e opera\u00e7\u00e3o dentro dessa hierarquia \u00e9 examinado atr\u00e1s de poss\u00edveis erros e solu\u00e7\u00f5es. As tarefas selecionadas para essa avalia\u00e7\u00e3o foram a de \"Acessar a conta no site\" e \"Relat\u00f3rio Nada Consta\" pois foram as tarefas que tiveram problemas de interface identificados na avalia\u00e7\u00e3o heur\u00edstica realizada anteriormente (A avalia\u00e7\u00e3o heur\u00edstica pode ser encontrada neste link).","title":"Introdu\u00e7\u00e3o"},{"location":"analise_de_requisitos/analise_de_tarefas/analise_hierarquica/#diagramas-e-tabelas","text":"","title":"Diagramas e tabelas"},{"location":"analise_de_requisitos/analise_de_tarefas/analise_hierarquica/#acessar-a-conta-no-site","text":"A tarefa \"Acessar a conta no site\" \u00e9 uma das principais tarefas do sistema, j\u00e1 que a sua execu\u00e7\u00e3o \u00e9 a que permite o usu\u00e1rio a navegar pelo sistema e realizar outras a\u00e7\u00f5es. Nesta tarefa foram identificadas alguns problemas dentro de alguns subobjetivos e opera\u00e7\u00f5es. Assim, abaixo ser\u00e1 apresentado a an\u00e1lise HTA da mesma idenficando onde est\u00e3o os problemas e levantando recomenda\u00e7\u00f5es de melhoria. A Figura 1 apresenta o diagrama da an\u00e1lise da tarefa \"Acessar a conta no site\" e na Figura 2 e 3 \u00e9 apresentado a representa\u00e7\u00e3o da HTA em tabela desta mesma tarefa. Figura 1: Diagrama HTA da primeira tarefa Figura 2: Parte 1 da Tabela HTA Figura 3: Parte 2 da Tabela HTA","title":"Acessar a conta no site"},{"location":"analise_de_requisitos/analise_de_tarefas/analise_hierarquica/#relatorio-nada-consta","text":"A tarefa de \"Relat\u00f3rio Nada Consta\" consiste em gerar um documento que informa ao usu\u00e1rio que n\u00e3o h\u00e1 contas com o pagamento pendente. A Figura 4 apresenta o diagrama da an\u00e1lise da tarefa \"Relat\u00f3rio Nada Consta\" e na Figura 5 e 6 \u00e9 apresentado a representa\u00e7\u00e3o da HTA em tabela desta mesma tarefa. Figura 4: Diagrama HTA da segunda tarefa Figura 5: Parte 1 da Tabela HTA Figura 6: Parte 2 da Tabela HTA","title":"Relat\u00f3rio Nada Consta"},{"location":"analise_de_requisitos/analise_de_tarefas/analise_hierarquica/#bibliografia","text":"Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021);Intera\u00e7\u00e3o Humano-Computador e Experi\u00eancia do usu\u00e1rio.","title":"Bibliografia"},{"location":"analise_de_requisitos/analise_de_tarefas/analise_hierarquica/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 18/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de an\u00e1lise hier\u00e1rquica Natan Santana Lu\u00edza Esteves","title":"Tabela de Versionamento"},{"location":"analise_de_requisitos/analise_de_tarefas/arvore_tarefas_concorrentes/","text":"\u00c1rvores de Tarefas Concorrentes Introdu\u00e7\u00e3o Dentro do processo de an\u00e1lise de tarefas, um dos m\u00e9todos utilizados \u00e9 o de An\u00e1lise de Tarefas Concorrentes (CTT), em que, separa-se as tarefas entre: usu\u00e1rios, sistema, interativas e abstratas. Com a elabora\u00e7\u00e3o do CTT, \u00e9 poss\u00edvel identificar tanto a hierarquia entre as atividades quanto as rela\u00e7\u00f5es entre elas. As tarefas se subdividem em 4 tipos: tarefas do usu\u00e1rio, que s\u00e3o feitas a parte do sistema tarefas do sistema, em que o usu\u00e1rio n\u00e3o participa da a\u00e7\u00e3o tarefas interativas, em que tanto o usu\u00e1io como o sistema fazem di\u00e1logo para sua realiza\u00e7\u00e3o tarefas abstratas, que representam um conjunto de tarefas Figura 1: Legenda das tarefas inseridas no CTT Diagrama de An\u00e1lise de Tarefas Concorrentes Dentro do site da NeoEnergia, foram escolhidas algumas tarefas para serem analisadas como mostra as Figuras 2 e 3. Figura 2: \u00c1rvore de tarefas concorrentes referente ao acesso da conta no site Figura 3: \u00c1rvore de tarefas concorrentes referente \u00e0 gera\u00e7\u00e3o do relat\u00f3rio de nada consta Bibliografia Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021);Intera\u00e7\u00e3o Humano-Computador e Experi\u00eancia do usu\u00e1rio. Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 16/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de tarefas concorrentes Lu\u00edza Esteves Matheus Perillo","title":"\u00c1rvores de Tarefas Concorrentes"},{"location":"analise_de_requisitos/analise_de_tarefas/arvore_tarefas_concorrentes/#arvores-de-tarefas-concorrentes","text":"","title":"\u00c1rvores de Tarefas Concorrentes"},{"location":"analise_de_requisitos/analise_de_tarefas/arvore_tarefas_concorrentes/#introducao","text":"Dentro do processo de an\u00e1lise de tarefas, um dos m\u00e9todos utilizados \u00e9 o de An\u00e1lise de Tarefas Concorrentes (CTT), em que, separa-se as tarefas entre: usu\u00e1rios, sistema, interativas e abstratas. Com a elabora\u00e7\u00e3o do CTT, \u00e9 poss\u00edvel identificar tanto a hierarquia entre as atividades quanto as rela\u00e7\u00f5es entre elas. As tarefas se subdividem em 4 tipos: tarefas do usu\u00e1rio, que s\u00e3o feitas a parte do sistema tarefas do sistema, em que o usu\u00e1rio n\u00e3o participa da a\u00e7\u00e3o tarefas interativas, em que tanto o usu\u00e1io como o sistema fazem di\u00e1logo para sua realiza\u00e7\u00e3o tarefas abstratas, que representam um conjunto de tarefas Figura 1: Legenda das tarefas inseridas no CTT","title":"Introdu\u00e7\u00e3o"},{"location":"analise_de_requisitos/analise_de_tarefas/arvore_tarefas_concorrentes/#diagrama-de-analise-de-tarefas-concorrentes","text":"Dentro do site da NeoEnergia, foram escolhidas algumas tarefas para serem analisadas como mostra as Figuras 2 e 3. Figura 2: \u00c1rvore de tarefas concorrentes referente ao acesso da conta no site Figura 3: \u00c1rvore de tarefas concorrentes referente \u00e0 gera\u00e7\u00e3o do relat\u00f3rio de nada consta","title":"Diagrama de An\u00e1lise de Tarefas Concorrentes"},{"location":"analise_de_requisitos/analise_de_tarefas/arvore_tarefas_concorrentes/#bibliografia","text":"Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021);Intera\u00e7\u00e3o Humano-Computador e Experi\u00eancia do usu\u00e1rio.","title":"Bibliografia"},{"location":"analise_de_requisitos/analise_de_tarefas/arvore_tarefas_concorrentes/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 16/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de tarefas concorrentes Lu\u00edza Esteves Matheus Perillo","title":"Tabela de Versionamento"},{"location":"analise_de_requisitos/analise_de_tarefas/goms/","text":"GOMS Introdu\u00e7\u00e3o Card et al. (1983) propuseram um conjunto de modelos chamado de fam\u00edlia GOMS (Goals, Operators, Methods, and Selection Rules \u2014 Objetivos, Operadores, M\u00e9todos e Regras de Sele\u00e7\u00e3o) para analisar o desempenho de usu\u00e1rios competentes de sistemas computacionais, realizando tarefas dentro da sua compet\u00eancia e sem cometer erros. Muitos sistemas s\u00e3o projetados considerando que as pessoas se tornam habilidosas no seu uso e, portanto, v\u00e3o querer formas eficientes de realizar tarefas rotineiras. Os modelos GOMS t\u00eam se mostrado \u00fateis para prever o desempenho, ou seja, predizer o impacto de decis\u00f5es de design no desempenho competente (John, 2003). A an\u00e1lise GOMS \u00e9 adequada para situa\u00e7\u00f5es onde os usu\u00e1rios est\u00e3o realizando tarefas que j\u00e1 dominam, e n\u00e3o situa\u00e7\u00f5es onde \u00e9 preciso resolver um problema ou identificar qual o pr\u00f3ximo passo a dar. O GOMS pode ser utilizado tanto quantitativamente, fornecendo previs\u00f5es sobre o tempo necess\u00e1rio para realizar tarefas, como qualitativamente, no sentido de auxiliar na elabora\u00e7\u00e3o de programas de treinamento, sistemas de ajuda e sistemas tutores inteligentes, pois um modelo GOMS cont\u00e9m uma descri\u00e7\u00e3o detalhada do conhecimento necess\u00e1rio para realizar cada tarefa (John, 2003). Tamb\u00e9m pode ser utilizado para reprojetar um sistema: pode revelar um objetivo frequente apoiado por um m\u00e9todo muito ineficiente; pode mostrar que alguns objetivos n\u00e3o s\u00e3o apoiados por nenhum m\u00e9todo; e pode revelar onde objetivos semelhantes s\u00e3o apoiados por m\u00e9todos inconsistentes, uma situa\u00e7\u00e3o em que os usu\u00e1rios podem ter problemas para lembrar o que fazer. A fam\u00edlia GOMS possui diversos modelos, mas dentre eles, tr\u00eas se sobressaem: KLM (Card et al., 1983), CMN-GOMS (Card et al., 1983) e CPM-GOMS (John e Gray, 1995). Na nossa an\u00e1lise GOMS adotaremos o modelo KLM. KLM-GOMS KLM (Keystroke-level model) \u00e9 uma das t\u00e9cnicas de GOMS e tem o objetivo de prever quanto tempo um usu\u00e1rio levaria para desenvolver uma tarefa em uma rotina sem erros. Essa t\u00e9cnica tem um conjunto predefinido de operadores primitivos, sendo eles: Pressionar uma tecla ou bot\u00e3o; Apontar com o mouse um alvo num dispositivo visual; Mover as m\u00e3os para o teclado ou outro dispositivo; Desenhar um segmento de reta; Se preparar mentalmente para realizar uma a\u00e7\u00e3o ou uma s\u00e9rie de a\u00e7\u00f5es primitivas; Tempo de resposta do sistema. Essa t\u00e9cnica foi utilizada em nosso projeto a fim de analisar tarefas simples e recorrentes, buscando identificar se h\u00e1 espa\u00e7o de melhora em rela\u00e7\u00e3o ao tempo gasto pelos usu\u00e1rios. Objetivo: Cadastro na plataforma O primeiro objetivo a ser analisado \u00e9 o de cadastro na plataforma. Como observado na Tabela 1, o tempo levado foi de 1 minuto e 4 segundos. M\u00e9todo: Primeiro acesso > Inser\u00e7\u00e3o de dados > Cadastro conclu\u00eddo Opera\u00e7\u00e3o Tempo M\u00e9dio M - Prepara\u00e7\u00e3o 1,20s H - Levar a m\u00e3o ao mouse 0,40s P - Levar o cursor ao bot\u00e3o Primeiro acesso 1,10s B - Clicar no bot\u00e3o Primeiro acesso 0,10s P - Levar o cursor a caixa de input do CPF 1,10s B - Clicar na caixa de input do CPF 0,10s H - Levar a m\u00e3o do mouse ao teclado 0,40s T - Digita\u00e7\u00e3o de 11 caracteres 5,1s H - Levar a m\u00e3o do teclado ao mouse 0,40s P - Levar o cursor ao bot\u00e3o Avan\u00e7ar 1,10s B - Clicar no bot\u00e3o Avan\u00e7ar 0,10s W - Espera do sistema 2,12s P - Levar o cursor a caixa de input da data de nascimento 1,10s B - Clicar na caixa de input da data de nascimento 0,10s H - Levar a m\u00e3o do mouse ao teclado 0,40s T - Digita\u00e7\u00e3o de 8 caracteres 4,10s H - Levar a m\u00e3o do teclado ao mouse 0,40s P - Levar o cursor a caixa de input do RG 1,10s B - Clicar na caixa de input do RG 0,10s H - Levar a m\u00e3o do mouse ao teclado 0,40s T - Digita\u00e7\u00e3o de 7 caracteres 3,20s H - Levar a m\u00e3o do teclado ao mouse 0,40s P - Levar o cursor ao bot\u00e3o Avan\u00e7ar 1,10s B - Clicar em Avan\u00e7ar 0,10s W - Espera do sistema 2,10s P - Levar o cursor a caixa de input de e-mail 1,10s B - Clicar na caixa de input de e-mail 0,10s T - Digita\u00e7\u00e3o de 30 caracteres 14s P - Levar o cursor a caixa de input de confirma\u00e7\u00e3o de e-mail 1,10s B - Clicar na caixa de input de confirma\u00e7\u00e3o de e-mail 0,10s T - Digita\u00e7\u00e3o de 30 caracteres 14s H - Levar a m\u00e3o do teclado ao mouse 0,40s P - Levar o cursor ao bot\u00e3o Enviar Dados 1,10s B - Clicar em Enviar Dados 0,10s Tempo total 1min 4s Tabela 1: An\u00e1lise do desempenho do cadastro com o KLM Objetivo: Entrar na plataforma O pr\u00f3ximo objetivo a ser analisado \u00e9 o de login na plataforma. Como observado na Tabela 2, o tempo levado foi de 47 segundos. Pode ser observado que o tempo de espera do sistema foi de 24s, elevando bastante o tempo total de execu\u00e7\u00e3o da tarefa. \u00c9 importante ressaltar que mesmo tendo um tempo de espera bastante alto, o usu\u00e1rio n\u00e3o recebe nenhum feedback a respeito dessa demora al\u00e9m de um \u00edcone de loading, o que n\u00e3o esclarece a raz\u00e3o do processo demorar tanto tempo. M\u00e9todo: Login > Inser\u00e7\u00e3o de CPF e Senha > Login conclu\u00eddo Opera\u00e7\u00e3o Tempo M\u00e9dio M - Prepara\u00e7\u00e3o 1,20s H - Levar a m\u00e3o ao mouse 0,40s P - Levar o cursor ao bot\u00e3o Login 1,10s B - Clicar no bot\u00e3o Login 0,10s W - Espera do sistema 1,07s P - Levar o cursor a caixa de input do CPF 1,10s B - Clicar na caixa de input do CPF 0,10s H - Levar a m\u00e3o do mouse ao teclado 0,40s T - Digita\u00e7\u00e3o de 11 caracteres 5,1s H - Levar a m\u00e3o do teclado ao mouse 0,40s P - Levar o cursor a caixa de input da senha 1,10s B - Clicar na caixa de input da senha 0,10s H - Levar a m\u00e3o do mouse ao teclado 0,40s T - Digita\u00e7\u00e3o de 8 caracteres 3,7s H - Levar a m\u00e3o do teclado ao mouse 0,40s P - Levar o cursor ao checkbox \"n\u00e3o sou um rob\u00f4\" 1,10s B - Clicar no checkbox \"n\u00e3o sou um rob\u00f4\" 0,10s P - Levar o cursor ao bot\u00e3o Entrar 1,10s P - Clicar em Entrar 0,10s W - Espera do sistema 24s Tempo total 47s Objetivo: Recuperar a senha O pr\u00f3ximo objetivo a ser analisado \u00e9 o de recupera\u00e7\u00e3o de senha. Como observado na Tabela 3, o tempo levado foi de 1 minuto e 5 segundos. Pode-se perceber que o tempo de execu\u00e7\u00e3o dessa tarefa se assemelha muito ao tempo de execu\u00e7\u00e3o de cadastro na plataforma, isso acontece porque o fluxo de recupera\u00e7\u00e3o de senha \u00e9 igual ao de cadastro. Informa\u00e7\u00f5es como CPF, data de nascimento, RG e e-mail s\u00e3o necess\u00e1rios para fazer essa recupera\u00e7\u00e3o, fazendo com que o usu\u00e1rio gaste um tempo desnecess\u00e1rio para a realiza\u00e7\u00e3o da tarefa. M\u00e9todo: Login > Esqueci minha senha > Recupera\u00e7\u00e3o de senha Opera\u00e7\u00e3o Tempo M\u00e9dio M - Prepara\u00e7\u00e3o 1,20s H - Levar a m\u00e3o ao mouse 0,40s P - Levar o cursor ao bot\u00e3o Login 1,10s B - Clicar no bot\u00e3o Login 0,10s P - Levar o cursor ao bot\u00e3o Esqueci e-mail ou senha 1,10s B - Clicar no bot\u00e3o Esqueci e-mail ou senha 0,10s P - Levar o cursor a caixa de input do CPF 1,10s B - Clicar na caixa de input do CPF 0,10s H - Levar a m\u00e3o do mouse ao teclado 0,40s T - Digita\u00e7\u00e3o de 11 caracteres 5,1s H - Levar a m\u00e3o do teclado ao mouse 0,40s P - Levar o cursor ao bot\u00e3o Avan\u00e7ar 1,10s B - Clicar no bot\u00e3o Avan\u00e7ar 0,10s W - Espera do sistema 2,12s P - Levar o cursor a caixa de input da data de nascimento 1,10s B - Clicar na caixa de input da data de nascimento 0,10s H - Levar a m\u00e3o do mouse ao teclado 0,40s T - Digita\u00e7\u00e3o de 8 caracteres 4,10s H - Levar a m\u00e3o do teclado ao mouse 0,40s P - Levar o cursor a caixa de input do RG 1,10s B - Clicar na caixa de input do RG 0,10s H - Levar a m\u00e3o do mouse ao teclado 0,40s T - Digita\u00e7\u00e3o de 7 caracteres 3,20s H - Levar a m\u00e3o do teclado ao mouse 0,40s P - Levar o cursor ao bot\u00e3o Avan\u00e7ar 1,10s B - Clicar em Avan\u00e7ar 0,10s W - Espera do sistema 2,10s P - Levar o cursor a caixa de input de e-mail 1,10s B - Clicar na caixa de input de e-mail 0,10s T - Digita\u00e7\u00e3o de 30 caracteres 14s P - Levar o cursor a caixa de input de confirma\u00e7\u00e3o de e-mail 1,10s B - Clicar na caixa de input de confirma\u00e7\u00e3o de e-mail 0,10s T - Digita\u00e7\u00e3o de 30 caracteres 14s H - Levar a m\u00e3o do teclado ao mouse 0,40s P - Levar o cursor ao bot\u00e3o Enviar Dados 1,10s B - Clicar em Enviar Dados 0,10s Tempo total 1min 5s Objetivo: Gerar o relat\u00f3rio de nada consta mensal O pr\u00f3ximo objetivo a ser analisado \u00e9 o de gera\u00e7\u00e3o de um relat\u00f3rio de nada consta mensal. Como observado na Tabela 4, o tempo levado foi de 13 segundos. Essa tarefa n\u00e3o necessita de nenhuma digita\u00e7\u00e3o, fazendo com a sua realiza\u00e7\u00e3o seja mais r\u00e1pida. Por\u00e9m, essa a\u00e7\u00e3o est\u00e1 gerando um erro ao ser conclu\u00edda e o relat\u00f3rio n\u00e3o \u00e9 gerado, como pode-se observar na Figura 1. Devido a esse erro, n\u00e3o foi poss\u00edvel registrar o tempo de espera do sistema para a gera\u00e7\u00e3o do relat\u00f3rio. M\u00e9todo: Gerar relat\u00f3rio mensal > Selecionar o m\u00eas > Gera\u00e7\u00e3o conclu\u00edda Opera\u00e7\u00e3o Tempo M\u00e9dio M - Prepara\u00e7\u00e3o 1,20s H - Levar a m\u00e3o ao mouse 0,40s P - Levar o cursor ao bot\u00e3o correspondente ao endere\u00e7o correto 1,10s B - Clicar no bot\u00e3o correspondente ao endere\u00e7o correto 0,10s P - Levar o cursor ao bot\u00e3o Relat\u00f3rio Nada Consta 1,10s B - Clicar no bot\u00e3o Relat\u00f3rio Nada Consta 0,10s W - Espera do sistema 2,58s P - Levar o cursor ao bot\u00e3o Mensal 1,10s B - Clicar no bot\u00e3o Mensal 0,10s P - Levar o cursor ao bot\u00e3o de Selecionar Fatura 1,10s B - Clicar em Selecionar Fatura 0,10s P - Levar o cursor at\u00e9 o m\u00eas escolhido 1,10s B - Clicar no m\u00eas escolhido 0,10s P - Levar o cursor at\u00e9 o bot\u00e3o Gerar Relat\u00f3rio 1,10s B - Clicar em Gerar Relat\u00f3rio 0,10s W - Espera do sistema Tempo total 13s Figura 1 - Mensagem de erro Objetivo: Gerar o relat\u00f3rio de nada consta anual O pr\u00f3ximo objetivo a ser analisado \u00e9 o de gera\u00e7\u00e3o de um relat\u00f3rio de nada consta anual. Como observado na Tabela 5, o tempo levado foi de 10 segundos. Assim como o relat\u00f3rio mensal, essa tarefa n\u00e3o necessita de nenhuma digita\u00e7\u00e3o. A gera\u00e7\u00e3o do relat\u00f3rio est\u00e1 com o mesmo erro do relat\u00f3rio mensal e por essa raz\u00e3o, n\u00e3o foi poss\u00edvel registrar o tempo de espera do sistema. M\u00e9todo: Gerar relat\u00f3rio anual > Gera\u00e7\u00e3o conclu\u00edda Opera\u00e7\u00e3o Tempo M\u00e9dio M - Prepara\u00e7\u00e3o 1,20s H - Levar a m\u00e3o ao mouse 0,40s P - Levar o cursor ao bot\u00e3o correspondente ao endere\u00e7o correto 1,10s B - Clicar no bot\u00e3o correspondente ao endere\u00e7o correto 0,10s P - Levar o cursor ao bot\u00e3o Relat\u00f3rio Nada Consta 1,10s B - Clicar no bot\u00e3o Relat\u00f3rio Nada Consta 0,10s W - Espera do sistema 2,58s P - Levar o cursor ao bot\u00e3o Anual 1,10s B - Clicar no bot\u00e3o Anual 0,10s P - Levar o cursor at\u00e9 o bot\u00e3o Gerar Relat\u00f3rio 1,10s B - Clicar em Gerar Relat\u00f3rio 0,10s W - Espera do sistema Tempo total 10s Bibliografia Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021);Intera\u00e7\u00e3o Humano-Computador e Experi\u00eancia do usu\u00e1rio. Card, Stuart K., Newell, Allen, e Moran, Thomas P. (1983). The Psychology of Human-Computer Interaction. L. Erlbaum Associates Inc., USA. John, Bonnie E. (2003). Information processing and skilled behavior. In HCI models, theories, and frameworks: Toward a multidisciplinary science, pages 55\u2013101. Morgan Kaufman Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 18/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina Natan Santana Lu\u00edza Esteves 19/07/2022 0.2 Adi\u00e7\u00e3o das tabelas de Opera\u00e7\u00e3o e Tempo M\u00e9dio Clara Ribeiro Natan Santana 19/07/2022 0.3 Adi\u00e7\u00e3o de introdu\u00e7\u00e3o e divs Rafael Xavier Natan Santana","title":"GOMS"},{"location":"analise_de_requisitos/analise_de_tarefas/goms/#goms","text":"","title":"GOMS"},{"location":"analise_de_requisitos/analise_de_tarefas/goms/#introducao","text":"Card et al. (1983) propuseram um conjunto de modelos chamado de fam\u00edlia GOMS (Goals, Operators, Methods, and Selection Rules \u2014 Objetivos, Operadores, M\u00e9todos e Regras de Sele\u00e7\u00e3o) para analisar o desempenho de usu\u00e1rios competentes de sistemas computacionais, realizando tarefas dentro da sua compet\u00eancia e sem cometer erros. Muitos sistemas s\u00e3o projetados considerando que as pessoas se tornam habilidosas no seu uso e, portanto, v\u00e3o querer formas eficientes de realizar tarefas rotineiras. Os modelos GOMS t\u00eam se mostrado \u00fateis para prever o desempenho, ou seja, predizer o impacto de decis\u00f5es de design no desempenho competente (John, 2003). A an\u00e1lise GOMS \u00e9 adequada para situa\u00e7\u00f5es onde os usu\u00e1rios est\u00e3o realizando tarefas que j\u00e1 dominam, e n\u00e3o situa\u00e7\u00f5es onde \u00e9 preciso resolver um problema ou identificar qual o pr\u00f3ximo passo a dar. O GOMS pode ser utilizado tanto quantitativamente, fornecendo previs\u00f5es sobre o tempo necess\u00e1rio para realizar tarefas, como qualitativamente, no sentido de auxiliar na elabora\u00e7\u00e3o de programas de treinamento, sistemas de ajuda e sistemas tutores inteligentes, pois um modelo GOMS cont\u00e9m uma descri\u00e7\u00e3o detalhada do conhecimento necess\u00e1rio para realizar cada tarefa (John, 2003). Tamb\u00e9m pode ser utilizado para reprojetar um sistema: pode revelar um objetivo frequente apoiado por um m\u00e9todo muito ineficiente; pode mostrar que alguns objetivos n\u00e3o s\u00e3o apoiados por nenhum m\u00e9todo; e pode revelar onde objetivos semelhantes s\u00e3o apoiados por m\u00e9todos inconsistentes, uma situa\u00e7\u00e3o em que os usu\u00e1rios podem ter problemas para lembrar o que fazer. A fam\u00edlia GOMS possui diversos modelos, mas dentre eles, tr\u00eas se sobressaem: KLM (Card et al., 1983), CMN-GOMS (Card et al., 1983) e CPM-GOMS (John e Gray, 1995). Na nossa an\u00e1lise GOMS adotaremos o modelo KLM.","title":"Introdu\u00e7\u00e3o"},{"location":"analise_de_requisitos/analise_de_tarefas/goms/#klm-goms","text":"KLM (Keystroke-level model) \u00e9 uma das t\u00e9cnicas de GOMS e tem o objetivo de prever quanto tempo um usu\u00e1rio levaria para desenvolver uma tarefa em uma rotina sem erros. Essa t\u00e9cnica tem um conjunto predefinido de operadores primitivos, sendo eles: Pressionar uma tecla ou bot\u00e3o; Apontar com o mouse um alvo num dispositivo visual; Mover as m\u00e3os para o teclado ou outro dispositivo; Desenhar um segmento de reta; Se preparar mentalmente para realizar uma a\u00e7\u00e3o ou uma s\u00e9rie de a\u00e7\u00f5es primitivas; Tempo de resposta do sistema. Essa t\u00e9cnica foi utilizada em nosso projeto a fim de analisar tarefas simples e recorrentes, buscando identificar se h\u00e1 espa\u00e7o de melhora em rela\u00e7\u00e3o ao tempo gasto pelos usu\u00e1rios.","title":"KLM-GOMS"},{"location":"analise_de_requisitos/analise_de_tarefas/goms/#objetivo-cadastro-na-plataforma","text":"O primeiro objetivo a ser analisado \u00e9 o de cadastro na plataforma. Como observado na Tabela 1, o tempo levado foi de 1 minuto e 4 segundos. M\u00e9todo: Primeiro acesso > Inser\u00e7\u00e3o de dados > Cadastro conclu\u00eddo Opera\u00e7\u00e3o Tempo M\u00e9dio M - Prepara\u00e7\u00e3o 1,20s H - Levar a m\u00e3o ao mouse 0,40s P - Levar o cursor ao bot\u00e3o Primeiro acesso 1,10s B - Clicar no bot\u00e3o Primeiro acesso 0,10s P - Levar o cursor a caixa de input do CPF 1,10s B - Clicar na caixa de input do CPF 0,10s H - Levar a m\u00e3o do mouse ao teclado 0,40s T - Digita\u00e7\u00e3o de 11 caracteres 5,1s H - Levar a m\u00e3o do teclado ao mouse 0,40s P - Levar o cursor ao bot\u00e3o Avan\u00e7ar 1,10s B - Clicar no bot\u00e3o Avan\u00e7ar 0,10s W - Espera do sistema 2,12s P - Levar o cursor a caixa de input da data de nascimento 1,10s B - Clicar na caixa de input da data de nascimento 0,10s H - Levar a m\u00e3o do mouse ao teclado 0,40s T - Digita\u00e7\u00e3o de 8 caracteres 4,10s H - Levar a m\u00e3o do teclado ao mouse 0,40s P - Levar o cursor a caixa de input do RG 1,10s B - Clicar na caixa de input do RG 0,10s H - Levar a m\u00e3o do mouse ao teclado 0,40s T - Digita\u00e7\u00e3o de 7 caracteres 3,20s H - Levar a m\u00e3o do teclado ao mouse 0,40s P - Levar o cursor ao bot\u00e3o Avan\u00e7ar 1,10s B - Clicar em Avan\u00e7ar 0,10s W - Espera do sistema 2,10s P - Levar o cursor a caixa de input de e-mail 1,10s B - Clicar na caixa de input de e-mail 0,10s T - Digita\u00e7\u00e3o de 30 caracteres 14s P - Levar o cursor a caixa de input de confirma\u00e7\u00e3o de e-mail 1,10s B - Clicar na caixa de input de confirma\u00e7\u00e3o de e-mail 0,10s T - Digita\u00e7\u00e3o de 30 caracteres 14s H - Levar a m\u00e3o do teclado ao mouse 0,40s P - Levar o cursor ao bot\u00e3o Enviar Dados 1,10s B - Clicar em Enviar Dados 0,10s Tempo total 1min 4s Tabela 1: An\u00e1lise do desempenho do cadastro com o KLM","title":"Objetivo: Cadastro na plataforma"},{"location":"analise_de_requisitos/analise_de_tarefas/goms/#objetivo-entrar-na-plataforma","text":"O pr\u00f3ximo objetivo a ser analisado \u00e9 o de login na plataforma. Como observado na Tabela 2, o tempo levado foi de 47 segundos. Pode ser observado que o tempo de espera do sistema foi de 24s, elevando bastante o tempo total de execu\u00e7\u00e3o da tarefa. \u00c9 importante ressaltar que mesmo tendo um tempo de espera bastante alto, o usu\u00e1rio n\u00e3o recebe nenhum feedback a respeito dessa demora al\u00e9m de um \u00edcone de loading, o que n\u00e3o esclarece a raz\u00e3o do processo demorar tanto tempo. M\u00e9todo: Login > Inser\u00e7\u00e3o de CPF e Senha > Login conclu\u00eddo Opera\u00e7\u00e3o Tempo M\u00e9dio M - Prepara\u00e7\u00e3o 1,20s H - Levar a m\u00e3o ao mouse 0,40s P - Levar o cursor ao bot\u00e3o Login 1,10s B - Clicar no bot\u00e3o Login 0,10s W - Espera do sistema 1,07s P - Levar o cursor a caixa de input do CPF 1,10s B - Clicar na caixa de input do CPF 0,10s H - Levar a m\u00e3o do mouse ao teclado 0,40s T - Digita\u00e7\u00e3o de 11 caracteres 5,1s H - Levar a m\u00e3o do teclado ao mouse 0,40s P - Levar o cursor a caixa de input da senha 1,10s B - Clicar na caixa de input da senha 0,10s H - Levar a m\u00e3o do mouse ao teclado 0,40s T - Digita\u00e7\u00e3o de 8 caracteres 3,7s H - Levar a m\u00e3o do teclado ao mouse 0,40s P - Levar o cursor ao checkbox \"n\u00e3o sou um rob\u00f4\" 1,10s B - Clicar no checkbox \"n\u00e3o sou um rob\u00f4\" 0,10s P - Levar o cursor ao bot\u00e3o Entrar 1,10s P - Clicar em Entrar 0,10s W - Espera do sistema 24s Tempo total 47s","title":"Objetivo: Entrar na plataforma"},{"location":"analise_de_requisitos/analise_de_tarefas/goms/#objetivo-recuperar-a-senha","text":"O pr\u00f3ximo objetivo a ser analisado \u00e9 o de recupera\u00e7\u00e3o de senha. Como observado na Tabela 3, o tempo levado foi de 1 minuto e 5 segundos. Pode-se perceber que o tempo de execu\u00e7\u00e3o dessa tarefa se assemelha muito ao tempo de execu\u00e7\u00e3o de cadastro na plataforma, isso acontece porque o fluxo de recupera\u00e7\u00e3o de senha \u00e9 igual ao de cadastro. Informa\u00e7\u00f5es como CPF, data de nascimento, RG e e-mail s\u00e3o necess\u00e1rios para fazer essa recupera\u00e7\u00e3o, fazendo com que o usu\u00e1rio gaste um tempo desnecess\u00e1rio para a realiza\u00e7\u00e3o da tarefa. M\u00e9todo: Login > Esqueci minha senha > Recupera\u00e7\u00e3o de senha Opera\u00e7\u00e3o Tempo M\u00e9dio M - Prepara\u00e7\u00e3o 1,20s H - Levar a m\u00e3o ao mouse 0,40s P - Levar o cursor ao bot\u00e3o Login 1,10s B - Clicar no bot\u00e3o Login 0,10s P - Levar o cursor ao bot\u00e3o Esqueci e-mail ou senha 1,10s B - Clicar no bot\u00e3o Esqueci e-mail ou senha 0,10s P - Levar o cursor a caixa de input do CPF 1,10s B - Clicar na caixa de input do CPF 0,10s H - Levar a m\u00e3o do mouse ao teclado 0,40s T - Digita\u00e7\u00e3o de 11 caracteres 5,1s H - Levar a m\u00e3o do teclado ao mouse 0,40s P - Levar o cursor ao bot\u00e3o Avan\u00e7ar 1,10s B - Clicar no bot\u00e3o Avan\u00e7ar 0,10s W - Espera do sistema 2,12s P - Levar o cursor a caixa de input da data de nascimento 1,10s B - Clicar na caixa de input da data de nascimento 0,10s H - Levar a m\u00e3o do mouse ao teclado 0,40s T - Digita\u00e7\u00e3o de 8 caracteres 4,10s H - Levar a m\u00e3o do teclado ao mouse 0,40s P - Levar o cursor a caixa de input do RG 1,10s B - Clicar na caixa de input do RG 0,10s H - Levar a m\u00e3o do mouse ao teclado 0,40s T - Digita\u00e7\u00e3o de 7 caracteres 3,20s H - Levar a m\u00e3o do teclado ao mouse 0,40s P - Levar o cursor ao bot\u00e3o Avan\u00e7ar 1,10s B - Clicar em Avan\u00e7ar 0,10s W - Espera do sistema 2,10s P - Levar o cursor a caixa de input de e-mail 1,10s B - Clicar na caixa de input de e-mail 0,10s T - Digita\u00e7\u00e3o de 30 caracteres 14s P - Levar o cursor a caixa de input de confirma\u00e7\u00e3o de e-mail 1,10s B - Clicar na caixa de input de confirma\u00e7\u00e3o de e-mail 0,10s T - Digita\u00e7\u00e3o de 30 caracteres 14s H - Levar a m\u00e3o do teclado ao mouse 0,40s P - Levar o cursor ao bot\u00e3o Enviar Dados 1,10s B - Clicar em Enviar Dados 0,10s Tempo total 1min 5s","title":"Objetivo: Recuperar a senha"},{"location":"analise_de_requisitos/analise_de_tarefas/goms/#objetivo-gerar-o-relatorio-de-nada-consta-mensal","text":"O pr\u00f3ximo objetivo a ser analisado \u00e9 o de gera\u00e7\u00e3o de um relat\u00f3rio de nada consta mensal. Como observado na Tabela 4, o tempo levado foi de 13 segundos. Essa tarefa n\u00e3o necessita de nenhuma digita\u00e7\u00e3o, fazendo com a sua realiza\u00e7\u00e3o seja mais r\u00e1pida. Por\u00e9m, essa a\u00e7\u00e3o est\u00e1 gerando um erro ao ser conclu\u00edda e o relat\u00f3rio n\u00e3o \u00e9 gerado, como pode-se observar na Figura 1. Devido a esse erro, n\u00e3o foi poss\u00edvel registrar o tempo de espera do sistema para a gera\u00e7\u00e3o do relat\u00f3rio. M\u00e9todo: Gerar relat\u00f3rio mensal > Selecionar o m\u00eas > Gera\u00e7\u00e3o conclu\u00edda Opera\u00e7\u00e3o Tempo M\u00e9dio M - Prepara\u00e7\u00e3o 1,20s H - Levar a m\u00e3o ao mouse 0,40s P - Levar o cursor ao bot\u00e3o correspondente ao endere\u00e7o correto 1,10s B - Clicar no bot\u00e3o correspondente ao endere\u00e7o correto 0,10s P - Levar o cursor ao bot\u00e3o Relat\u00f3rio Nada Consta 1,10s B - Clicar no bot\u00e3o Relat\u00f3rio Nada Consta 0,10s W - Espera do sistema 2,58s P - Levar o cursor ao bot\u00e3o Mensal 1,10s B - Clicar no bot\u00e3o Mensal 0,10s P - Levar o cursor ao bot\u00e3o de Selecionar Fatura 1,10s B - Clicar em Selecionar Fatura 0,10s P - Levar o cursor at\u00e9 o m\u00eas escolhido 1,10s B - Clicar no m\u00eas escolhido 0,10s P - Levar o cursor at\u00e9 o bot\u00e3o Gerar Relat\u00f3rio 1,10s B - Clicar em Gerar Relat\u00f3rio 0,10s W - Espera do sistema Tempo total 13s Figura 1 - Mensagem de erro","title":"Objetivo: Gerar o relat\u00f3rio de nada consta mensal"},{"location":"analise_de_requisitos/analise_de_tarefas/goms/#objetivo-gerar-o-relatorio-de-nada-consta-anual","text":"O pr\u00f3ximo objetivo a ser analisado \u00e9 o de gera\u00e7\u00e3o de um relat\u00f3rio de nada consta anual. Como observado na Tabela 5, o tempo levado foi de 10 segundos. Assim como o relat\u00f3rio mensal, essa tarefa n\u00e3o necessita de nenhuma digita\u00e7\u00e3o. A gera\u00e7\u00e3o do relat\u00f3rio est\u00e1 com o mesmo erro do relat\u00f3rio mensal e por essa raz\u00e3o, n\u00e3o foi poss\u00edvel registrar o tempo de espera do sistema. M\u00e9todo: Gerar relat\u00f3rio anual > Gera\u00e7\u00e3o conclu\u00edda Opera\u00e7\u00e3o Tempo M\u00e9dio M - Prepara\u00e7\u00e3o 1,20s H - Levar a m\u00e3o ao mouse 0,40s P - Levar o cursor ao bot\u00e3o correspondente ao endere\u00e7o correto 1,10s B - Clicar no bot\u00e3o correspondente ao endere\u00e7o correto 0,10s P - Levar o cursor ao bot\u00e3o Relat\u00f3rio Nada Consta 1,10s B - Clicar no bot\u00e3o Relat\u00f3rio Nada Consta 0,10s W - Espera do sistema 2,58s P - Levar o cursor ao bot\u00e3o Anual 1,10s B - Clicar no bot\u00e3o Anual 0,10s P - Levar o cursor at\u00e9 o bot\u00e3o Gerar Relat\u00f3rio 1,10s B - Clicar em Gerar Relat\u00f3rio 0,10s W - Espera do sistema Tempo total 10s","title":"Objetivo: Gerar o relat\u00f3rio de nada consta anual"},{"location":"analise_de_requisitos/analise_de_tarefas/goms/#bibliografia","text":"Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021);Intera\u00e7\u00e3o Humano-Computador e Experi\u00eancia do usu\u00e1rio. Card, Stuart K., Newell, Allen, e Moran, Thomas P. (1983). The Psychology of Human-Computer Interaction. L. Erlbaum Associates Inc., USA. John, Bonnie E. (2003). Information processing and skilled behavior. In HCI models, theories, and frameworks: Toward a multidisciplinary science, pages 55\u2013101. Morgan Kaufman","title":"Bibliografia"},{"location":"analise_de_requisitos/analise_de_tarefas/goms/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 18/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina Natan Santana Lu\u00edza Esteves 19/07/2022 0.2 Adi\u00e7\u00e3o das tabelas de Opera\u00e7\u00e3o e Tempo M\u00e9dio Clara Ribeiro Natan Santana 19/07/2022 0.3 Adi\u00e7\u00e3o de introdu\u00e7\u00e3o e divs Rafael Xavier Natan Santana","title":"Tabela de Versionamento"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/teste_piloto/","text":"Teste Piloto Introdu\u00e7\u00e3o Nesta p\u00e1gina ser\u00e1 documentado o Teste Piloto da valida\u00e7\u00e3o do Storyboard e An\u00e1lise de Tarefas. Os avaliadores que participaram deste teste foram os membros Natan Tavares Santana e Clara Ribeiro que se reuniram em uma reuni\u00e3o do Microsoft Teams no dia 11/08, como previsto no cronograma. O Teste Piloto possui a finalidade de validar o planejameto das entrevistas, verificando se as respostas geradas pelas perguntas s\u00e3o pertinentes \u00e0 avalia\u00e7\u00e3o e se ser\u00e1 necess\u00e1rio alguma mudan\u00e7a no roteiro das perguntas a fim de gerar dados mais completos. Al\u00e9m disso, \u00e9 verificado se o ambiente est\u00e1 preparado para a entrevista e se \u00e9 necess\u00e1rio algum ajuste ou ferramenta. Grava\u00e7\u00e3o do Teste Piloto Resultados Prepara\u00e7\u00e3o para a entrevista Durante o Teste Piloto foi observado que alguns itens precisam estar organizados antes da realiza\u00e7\u00e3o das entrevistas a fim de economizar o tempo dos entrevistadores e dos entrevistados. Para a valida\u00e7\u00e3o da An\u00e1lise de Tarefas, foi verificado que ser\u00e1 necess\u00e1rio ter os seguintes artefatos abertos em uma tela que ser\u00e1 mostrada para o entrevistado: Diagrama HTA da tarefa \"Acessar a conta no site\" Diagrama HTA da tarefa \"Relat\u00f3rio Nada Consta\" Termo de Consentimento Al\u00e9m disso, ser\u00e1 necess\u00e1rio que o avaliador tenha os seguintes artefatos abertos em uma tela que n\u00e3o ser\u00e1 mostrada para o entrevistado: Tabela de HTA da tarefa \"Acessar a conta no site\" Tabela de HTA da tarefa \"Relat\u00f3rio Nada Consta\" Roteiro de perguntas da valida\u00e7\u00e3o da An\u00e1lise de Tarefas Para a valida\u00e7\u00e3o do Storyboard, foi verificado que ser\u00e1 necess\u00e1rio ter os seguintes artefatos abertos em uma tela que ser\u00e1 mostrada para o entrevistado: Storyboard da tarefa \"Recupera\u00e7\u00e3o de senha\" Storyboard da tarefa \"Relat\u00f3rio Nada Consta anual\" Storyboard da tarefa \"Recupera\u00e7\u00e3o de email\" Storyboard da tarefa \"Relat\u00f3rio Nada Consta mensal\" Termo de Consentimento Al\u00e9m disso, ser\u00e1 necess\u00e1rio que o avaliador tenha os seguintes artefatos abertos em uma tela que n\u00e3o ser\u00e1 mostrada para o entrevistado: Roteiro de perguntas da valida\u00e7\u00e3o do Storyboard Mudan\u00e7as Ap\u00f3s a execu\u00e7\u00e3o do Teste Piloto, os avaliadores Natan e Clara decidiram que para obter dados melhores era necess\u00e1rio fazer alguns ajustes nas perguntas. Ent\u00e3o o roteiro de perguntas do Storyboard sofreu algumas mudan\u00e7as: Retirada de perguntas que estavam gerando respostas iguais; Especifica\u00e7\u00e3o das perguntas para cada Storyboard; Para o roteiro de perguntas da an\u00e1lise de tarefas, foi observado que seria melhor ter uma pergunta para cada item do diagrama que apresentasse um problema e uma recomenda\u00e7\u00e3o, a fim de verificar se o entrevistado concorda se o que foi levantado realmente \u00e9 um problema e se a recomenda\u00e7\u00e3o levantada seria suficiente para resolv\u00ea-lo. O roteiro de perguntas dispon\u00edvel no documento de planejamento foi atualizado com essas mudan\u00e7as antes que as entrevistas ocorressem. Bibliografia Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021);Intera\u00e7\u00e3o Humano-Computador e Experi\u00eancia do usu\u00e1rio. Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 11/08/2022 0.1 Cria\u00e7\u00e3o do documento e resultados do teste piloto Natan Santana Rafael Xavier","title":"Teste Piloto"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/teste_piloto/#teste-piloto","text":"","title":"Teste Piloto"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/teste_piloto/#introducao","text":"Nesta p\u00e1gina ser\u00e1 documentado o Teste Piloto da valida\u00e7\u00e3o do Storyboard e An\u00e1lise de Tarefas. Os avaliadores que participaram deste teste foram os membros Natan Tavares Santana e Clara Ribeiro que se reuniram em uma reuni\u00e3o do Microsoft Teams no dia 11/08, como previsto no cronograma. O Teste Piloto possui a finalidade de validar o planejameto das entrevistas, verificando se as respostas geradas pelas perguntas s\u00e3o pertinentes \u00e0 avalia\u00e7\u00e3o e se ser\u00e1 necess\u00e1rio alguma mudan\u00e7a no roteiro das perguntas a fim de gerar dados mais completos. Al\u00e9m disso, \u00e9 verificado se o ambiente est\u00e1 preparado para a entrevista e se \u00e9 necess\u00e1rio algum ajuste ou ferramenta.","title":"Introdu\u00e7\u00e3o"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/teste_piloto/#gravacao-do-teste-piloto","text":"","title":"Grava\u00e7\u00e3o do Teste Piloto"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/teste_piloto/#resultados","text":"","title":"Resultados"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/teste_piloto/#preparacao-para-a-entrevista","text":"Durante o Teste Piloto foi observado que alguns itens precisam estar organizados antes da realiza\u00e7\u00e3o das entrevistas a fim de economizar o tempo dos entrevistadores e dos entrevistados. Para a valida\u00e7\u00e3o da An\u00e1lise de Tarefas, foi verificado que ser\u00e1 necess\u00e1rio ter os seguintes artefatos abertos em uma tela que ser\u00e1 mostrada para o entrevistado: Diagrama HTA da tarefa \"Acessar a conta no site\" Diagrama HTA da tarefa \"Relat\u00f3rio Nada Consta\" Termo de Consentimento Al\u00e9m disso, ser\u00e1 necess\u00e1rio que o avaliador tenha os seguintes artefatos abertos em uma tela que n\u00e3o ser\u00e1 mostrada para o entrevistado: Tabela de HTA da tarefa \"Acessar a conta no site\" Tabela de HTA da tarefa \"Relat\u00f3rio Nada Consta\" Roteiro de perguntas da valida\u00e7\u00e3o da An\u00e1lise de Tarefas Para a valida\u00e7\u00e3o do Storyboard, foi verificado que ser\u00e1 necess\u00e1rio ter os seguintes artefatos abertos em uma tela que ser\u00e1 mostrada para o entrevistado: Storyboard da tarefa \"Recupera\u00e7\u00e3o de senha\" Storyboard da tarefa \"Relat\u00f3rio Nada Consta anual\" Storyboard da tarefa \"Recupera\u00e7\u00e3o de email\" Storyboard da tarefa \"Relat\u00f3rio Nada Consta mensal\" Termo de Consentimento Al\u00e9m disso, ser\u00e1 necess\u00e1rio que o avaliador tenha os seguintes artefatos abertos em uma tela que n\u00e3o ser\u00e1 mostrada para o entrevistado: Roteiro de perguntas da valida\u00e7\u00e3o do Storyboard","title":"Prepara\u00e7\u00e3o para a entrevista"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/teste_piloto/#mudancas","text":"Ap\u00f3s a execu\u00e7\u00e3o do Teste Piloto, os avaliadores Natan e Clara decidiram que para obter dados melhores era necess\u00e1rio fazer alguns ajustes nas perguntas. Ent\u00e3o o roteiro de perguntas do Storyboard sofreu algumas mudan\u00e7as: Retirada de perguntas que estavam gerando respostas iguais; Especifica\u00e7\u00e3o das perguntas para cada Storyboard; Para o roteiro de perguntas da an\u00e1lise de tarefas, foi observado que seria melhor ter uma pergunta para cada item do diagrama que apresentasse um problema e uma recomenda\u00e7\u00e3o, a fim de verificar se o entrevistado concorda se o que foi levantado realmente \u00e9 um problema e se a recomenda\u00e7\u00e3o levantada seria suficiente para resolv\u00ea-lo. O roteiro de perguntas dispon\u00edvel no documento de planejamento foi atualizado com essas mudan\u00e7as antes que as entrevistas ocorressem.","title":"Mudan\u00e7as"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/teste_piloto/#bibliografia","text":"Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021);Intera\u00e7\u00e3o Humano-Computador e Experi\u00eancia do usu\u00e1rio.","title":"Bibliografia"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/teste_piloto/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 11/08/2022 0.1 Cria\u00e7\u00e3o do documento e resultados do teste piloto Natan Santana Rafael Xavier","title":"Tabela de Versionamento"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/an%C3%A1lise_de_tarefas/avaliacao/","text":"Avalia\u00e7\u00e3o da An\u00e1lise de tarefas","title":"Avalia\u00e7\u00e3o da An\u00e1lise de tarefas"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/an%C3%A1lise_de_tarefas/avaliacao/#avaliacao-da-analise-de-tarefas","text":"","title":"Avalia\u00e7\u00e3o da An\u00e1lise de tarefas"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/an%C3%A1lise_de_tarefas/planejamento_tarefas/","text":"Planejamento da avalia\u00e7\u00e3o da An\u00e1lise de tarefas Introdu\u00e7\u00e3o Na etapa de requisitos foi realizada pela equipe a an\u00e1lise de tarefas de algumas fun\u00e7\u00f5es do site, com o objetivo de identificar poss\u00edveis melhorias de tarefas existentes no site da Ag\u00eancia Virtual da Neoenergia. O pr\u00f3ximo passo \u00e9 realizar uma avalia\u00e7\u00e3o com a perspectiva de usu\u00e1rios reais do sistema, pois s\u00f3 assim \u00e9 poss\u00edvel ter uma vis\u00e3o mais ampla sobre as tecnologias que os usu\u00e1rios possuem facilidades, al\u00e9m de entender se h\u00e1 alguma tarefa que necessita uma interven\u00e7\u00e3o mais urgente e se h\u00e1 alguma outra fun\u00e7\u00e3o que poderia ser inclu\u00edda no sistema. Coletar essas informa\u00e7\u00f5es \u00e9 essencial para entender os requisitos que o sistema deve ter para realmente ajudar os usu\u00e1rios a atingirem seus objetivos. Metodologia de avalia\u00e7\u00e3o da An\u00e1lise de tarefas A metodologia escolhida foi a de entrevistas com usu\u00e1rios da Ag\u00eancia Virtual. A entrevista \u00e9 um m\u00e9todo investigativo e consegue coletar as informa\u00e7\u00f5es buscadas por meio de uma pesquisa qualitativa. Com a entrevista \u00e9 poss\u00edvel entender com maiores detalhes as dores dos usu\u00e1rios e seus objetivos. Termo de consentimento O termo de consentimento est\u00e1 apresentado abaixo e ele ser\u00e1 entregue ao usu\u00e1rio antes do in\u00edcio da entrevista. Ferramentas utilizadas na entrevista A entrevista ser\u00e1 realizada e gravada no Microsoft Teams. Perfis dos entrevistados Dentro da atividade de Perfil do Usu\u00e1rio e das Personas, conseguimos identificar caracter\u00edsticas necess\u00e1rias para realizar uma entrevista com um usu\u00e1rio. Sendo assim buscaremos dois perfis maiores de 18 anos, que residam no Distrito Federal e que fa\u00e7a utiliza\u00e7\u00e3o do site da Ag\u00eancia Virtual NeoEnergia. Roteiro de perguntas N\u00famero Pergunta Poss\u00edvel Resposta 1 Como voc\u00ea se chama? Pergunta discursiva 2 Qual \u00e9 a sua idade? Pergunta discursiva 3 Com o que voc\u00ea trabalha? Pergunta discursiva 4 \u00c9 voc\u00ea quem paga a conta de energia na sua casa? Sim N\u00e3o 5 Caso a resposta anterior tenha sido \"N\u00e3o\" Voc\u00ea j\u00e1 entrou no site a pedido de algu\u00e9m? Porque? Pergunta discursiva 6 Porque voc\u00ea faz o uso do site? Pergunta discursiva 7 Como foi realizar o primeiro acesso a plataforma? Pergunta discursiva 8 Como \u00e9 fazer login na plataforma? Pergunta discursiva 9 Voc\u00ea j\u00e1 esqueceu a sua senha ao tentar realizar o login? Sim N\u00e3o Inconclusivo 9.1 Caso tenha sido respondida a op\u00e7\u00e3o \"Sim\": O que voc\u00ea achou do processo de recuperar a sua senha? Pergunta discursiva 9.2 Caso tenha sido respondida a op\u00e7\u00e3o \"N\u00e3o\": Pedir para o usu\u00e1rio realizar essa a\u00e7\u00e3o na hora e relatar a experi\u00eancia Pergunta discursiva 10 Quais s\u00e3o as atividades que voc\u00ea mais realiza no site? Segunda Via de Conta Religa\u00e7\u00e3o Falta de Energia Atualizar Cadastro Alterar Data de Vencimento Gerar Hist\u00f3rico de Consumo Relat\u00f3rio Nada Consta Data da Pr\u00f3xima Leitura 10.1 Caso tenha sido respondida a op\u00e7\u00e3o \"Relat\u00f3rio Nada Consta\": Porque voc\u00ea precisou usar a fun\u00e7\u00e3o de gera\u00e7\u00e3o do relat\u00f3rio nada consta? Pergunta discursiva 10.2 Caso tenha sido respondida a op\u00e7\u00e3o \"Relat\u00f3rio Nada Consta\" na quest\u00e3o 10: Voc\u00ea fez o geramento de qual relat\u00f3rio? Anual Mensal Os dois 10.2 Caso n\u00e3o tenha sido respondida a op\u00e7\u00e3o \"Relat\u00f3rio Nada Consta\" Pedir para o usu\u00e1rio realizar essa a\u00e7\u00e3o na hora e relatar a experi\u00eancia Pergunta discursiva 11 Qual \u00e9 a sua maior dificuldade ao utilizar o site? Pergunta discursiva 12 H\u00e1 alguma funcionalidade que voc\u00ea gostaria muito que tivesse no site? Pergunta discursiva Conclus\u00e3o Os dados coletados durante a entrevista ser\u00e3o registrados e utilizados como insumo para o desenvolvimento do projeto. Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 04/08/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de planejamento da an\u00e1lise de tarefas Clara Ribeiro Lu\u00edza Esteves","title":"Planejamento da avalia\u00e7\u00e3o da An\u00e1lise de tarefas"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/an%C3%A1lise_de_tarefas/planejamento_tarefas/#planejamento-da-avaliacao-da-analise-de-tarefas","text":"","title":"Planejamento da avalia\u00e7\u00e3o da An\u00e1lise de tarefas"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/an%C3%A1lise_de_tarefas/planejamento_tarefas/#introducao","text":"Na etapa de requisitos foi realizada pela equipe a an\u00e1lise de tarefas de algumas fun\u00e7\u00f5es do site, com o objetivo de identificar poss\u00edveis melhorias de tarefas existentes no site da Ag\u00eancia Virtual da Neoenergia. O pr\u00f3ximo passo \u00e9 realizar uma avalia\u00e7\u00e3o com a perspectiva de usu\u00e1rios reais do sistema, pois s\u00f3 assim \u00e9 poss\u00edvel ter uma vis\u00e3o mais ampla sobre as tecnologias que os usu\u00e1rios possuem facilidades, al\u00e9m de entender se h\u00e1 alguma tarefa que necessita uma interven\u00e7\u00e3o mais urgente e se h\u00e1 alguma outra fun\u00e7\u00e3o que poderia ser inclu\u00edda no sistema. Coletar essas informa\u00e7\u00f5es \u00e9 essencial para entender os requisitos que o sistema deve ter para realmente ajudar os usu\u00e1rios a atingirem seus objetivos.","title":"Introdu\u00e7\u00e3o"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/an%C3%A1lise_de_tarefas/planejamento_tarefas/#metodologia-de-avaliacao-da-analise-de-tarefas","text":"A metodologia escolhida foi a de entrevistas com usu\u00e1rios da Ag\u00eancia Virtual. A entrevista \u00e9 um m\u00e9todo investigativo e consegue coletar as informa\u00e7\u00f5es buscadas por meio de uma pesquisa qualitativa. Com a entrevista \u00e9 poss\u00edvel entender com maiores detalhes as dores dos usu\u00e1rios e seus objetivos.","title":"Metodologia de avalia\u00e7\u00e3o da An\u00e1lise de tarefas"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/an%C3%A1lise_de_tarefas/planejamento_tarefas/#termo-de-consentimento","text":"O termo de consentimento est\u00e1 apresentado abaixo e ele ser\u00e1 entregue ao usu\u00e1rio antes do in\u00edcio da entrevista.","title":"Termo de consentimento"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/an%C3%A1lise_de_tarefas/planejamento_tarefas/#ferramentas-utilizadas-na-entrevista","text":"A entrevista ser\u00e1 realizada e gravada no Microsoft Teams.","title":"Ferramentas utilizadas na entrevista"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/an%C3%A1lise_de_tarefas/planejamento_tarefas/#perfis-dos-entrevistados","text":"Dentro da atividade de Perfil do Usu\u00e1rio e das Personas, conseguimos identificar caracter\u00edsticas necess\u00e1rias para realizar uma entrevista com um usu\u00e1rio. Sendo assim buscaremos dois perfis maiores de 18 anos, que residam no Distrito Federal e que fa\u00e7a utiliza\u00e7\u00e3o do site da Ag\u00eancia Virtual NeoEnergia.","title":"Perfis dos entrevistados"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/an%C3%A1lise_de_tarefas/planejamento_tarefas/#roteiro-de-perguntas","text":"N\u00famero Pergunta Poss\u00edvel Resposta 1 Como voc\u00ea se chama? Pergunta discursiva 2 Qual \u00e9 a sua idade? Pergunta discursiva 3 Com o que voc\u00ea trabalha? Pergunta discursiva 4 \u00c9 voc\u00ea quem paga a conta de energia na sua casa? Sim N\u00e3o 5 Caso a resposta anterior tenha sido \"N\u00e3o\" Voc\u00ea j\u00e1 entrou no site a pedido de algu\u00e9m? Porque? Pergunta discursiva 6 Porque voc\u00ea faz o uso do site? Pergunta discursiva 7 Como foi realizar o primeiro acesso a plataforma? Pergunta discursiva 8 Como \u00e9 fazer login na plataforma? Pergunta discursiva 9 Voc\u00ea j\u00e1 esqueceu a sua senha ao tentar realizar o login? Sim N\u00e3o Inconclusivo 9.1 Caso tenha sido respondida a op\u00e7\u00e3o \"Sim\": O que voc\u00ea achou do processo de recuperar a sua senha? Pergunta discursiva 9.2 Caso tenha sido respondida a op\u00e7\u00e3o \"N\u00e3o\": Pedir para o usu\u00e1rio realizar essa a\u00e7\u00e3o na hora e relatar a experi\u00eancia Pergunta discursiva 10 Quais s\u00e3o as atividades que voc\u00ea mais realiza no site? Segunda Via de Conta Religa\u00e7\u00e3o Falta de Energia Atualizar Cadastro Alterar Data de Vencimento Gerar Hist\u00f3rico de Consumo Relat\u00f3rio Nada Consta Data da Pr\u00f3xima Leitura 10.1 Caso tenha sido respondida a op\u00e7\u00e3o \"Relat\u00f3rio Nada Consta\": Porque voc\u00ea precisou usar a fun\u00e7\u00e3o de gera\u00e7\u00e3o do relat\u00f3rio nada consta? Pergunta discursiva 10.2 Caso tenha sido respondida a op\u00e7\u00e3o \"Relat\u00f3rio Nada Consta\" na quest\u00e3o 10: Voc\u00ea fez o geramento de qual relat\u00f3rio? Anual Mensal Os dois 10.2 Caso n\u00e3o tenha sido respondida a op\u00e7\u00e3o \"Relat\u00f3rio Nada Consta\" Pedir para o usu\u00e1rio realizar essa a\u00e7\u00e3o na hora e relatar a experi\u00eancia Pergunta discursiva 11 Qual \u00e9 a sua maior dificuldade ao utilizar o site? Pergunta discursiva 12 H\u00e1 alguma funcionalidade que voc\u00ea gostaria muito que tivesse no site? Pergunta discursiva","title":"Roteiro de perguntas"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/an%C3%A1lise_de_tarefas/planejamento_tarefas/#conclusao","text":"Os dados coletados durante a entrevista ser\u00e3o registrados e utilizados como insumo para o desenvolvimento do projeto.","title":"Conclus\u00e3o"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/an%C3%A1lise_de_tarefas/planejamento_tarefas/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 04/08/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de planejamento da an\u00e1lise de tarefas Clara Ribeiro Lu\u00edza Esteves","title":"Tabela de Versionamento"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/an%C3%A1lise_de_tarefas/resultados_tarefas/","text":"Planejamento do relato dos resultados da avalia\u00e7\u00e3o da An\u00e1lise de tarefas Introdu\u00e7\u00e3o Este documento tem o papel de descrever como ser\u00e1 feito o relato dos resultados da avalia\u00e7\u00e3o das an\u00e1lises de tarefas, descrevendo os itens que ser\u00e3o aborados e apresentados dentro do relat\u00f3rio. A an\u00e1lise dos resultados da avalia\u00e7\u00e3o ser\u00e1 documentada em um p\u00e1gina separada chamada \"Avalia\u00e7\u00e3o da An\u00e1lise de tarefas\" e partir desse relato, ser\u00e3o levantados pontos de melhoria para o sistema que est\u00e1 sendo avaliado e reprojetado pelo grupo. T\u00f3picos A fim de relatar os resultados obtidos, ser\u00e1 feito uma documenta\u00e7\u00e3o com os seguintes t\u00f3picos: Objetivo e escopo da avalia\u00e7\u00e3o Aqui deve ser descrito o porqu\u00ea que esta avalia\u00e7\u00e3o est\u00e1 sendo feita e qual objetivo o grupo pretende alcan\u00e7ar ao realiz\u00e1-la. M\u00e9todo Neste t\u00f3pico deve ser descrito o m\u00e9todo que foi utilizado para recolher os dados e de que forma a avalia\u00e7\u00e3o ocorreu. Avaliadores e Participantes Deve-se listar quais avaliadores participaram e qual papel realizaram durante a execu\u00e7\u00e3o da avalia\u00e7\u00e3o. Tamb\u00e9m deve ser documentado o n\u00famero e o perfil dos participantes. Sum\u00e1rio dos dados \u00c9 de extrema import\u00e2ncia listar os dados obtidos durante a avalia\u00e7\u00e3o de uma forma resumida e objetiva, detalhando as respostas para as perguntas e a descri\u00e7\u00e3o das atividades realizadas pelos usu\u00e1rios. Problemas encontrados De acordo com as tarefas apresentadas aos participantes, ser\u00e1 feita a compara\u00e7\u00e3o com o sistema atual a fim de identificar os problemas encontrados. Sugest\u00f5es de corre\u00e7\u00f5es Por fim, ser\u00e1 feita sugest\u00f5es de corre\u00e7\u00f5es para cada um dos problemas identificados, indicando a prioridade de cada uma das corre\u00e7\u00f5es. Bibliografia Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021);Intera\u00e7\u00e3o Humano-Computador e Experi\u00eancia do usu\u00e1rio. Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 05/08/2022 0.1 Adi\u00e7\u00e3o do planejamento do relato dos resultados da avalia\u00e7\u00e3o da an\u00e1lise de tarefas Rafael Xavier Clara Ribeiro","title":"Planejamento do relato dos resultados da avalia\u00e7\u00e3o da An\u00e1lise de tarefas"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/an%C3%A1lise_de_tarefas/resultados_tarefas/#planejamento-do-relato-dos-resultados-da-avaliacao-da-analise-de-tarefas","text":"","title":"Planejamento do relato dos resultados da avalia\u00e7\u00e3o da An\u00e1lise de tarefas"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/an%C3%A1lise_de_tarefas/resultados_tarefas/#introducao","text":"Este documento tem o papel de descrever como ser\u00e1 feito o relato dos resultados da avalia\u00e7\u00e3o das an\u00e1lises de tarefas, descrevendo os itens que ser\u00e3o aborados e apresentados dentro do relat\u00f3rio. A an\u00e1lise dos resultados da avalia\u00e7\u00e3o ser\u00e1 documentada em um p\u00e1gina separada chamada \"Avalia\u00e7\u00e3o da An\u00e1lise de tarefas\" e partir desse relato, ser\u00e3o levantados pontos de melhoria para o sistema que est\u00e1 sendo avaliado e reprojetado pelo grupo.","title":"Introdu\u00e7\u00e3o"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/an%C3%A1lise_de_tarefas/resultados_tarefas/#topicos","text":"A fim de relatar os resultados obtidos, ser\u00e1 feito uma documenta\u00e7\u00e3o com os seguintes t\u00f3picos:","title":"T\u00f3picos"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/an%C3%A1lise_de_tarefas/resultados_tarefas/#objetivo-e-escopo-da-avaliacao","text":"Aqui deve ser descrito o porqu\u00ea que esta avalia\u00e7\u00e3o est\u00e1 sendo feita e qual objetivo o grupo pretende alcan\u00e7ar ao realiz\u00e1-la.","title":"Objetivo e escopo da avalia\u00e7\u00e3o"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/an%C3%A1lise_de_tarefas/resultados_tarefas/#metodo","text":"Neste t\u00f3pico deve ser descrito o m\u00e9todo que foi utilizado para recolher os dados e de que forma a avalia\u00e7\u00e3o ocorreu.","title":"M\u00e9todo"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/an%C3%A1lise_de_tarefas/resultados_tarefas/#avaliadores-e-participantes","text":"Deve-se listar quais avaliadores participaram e qual papel realizaram durante a execu\u00e7\u00e3o da avalia\u00e7\u00e3o. Tamb\u00e9m deve ser documentado o n\u00famero e o perfil dos participantes.","title":"Avaliadores e Participantes"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/an%C3%A1lise_de_tarefas/resultados_tarefas/#sumario-dos-dados","text":"\u00c9 de extrema import\u00e2ncia listar os dados obtidos durante a avalia\u00e7\u00e3o de uma forma resumida e objetiva, detalhando as respostas para as perguntas e a descri\u00e7\u00e3o das atividades realizadas pelos usu\u00e1rios.","title":"Sum\u00e1rio dos dados"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/an%C3%A1lise_de_tarefas/resultados_tarefas/#problemas-encontrados","text":"De acordo com as tarefas apresentadas aos participantes, ser\u00e1 feita a compara\u00e7\u00e3o com o sistema atual a fim de identificar os problemas encontrados.","title":"Problemas encontrados"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/an%C3%A1lise_de_tarefas/resultados_tarefas/#sugestoes-de-correcoes","text":"Por fim, ser\u00e1 feita sugest\u00f5es de corre\u00e7\u00f5es para cada um dos problemas identificados, indicando a prioridade de cada uma das corre\u00e7\u00f5es.","title":"Sugest\u00f5es de corre\u00e7\u00f5es"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/an%C3%A1lise_de_tarefas/resultados_tarefas/#bibliografia","text":"Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021);Intera\u00e7\u00e3o Humano-Computador e Experi\u00eancia do usu\u00e1rio.","title":"Bibliografia"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/an%C3%A1lise_de_tarefas/resultados_tarefas/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 05/08/2022 0.1 Adi\u00e7\u00e3o do planejamento do relato dos resultados da avalia\u00e7\u00e3o da an\u00e1lise de tarefas Rafael Xavier Clara Ribeiro","title":"Tabela de Versionamento"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/storyboard/avaliacao/","text":"Avalia\u00e7\u00e3o Storyboard","title":"Avalia\u00e7\u00e3o Storyboard"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/storyboard/avaliacao/#avaliacao-storyboard","text":"","title":"Avalia\u00e7\u00e3o Storyboard"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/storyboard/planejamento_storyboard/","text":"Planejamento da avalia\u00e7\u00e3o do Storyboard Introdu\u00e7\u00e3o O Storyboard \u00e9 uma forma de prototipa\u00e7\u00e3o de baixa fidelidade, em que s\u00e3o utilizados desenhos que mostram a evolu\u00e7\u00e3o de um usu\u00e1rio na realiza\u00e7\u00e3o de uma tarefa, indicando um caminho ideal para conclu\u00ed-la com sucesso. Ao ser colocado junto com os cen\u00e1rios, traz uma riqueza de detalhes e informa\u00e7\u00f5es muito maior para o projeto. Suas principais vatangens ao ser executado s\u00e3o: baixo custo para ser desenvolvido, identifica requisitos, f\u00e1cil comunica\u00e7\u00e3o e avalia v\u00e1rios conceitos do design. Nesse documento, ser\u00e1 feita a descri\u00e7\u00e3o de como ser\u00e1 feita a an\u00e1lise e avalia\u00e7\u00e3o dos storyboards desenvolvidos pela equipe. Metodologias de avalia\u00e7\u00e3o dos Storyboards Dentro do nosso escopo de formas de avalia\u00e7\u00f5es, chegamos a um entendimento de que a forma mais adequada para o nosso projeto de se avaliar o storyboard s\u00e3o com entrevistas com os usu\u00e1rios, fazendo uma investiga\u00e7\u00e3o t\u00e9cnica. Assim, come\u00e7amos o processo de estrutura\u00e7\u00e3o montando um termo de consentimento espec\u00edfico para a entrevista, fizemos a an\u00e1lise de ferramentas necess\u00e1rias, definimos um roteiro de perguntas a serem utilizadas para a avalia\u00e7\u00e3o, podendo serem acrescidas mais caso seja de valia para a avalia\u00e7\u00e3o e fizemos a escolha de perfis para a entrevista. Termo de consentimento Dentro do termo, buscamos informar tanto sobre a pesquisa quanto a grava\u00e7\u00e3o das entrevistas, deixando claro que tudo ocorrer\u00e1 garantindo o sigilo das informa\u00e7\u00f5es e somente com a devida autoriza\u00e7\u00e3o. Ferramentas utilizadas na avalia\u00e7\u00e3o Para realizar a entrevista utilizaremos como ferramenta o Microsoft Teams, que permite tanto a comunica\u00e7\u00e3o quanto a grava\u00e7\u00e3o do encontro. Al\u00e9m disso, solicitaremos que o candidato esteja com l\u00e1pis e papel caso deseje fazer algum esbo\u00e7o de seu racioc\u00ednio. Perfis dos entrevistados Dentro da atividade de Perfil do Usu\u00e1rio e das Personas, conseguimos identificar caracter\u00edsticas necess\u00e1rias para realizar uma entrevista com um usu\u00e1rio. Sendo assim buscaremos dois perfis maiores de 18 anos, que residam no Distrito Federal e que fa\u00e7a utiliza\u00e7\u00e3o do site da Ag\u00eancia Virtual NeoEnergia. Roteiro de perguntas N\u00famero Pergunta Poss\u00edvel Resposta 1 Observando os dois storyboards dessa tarefa como usu\u00e1rio, voc\u00ea identifica que a sequ\u00eancia das atividades seja coerente? SIM N\u00c3O INCONCLUSIVO 1.1 Se a resposta \u00e0 pergunta 1 foi N\u00c3O ou INCONCLUSIVO, pode explicar o motivo da resposta? Pergunta discursiva 2 Voc\u00ea realmente acha que a Ag\u00eancia Virtual NeoEnergia facilita o usu\u00e1rio a realizar a tarefa indicada? SIM N\u00c3O INCONCLUSIVO 2.1 Explique o porque da sua resposta Pergunta discursiva 3 Qual dos storyboards voc\u00ea acha que mais faz sentido com a tarefa a qual eles est\u00e3o indicados? Pergunta discursiva 4 O que voc\u00ea pensa sobre a solu\u00e7\u00e3o da tarefa do sistema da NeoEnergia no Storyboard? Ela est\u00e1 atendendo ou faltam elementos? Pergunta discursiva 5 Voc\u00ea imagina alguma outra forma de solu\u00e7\u00e3o que poderia ser representado pelos Storyboards? Pergunta discursiva Storyboards desenvolvidos Para a realiza\u00e7\u00e3o da avalia\u00e7\u00e3o de storyboard, os membros do grupo desenvolveram storyboards das seguintes atividades do sistema: recupera\u00e7\u00e3o de senha, recupera\u00e7\u00e3o de email e relat\u00f3rio nada consta. Na Figura 1, \u00e9 colocado a recupera\u00e7\u00e3o de senha no contexto em que o usu\u00e1rio entra no site do sistema para realizar uma atividade mas acaba se esquecendo sua senha e precisa iniciar o processo de recupera\u00e7\u00e3o. Figura 1- Storyboard de recupera\u00e7\u00e3o de senha (Lu\u00edza Esteves) Na Figura 2, \u00e9 contada uma hist\u00f3ria de uma pessoa emitindo um relat\u00f3rio nada consta para o aluguel de uma casa. Figura 2- Storyboard de relat\u00f3rio nada consta (Natan Santana) Na Figura 3, \u00e9 colocado a recupera\u00e7\u00e3o de email para que o usu\u00e1rio consiga ter acesso a atividades do sistema Figura 3- Storyboard de recupera\u00e7\u00e3o de email (Rafael Xavier) Na Figura 4, \u00e9 colocado o relat\u00f3rio nada consta para verificar se as contas realmente est\u00e3o pagas Figura 3- Storyboard de relat\u00f3rio nada consta (Clara Ribeiro) Conclus\u00e3o Com todos esse planejamento, esperamos conseguir identificar todos os pontos a serem melhorados e os que est\u00e3o em um bom n\u00edvel para passar para as pr\u00f3ximas etapas do design. Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 04/08/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de planejamento de storyboard Lu\u00edza Esteves Natan Santana","title":"Planejamento da avalia\u00e7\u00e3o do Storyboard"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/storyboard/planejamento_storyboard/#planejamento-da-avaliacao-do-storyboard","text":"","title":"Planejamento da avalia\u00e7\u00e3o do Storyboard"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/storyboard/planejamento_storyboard/#introducao","text":"O Storyboard \u00e9 uma forma de prototipa\u00e7\u00e3o de baixa fidelidade, em que s\u00e3o utilizados desenhos que mostram a evolu\u00e7\u00e3o de um usu\u00e1rio na realiza\u00e7\u00e3o de uma tarefa, indicando um caminho ideal para conclu\u00ed-la com sucesso. Ao ser colocado junto com os cen\u00e1rios, traz uma riqueza de detalhes e informa\u00e7\u00f5es muito maior para o projeto. Suas principais vatangens ao ser executado s\u00e3o: baixo custo para ser desenvolvido, identifica requisitos, f\u00e1cil comunica\u00e7\u00e3o e avalia v\u00e1rios conceitos do design. Nesse documento, ser\u00e1 feita a descri\u00e7\u00e3o de como ser\u00e1 feita a an\u00e1lise e avalia\u00e7\u00e3o dos storyboards desenvolvidos pela equipe.","title":"Introdu\u00e7\u00e3o"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/storyboard/planejamento_storyboard/#metodologias-de-avaliacao-dos-storyboards","text":"Dentro do nosso escopo de formas de avalia\u00e7\u00f5es, chegamos a um entendimento de que a forma mais adequada para o nosso projeto de se avaliar o storyboard s\u00e3o com entrevistas com os usu\u00e1rios, fazendo uma investiga\u00e7\u00e3o t\u00e9cnica. Assim, come\u00e7amos o processo de estrutura\u00e7\u00e3o montando um termo de consentimento espec\u00edfico para a entrevista, fizemos a an\u00e1lise de ferramentas necess\u00e1rias, definimos um roteiro de perguntas a serem utilizadas para a avalia\u00e7\u00e3o, podendo serem acrescidas mais caso seja de valia para a avalia\u00e7\u00e3o e fizemos a escolha de perfis para a entrevista.","title":"Metodologias de avalia\u00e7\u00e3o dos Storyboards"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/storyboard/planejamento_storyboard/#termo-de-consentimento","text":"Dentro do termo, buscamos informar tanto sobre a pesquisa quanto a grava\u00e7\u00e3o das entrevistas, deixando claro que tudo ocorrer\u00e1 garantindo o sigilo das informa\u00e7\u00f5es e somente com a devida autoriza\u00e7\u00e3o.","title":"Termo de consentimento"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/storyboard/planejamento_storyboard/#ferramentas-utilizadas-na-avaliacao","text":"Para realizar a entrevista utilizaremos como ferramenta o Microsoft Teams, que permite tanto a comunica\u00e7\u00e3o quanto a grava\u00e7\u00e3o do encontro. Al\u00e9m disso, solicitaremos que o candidato esteja com l\u00e1pis e papel caso deseje fazer algum esbo\u00e7o de seu racioc\u00ednio.","title":"Ferramentas utilizadas na avalia\u00e7\u00e3o"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/storyboard/planejamento_storyboard/#perfis-dos-entrevistados","text":"Dentro da atividade de Perfil do Usu\u00e1rio e das Personas, conseguimos identificar caracter\u00edsticas necess\u00e1rias para realizar uma entrevista com um usu\u00e1rio. Sendo assim buscaremos dois perfis maiores de 18 anos, que residam no Distrito Federal e que fa\u00e7a utiliza\u00e7\u00e3o do site da Ag\u00eancia Virtual NeoEnergia.","title":"Perfis dos entrevistados"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/storyboard/planejamento_storyboard/#roteiro-de-perguntas","text":"N\u00famero Pergunta Poss\u00edvel Resposta 1 Observando os dois storyboards dessa tarefa como usu\u00e1rio, voc\u00ea identifica que a sequ\u00eancia das atividades seja coerente? SIM N\u00c3O INCONCLUSIVO 1.1 Se a resposta \u00e0 pergunta 1 foi N\u00c3O ou INCONCLUSIVO, pode explicar o motivo da resposta? Pergunta discursiva 2 Voc\u00ea realmente acha que a Ag\u00eancia Virtual NeoEnergia facilita o usu\u00e1rio a realizar a tarefa indicada? SIM N\u00c3O INCONCLUSIVO 2.1 Explique o porque da sua resposta Pergunta discursiva 3 Qual dos storyboards voc\u00ea acha que mais faz sentido com a tarefa a qual eles est\u00e3o indicados? Pergunta discursiva 4 O que voc\u00ea pensa sobre a solu\u00e7\u00e3o da tarefa do sistema da NeoEnergia no Storyboard? Ela est\u00e1 atendendo ou faltam elementos? Pergunta discursiva 5 Voc\u00ea imagina alguma outra forma de solu\u00e7\u00e3o que poderia ser representado pelos Storyboards? Pergunta discursiva","title":"Roteiro de perguntas"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/storyboard/planejamento_storyboard/#storyboards-desenvolvidos","text":"Para a realiza\u00e7\u00e3o da avalia\u00e7\u00e3o de storyboard, os membros do grupo desenvolveram storyboards das seguintes atividades do sistema: recupera\u00e7\u00e3o de senha, recupera\u00e7\u00e3o de email e relat\u00f3rio nada consta. Na Figura 1, \u00e9 colocado a recupera\u00e7\u00e3o de senha no contexto em que o usu\u00e1rio entra no site do sistema para realizar uma atividade mas acaba se esquecendo sua senha e precisa iniciar o processo de recupera\u00e7\u00e3o. Figura 1- Storyboard de recupera\u00e7\u00e3o de senha (Lu\u00edza Esteves) Na Figura 2, \u00e9 contada uma hist\u00f3ria de uma pessoa emitindo um relat\u00f3rio nada consta para o aluguel de uma casa. Figura 2- Storyboard de relat\u00f3rio nada consta (Natan Santana) Na Figura 3, \u00e9 colocado a recupera\u00e7\u00e3o de email para que o usu\u00e1rio consiga ter acesso a atividades do sistema Figura 3- Storyboard de recupera\u00e7\u00e3o de email (Rafael Xavier) Na Figura 4, \u00e9 colocado o relat\u00f3rio nada consta para verificar se as contas realmente est\u00e3o pagas Figura 3- Storyboard de relat\u00f3rio nada consta (Clara Ribeiro)","title":"Storyboards desenvolvidos"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/storyboard/planejamento_storyboard/#conclusao","text":"Com todos esse planejamento, esperamos conseguir identificar todos os pontos a serem melhorados e os que est\u00e3o em um bom n\u00edvel para passar para as pr\u00f3ximas etapas do design.","title":"Conclus\u00e3o"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/storyboard/planejamento_storyboard/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 04/08/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de planejamento de storyboard Lu\u00edza Esteves Natan Santana","title":"Tabela de Versionamento"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/storyboard/resultados_storyboard/","text":"Planejamento do relato dos resultados da avalia\u00e7\u00e3o do Storyboard Introdu\u00e7\u00e3o Nesta p\u00e1gina ser\u00e1 descrita como ser\u00e1 feito o relato dos resultados da valida\u00e7\u00e3o do Storyboard, descrevendo os itens que ser\u00e3o aborados e apresentados dentro do relat\u00f3rio. A an\u00e1lise dos resultados da valida\u00e7\u00e3o ser\u00e3o documentadas em um p\u00e1gina separada chamada \"Avalia\u00e7\u00e3o do Storyboard\" e partir desse relato, ser\u00e3o levantados pontos de melhoria para o sistema que est\u00e1 sendo avaliado e reprojetado pelo grupo. T\u00f3picos A fim de relatar os resultados obtidos, ser\u00e1 feito uma documenta\u00e7\u00e3o com os seguintes t\u00f3picos: Objetivos da avalia\u00e7\u00e3o Aqui deve ser descrito o porqu\u00ea que esta avalia\u00e7\u00e3o est\u00e1 sendo feito e qual objetivo o grupo pretende alcan\u00e7ar ao realiz\u00e1-la. M\u00e9todo Neste t\u00f3pico deve ser descrito o m\u00e9todo que foi utilizado para recolher os dados e de que forma a avalia\u00e7\u00e3o ocorreu. Avaliadores e Participantes Deve-se listar quais avaliadores participaram e qual papel realizaram durante a execu\u00e7\u00e3o da avalia\u00e7\u00e3o. Tamb\u00e9m deve ser documentado o n\u00famero e o perfil dos participantes. Sum\u00e1rio dos dados \u00c9 de extrema import\u00e2ncia listar os dados obtidos durante a avalia\u00e7\u00e3o de uma forma resumida e objetiva, detalhando as respostas para as perguntas e a descri\u00e7\u00e3o das atividades realizadas pelos usu\u00e1rios. Problemas encontrados De acordo com o Storyboard apresentado aos participantes, ser\u00e1 feito a compara\u00e7\u00e3o com o sistema atual a fim de identificar os problemas de usabilidade encontrados na interface. Sugest\u00f5es de corre\u00e7\u00f5es Por fim, ser\u00e1 feita sugest\u00f5es de corre\u00e7\u00f5es para cada um dos problemas identificados, indicando a prioridade de cada uma das corre\u00e7\u00f5es. Bibliografia Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021);Intera\u00e7\u00e3o Humano-Computador e Experi\u00eancia do usu\u00e1rio. Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 04/08/2022 0.1 Adi\u00e7\u00e3o do planejamento do relato dos resultados da avalia\u00e7\u00e3o Natan Santana Matheus Perillo","title":"Planejamento do relato dos resultados da avalia\u00e7\u00e3o do Storyboard"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/storyboard/resultados_storyboard/#planejamento-do-relato-dos-resultados-da-avaliacao-do-storyboard","text":"","title":"Planejamento do relato dos resultados da avalia\u00e7\u00e3o do Storyboard"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/storyboard/resultados_storyboard/#introducao","text":"Nesta p\u00e1gina ser\u00e1 descrita como ser\u00e1 feito o relato dos resultados da valida\u00e7\u00e3o do Storyboard, descrevendo os itens que ser\u00e3o aborados e apresentados dentro do relat\u00f3rio. A an\u00e1lise dos resultados da valida\u00e7\u00e3o ser\u00e3o documentadas em um p\u00e1gina separada chamada \"Avalia\u00e7\u00e3o do Storyboard\" e partir desse relato, ser\u00e3o levantados pontos de melhoria para o sistema que est\u00e1 sendo avaliado e reprojetado pelo grupo.","title":"Introdu\u00e7\u00e3o"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/storyboard/resultados_storyboard/#topicos","text":"A fim de relatar os resultados obtidos, ser\u00e1 feito uma documenta\u00e7\u00e3o com os seguintes t\u00f3picos:","title":"T\u00f3picos"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/storyboard/resultados_storyboard/#objetivos-da-avaliacao","text":"Aqui deve ser descrito o porqu\u00ea que esta avalia\u00e7\u00e3o est\u00e1 sendo feito e qual objetivo o grupo pretende alcan\u00e7ar ao realiz\u00e1-la.","title":"Objetivos da avalia\u00e7\u00e3o"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/storyboard/resultados_storyboard/#metodo","text":"Neste t\u00f3pico deve ser descrito o m\u00e9todo que foi utilizado para recolher os dados e de que forma a avalia\u00e7\u00e3o ocorreu.","title":"M\u00e9todo"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/storyboard/resultados_storyboard/#avaliadores-e-participantes","text":"Deve-se listar quais avaliadores participaram e qual papel realizaram durante a execu\u00e7\u00e3o da avalia\u00e7\u00e3o. Tamb\u00e9m deve ser documentado o n\u00famero e o perfil dos participantes.","title":"Avaliadores e Participantes"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/storyboard/resultados_storyboard/#sumario-dos-dados","text":"\u00c9 de extrema import\u00e2ncia listar os dados obtidos durante a avalia\u00e7\u00e3o de uma forma resumida e objetiva, detalhando as respostas para as perguntas e a descri\u00e7\u00e3o das atividades realizadas pelos usu\u00e1rios.","title":"Sum\u00e1rio dos dados"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/storyboard/resultados_storyboard/#problemas-encontrados","text":"De acordo com o Storyboard apresentado aos participantes, ser\u00e1 feito a compara\u00e7\u00e3o com o sistema atual a fim de identificar os problemas de usabilidade encontrados na interface.","title":"Problemas encontrados"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/storyboard/resultados_storyboard/#sugestoes-de-correcoes","text":"Por fim, ser\u00e1 feita sugest\u00f5es de corre\u00e7\u00f5es para cada um dos problemas identificados, indicando a prioridade de cada uma das corre\u00e7\u00f5es.","title":"Sugest\u00f5es de corre\u00e7\u00f5es"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/storyboard/resultados_storyboard/#bibliografia","text":"Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021);Intera\u00e7\u00e3o Humano-Computador e Experi\u00eancia do usu\u00e1rio.","title":"Bibliografia"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%201/storyboard/resultados_storyboard/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 04/08/2022 0.1 Adi\u00e7\u00e3o do planejamento do relato dos resultados da avalia\u00e7\u00e3o Natan Santana Matheus Perillo","title":"Tabela de Versionamento"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%202/planejamento_prototipo/","text":"Planejamento da Avalia\u00e7\u00e3o do Prot\u00f3tipo de Papel","title":"Planejamento da Avalia\u00e7\u00e3o do Prot\u00f3tipo de Papel"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%202/planejamento_prototipo/#planejamento-da-avaliacao-do-prototipo-de-papel","text":"","title":"Planejamento da Avalia\u00e7\u00e3o do Prot\u00f3tipo de Papel"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%202/resultados_prototipo/","text":"Planejamento do relato dos resultados da avalia\u00e7\u00e3o do Prot\u00f3tipo de Papel Introdu\u00e7\u00e3o Este documento tem o papel de descrever como ser\u00e1 feito o relato dos resultados da avalia\u00e7\u00e3o do Prot\u00f3tipo de Papel, descrevendo os aspectos que ser\u00e3o abordados e apresentados no relat\u00f3rio. A an\u00e1lise dos resultados da ser\u00e1 documentada em um p\u00e1gina separada chamada \"Avalia\u00e7\u00e3o do Prot\u00f3tipo de Papel\" e partir desse relato, ser\u00e3o levantados pontos de melhoria para o sistema que est\u00e1 sendo avaliado e reprojetado pelo grupo. T\u00f3picos A fim de relatar os resultados obtidos, ser\u00e1 feita uma documenta\u00e7\u00e3o com os seguintes t\u00f3picos: Objetivos da avalia\u00e7\u00e3o Pequena introdu\u00e7\u00e3o sobre a avalia\u00e7\u00e3o contendo o porqu\u00ea dessa avalia\u00e7\u00e3o estar sendo feita e qual objetivo o grupo pretende alcan\u00e7ar ao realiz\u00e1-la. M\u00e9todo Neste t\u00f3pico deve ser descrito o m\u00e9todo utilizado para recolher os dados e de que forma a avalia\u00e7\u00e3o ocorreu. Avaliadores e Participantes Deve-se listar quem foram os avaliadores e qual papel realizaram durante a avalia\u00e7\u00e3o. Tamb\u00e9m deve ser documentado quem foram os participantes, mostrando quais tarefas executaram e trazendo alguns dados demogr\u00e1ficos sobre eles a fim de equipar\u00e1-los com nossos perfis de usu\u00e1rio. Ambiente de avalia\u00e7\u00e3o Descri\u00e7\u00e3o sobre o ambiente de avalia\u00e7\u00e3o, contendo as ferramentas e equipamentos que foram utilizados. Problemas de usabilidade Corrigidos \u2013 local onde ocorreu; \u2013 fatores de usabilidade prejudicados; \u2013 descri\u00e7\u00e3o e justificativa do problema; \u2013 corre\u00e7\u00e3o realizada no prot\u00f3tipo em papel; \u2013 indica\u00e7\u00e3o se o problema voltou a ocorrer depois da corre\u00e7\u00e3o; N\u00e3o corrigidos \u2013 local onde ocorreu; \u2013 fatores de usabilidade prejudicados; \u2013 descri\u00e7\u00e3o e justificativa do problema; \u2013 prioridade para corre\u00e7\u00e3o; \u2013 sugest\u00f5es de corre\u00e7\u00e3o; \u2013 indica\u00e7\u00f5es de partes do sistema que podem ser mais bem elaboradas. Bibliografia Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021);Intera\u00e7\u00e3o Humano-Computador e Experi\u00eancia do usu\u00e1rio. Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 14/08/2022 0.1 Adi\u00e7\u00e3o do planejamento do relato dos resultados da avalia\u00e7\u00e3o do Prot\u00f3tipo de Papel Rafael Xavier Lu\u00edza Esteves","title":"Planejamento do relato dos resultados da avalia\u00e7\u00e3o do Prot\u00f3tipo de Papel"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%202/resultados_prototipo/#planejamento-do-relato-dos-resultados-da-avaliacao-do-prototipo-de-papel","text":"","title":"Planejamento do relato dos resultados da avalia\u00e7\u00e3o do Prot\u00f3tipo de Papel"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%202/resultados_prototipo/#introducao","text":"Este documento tem o papel de descrever como ser\u00e1 feito o relato dos resultados da avalia\u00e7\u00e3o do Prot\u00f3tipo de Papel, descrevendo os aspectos que ser\u00e3o abordados e apresentados no relat\u00f3rio. A an\u00e1lise dos resultados da ser\u00e1 documentada em um p\u00e1gina separada chamada \"Avalia\u00e7\u00e3o do Prot\u00f3tipo de Papel\" e partir desse relato, ser\u00e3o levantados pontos de melhoria para o sistema que est\u00e1 sendo avaliado e reprojetado pelo grupo.","title":"Introdu\u00e7\u00e3o"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%202/resultados_prototipo/#topicos","text":"A fim de relatar os resultados obtidos, ser\u00e1 feita uma documenta\u00e7\u00e3o com os seguintes t\u00f3picos:","title":"T\u00f3picos"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%202/resultados_prototipo/#objetivos-da-avaliacao","text":"Pequena introdu\u00e7\u00e3o sobre a avalia\u00e7\u00e3o contendo o porqu\u00ea dessa avalia\u00e7\u00e3o estar sendo feita e qual objetivo o grupo pretende alcan\u00e7ar ao realiz\u00e1-la.","title":"Objetivos da avalia\u00e7\u00e3o"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%202/resultados_prototipo/#metodo","text":"Neste t\u00f3pico deve ser descrito o m\u00e9todo utilizado para recolher os dados e de que forma a avalia\u00e7\u00e3o ocorreu.","title":"M\u00e9todo"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%202/resultados_prototipo/#avaliadores-e-participantes","text":"Deve-se listar quem foram os avaliadores e qual papel realizaram durante a avalia\u00e7\u00e3o. Tamb\u00e9m deve ser documentado quem foram os participantes, mostrando quais tarefas executaram e trazendo alguns dados demogr\u00e1ficos sobre eles a fim de equipar\u00e1-los com nossos perfis de usu\u00e1rio.","title":"Avaliadores e Participantes"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%202/resultados_prototipo/#ambiente-de-avaliacao","text":"Descri\u00e7\u00e3o sobre o ambiente de avalia\u00e7\u00e3o, contendo as ferramentas e equipamentos que foram utilizados.","title":"Ambiente de avalia\u00e7\u00e3o"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%202/resultados_prototipo/#problemas-de-usabilidade","text":"","title":"Problemas de usabilidade"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%202/resultados_prototipo/#corrigidos","text":"\u2013 local onde ocorreu; \u2013 fatores de usabilidade prejudicados; \u2013 descri\u00e7\u00e3o e justificativa do problema; \u2013 corre\u00e7\u00e3o realizada no prot\u00f3tipo em papel; \u2013 indica\u00e7\u00e3o se o problema voltou a ocorrer depois da corre\u00e7\u00e3o;","title":"Corrigidos"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%202/resultados_prototipo/#nao-corrigidos","text":"\u2013 local onde ocorreu; \u2013 fatores de usabilidade prejudicados; \u2013 descri\u00e7\u00e3o e justificativa do problema; \u2013 prioridade para corre\u00e7\u00e3o; \u2013 sugest\u00f5es de corre\u00e7\u00e3o; \u2013 indica\u00e7\u00f5es de partes do sistema que podem ser mais bem elaboradas.","title":"N\u00e3o corrigidos"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%202/resultados_prototipo/#bibliografia","text":"Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021);Intera\u00e7\u00e3o Humano-Computador e Experi\u00eancia do usu\u00e1rio.","title":"Bibliografia"},{"location":"design%2C_avalia%C3%A7%C3%A3o%2C_desenvolvimento/n%C3%ADvel%202/resultados_prototipo/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 14/08/2022 0.1 Adi\u00e7\u00e3o do planejamento do relato dos resultados da avalia\u00e7\u00e3o do Prot\u00f3tipo de Papel Rafael Xavier Lu\u00edza Esteves","title":"Tabela de Versionamento"},{"location":"planejamento/cronograma/","text":"Cronograma de atividades Introdu\u00e7\u00e3o Este \u00e9 o cronograma de atividades e entregas da equipe, que est\u00e1 sendo elaborado com base no cronograma de atividades da disciplina Intera\u00e7\u00e3o Humano Computador. Possui o objetivo de documentar quando cada entrega \u00e9 feita, por quem \u00e9 feita e quem faz a revis\u00e3o. Est\u00e1 dividido por etapas, onde cada etapa corresponde a uma apresenta\u00e7\u00e3o que o grupo far\u00e1. As datas limite de entrega s\u00e3o definidas para dois dias antes da apresenta\u00e7\u00e3o para assegurar que haja tempo para as \u00faltimas revis\u00f5es. Etapa 1 Data limite para entrega Atividade/entrega Autor(es) Revisor Data limite de revis\u00e3o 07/07/2022 Cria\u00e7\u00e3o e costumiza\u00e7\u00e3o do Github pages e p\u00e1gina inicial do projeto Natan Santana Matheus Perillo 08/07/2022 07/07/2022 Adi\u00e7\u00e3o da equipe no Github pages Matheus Perillo Lu\u00edza Esteves 08/07/2022 07/07/2022 Lista de sites avaliados e site escolhido para a disciplina Lu\u00edza Esteves Rafael Xavier 08/07/2022 07/07/2022 Ferramentas do projeto Daniel Coimbra Natan Santana 08/07/2022 07/07/2022 Processo de Design Clara Ribeiro Matheus Perillo 08/07/2022 07/07/2022 Cronograma de atividades Rafael Xavier Natan Santana 08/07/2022 09/07/2022 Slides e grava\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o Todos Clara Ribeiro 10/07/2022 10/07/2022 Edi\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o Clara Ribeiro Daniel Coimbra 11/07/2022 Tabela 1: planejamento do projeto e do Processo de Design Etapa 2 Data limite para entrega Atividade/entrega Autor(es) Revisor Data limite de revis\u00e3o 18/07/2022 Personas Daniel Coimbra Natan Santana 19/07/2022 18/07/2022 Perfil de Usu\u00e1rios Rafael Xavier Clara Ribeiro 19/07/2022 18/07/2022 \u00c1rvore de Tarefas Concorrentes Lu\u00edza Esteves e Daniel Coimbra Rafael Xavier 19/07/2022 18/07/2022 GOMS Rafael Xavier e Clara Ribeiro Natan Santana 19/07/2022 18/07/2022 An\u00e1lise Hier\u00e1rquica de Tarefas Natan Santana Lu\u00edza Esteves 19/07/2022 19/07/2022 Slides e grava\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o Todos Natan Santana 20/07/2022 19/07/2022 Edi\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o Clara Ribeiro e Natan Santana Daniel Coimbra 20/07/2022 Tabela 2: Perfil do usu\u00e1rio, Personas e An\u00e1lise de tarefas Etapa 3 Data limite para entrega Atividade/entrega Autor(es) Revisor Data limite para revis\u00e3o 29/07/2022 Ajustes no cronograma Rafael Xavier Natan Santana 30/07/2022 29/07/2022 Cen\u00e1rios Daniel Coimbra Clara Ribeiro 30/07/2022 29/07/2022 Ajustes nas personas Daniel Coimbra Natan Santana 30/07/2022 29/07/2022 Ajustes no perfil do usu\u00e1rio Matheus Perillo Rafael Xavier 30/07/2022 29/07/2022 Ajustes nas ferramentas Natan Santana Clara Ribeiro 30/07/2022 29/07/2022 Princ\u00edpios Gerais de Projeto Lu\u00edza Esteves Clara Ribeiro 30/07/2022 29/07/2022 Metas de usabilidade Matheus Perillo Natan Santana 30/07/2022 29/07/2022 Guia de Estilo Clara Ribeiro , Natan Santana e Rafael Xavier Lu\u00edza Esteves 30/07/2022 30/07/2022 Slides e grava\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o Todos Clara Ribeiro 31/07/2022 31/07/2022 Edi\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o Clara Ribeiro Natan Santana 01/08/2022 Tabela 3: Princ\u00edpios Gerais de Projeto, Metas de usabilidade, Guia de Estilo Etapa 4 Data limite para entrega Atividade/entrega Autor(es) Revisor Data limite para revis\u00e3o 05/08/2022 Planejamento da avalia\u00e7\u00e3o do Storyboard Lu\u00edza Esteves Natan Santana 06/08/2022 05/08/2022 Planejamento da avalia\u00e7\u00e3o da An\u00e1lise de tarefas Clara Ribeiro Lu\u00edza Esteves 06/08/2022 05/08/2022 Planejamento do relato dos resultados da valia\u00e7\u00e3o do Storyboard Natan Santana Matheus Perillo 06/08/2022 05/08/2022 Planejamento do relato dos resultados da avalia\u00e7\u00e3o da An\u00e1lise de tarefas Rafael Xavier Clara Ribeiro 06/08/2022 06/08/2022 Slides e grava\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o Todos Clara Ribeiro 07/08/2022 07/08/2022 Edi\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o Clara Ribeiro Natan Santana 08/08/2022 Tabela 4: Planejamento da Avalia\u00e7\u00e3o do Storyboard e An\u00e1lise de tarefas, planejamento do relato dos resultados da valia\u00e7\u00e3o do Storyboard e o planejamento do relato dos resultados da avalia\u00e7\u00e3o do An\u00e1lise de tarefas Etapa 5 Data limite para entrega Atividade/entrega Autor(es) Revisor Data limite para revis\u00e3o 16/08/2022 Ajuste nas Metas de Usabilidade Matheus Perillo Clara Ribeiro 17/08/2022 16/08/2022 Ajuste nos Princ\u00edpios Gerais do projeto Lu\u00edza Esteves Natan Santana 17/08/2022 16/08/2022 Ajuste no planejamento de storyboard Lu\u00edza Esteves e Natan Santana Clara Ribeiro 17/08/2022 16/08/2022 Ajuste no planejamento de an\u00e1lise de tarefa Clara Ribeiro e Natan Santana Lu\u00edza Esteves 17/08/2022 11/08/2022 Teste-piloto das entrevistas Clara Ribeiro e Natan Santana Rafael Xavier 12/08/2022 12/08/2022 Realiza\u00e7\u00e3o das entrevistas Clara Ribeiro e Natan Santana Rafael Xavier 13/08/2022 14/08/2022 Relato dos resultados do Story Board Clara Ribeiro Natan Santana 15/08/2022 14/08/2022 Relato dos resultados da An\u00e1lise de tarefas Natan Santana Clara Ribeiro 15/08/2022 14/08/2022 Planejamento da Avalia\u00e7\u00e3o do Prot\u00f3tipo de Papel Lu\u00edza Esteves Matheus Perillo 15/08/2022 14/08/2022 Planejamento do relato dos resultados da avalia\u00e7\u00e3o do Prot\u00f3tipo de Papel Rafael Xavier Lu\u00edza Esteves 15/08/2022 15/08/2022 Slides e grava\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o Todos Clara Ribeiro 16/08/2022 16/08/2022 Edi\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o Clara Ribeiro Natan Santana 17/08/2022 Tabela 5: Relato dos resultados do Story Board e da An\u00e1lise de tarefas, o Planejamento da Avalia\u00e7\u00e3o do Prot\u00f3tipo de Papel e do planejamento do relato dos resultados da avalia\u00e7\u00e3o do Prot\u00f3tipo de Papel Etapa 6 Data limite para entrega Atividade/entrega Autor(es) Revisor Data limite para revis\u00e3o 21/08/2022 Verifica\u00e7\u00e3o dos artefatos Tabela 6: Verifica\u00e7\u00e3o dos artefatos Etapa 7 Data limite para entrega Atividade/entrega Autor(es) Revisor Data limite para revis\u00e3o 02/09/2022 Relato dos resultados do Prot\u00f3tipo de Papel 03/09/2022 02/09/2022 Planejamento da Avalia\u00e7\u00e3o do prot\u00f3tipo de alta fidelidade 03/09/2022 02/09/2022 Planejamento do relato dos resultados da avalia\u00e7\u00e3o do prot\u00f3tipo de alta fidelidade 03/09/2022 03/09/2022 Slides e grava\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o 04/09/2022 04/09/2022 Edi\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o 05/09/2022 Tabela 7: Relato dos resultados do Prot\u00f3tipo de Papel, o Planejamento da Avalia\u00e7\u00e3o do prot\u00f3tipo de alta fidelidade e o Planejamento do relato dos resultados da avalia\u00e7\u00e3o do prot\u00f3tipo de alta fidelidade Bibliografia 1. SALES, Andr\u00e9 Barros. Plano de ensino da disciplina. Dispon\u00edvel em: https://aprender3.unb.br . Acesso em: 03 de julho de 2022. Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 04/07/2022 0.1 Cronograma de atividades Rafael Xavier Natan Santana 06/07/2022 0.2 Adi\u00e7\u00e3o de legendas nas tabelas Rafael Xavier Natan Santana 17/07/2022 0.3 Detalhando etapas do projeto Rafael Xavier Natan Santana 29/07/2022 0.4 Altera\u00e7\u00f5es na etapa 3 e adi\u00e7\u00e3o de data para revis\u00e3o Rafael Xavier Natan Santana 11/08/2022 0.5 Altera\u00e7\u00f5es na etapa 5 Natan Santana Rafael Xavier","title":"Cronograma de atividades"},{"location":"planejamento/cronograma/#cronograma-de-atividades","text":"","title":"Cronograma de atividades"},{"location":"planejamento/cronograma/#introducao","text":"Este \u00e9 o cronograma de atividades e entregas da equipe, que est\u00e1 sendo elaborado com base no cronograma de atividades da disciplina Intera\u00e7\u00e3o Humano Computador. Possui o objetivo de documentar quando cada entrega \u00e9 feita, por quem \u00e9 feita e quem faz a revis\u00e3o. Est\u00e1 dividido por etapas, onde cada etapa corresponde a uma apresenta\u00e7\u00e3o que o grupo far\u00e1. As datas limite de entrega s\u00e3o definidas para dois dias antes da apresenta\u00e7\u00e3o para assegurar que haja tempo para as \u00faltimas revis\u00f5es.","title":"Introdu\u00e7\u00e3o"},{"location":"planejamento/cronograma/#etapa-1","text":"Data limite para entrega Atividade/entrega Autor(es) Revisor Data limite de revis\u00e3o 07/07/2022 Cria\u00e7\u00e3o e costumiza\u00e7\u00e3o do Github pages e p\u00e1gina inicial do projeto Natan Santana Matheus Perillo 08/07/2022 07/07/2022 Adi\u00e7\u00e3o da equipe no Github pages Matheus Perillo Lu\u00edza Esteves 08/07/2022 07/07/2022 Lista de sites avaliados e site escolhido para a disciplina Lu\u00edza Esteves Rafael Xavier 08/07/2022 07/07/2022 Ferramentas do projeto Daniel Coimbra Natan Santana 08/07/2022 07/07/2022 Processo de Design Clara Ribeiro Matheus Perillo 08/07/2022 07/07/2022 Cronograma de atividades Rafael Xavier Natan Santana 08/07/2022 09/07/2022 Slides e grava\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o Todos Clara Ribeiro 10/07/2022 10/07/2022 Edi\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o Clara Ribeiro Daniel Coimbra 11/07/2022 Tabela 1: planejamento do projeto e do Processo de Design","title":"Etapa 1"},{"location":"planejamento/cronograma/#etapa-2","text":"Data limite para entrega Atividade/entrega Autor(es) Revisor Data limite de revis\u00e3o 18/07/2022 Personas Daniel Coimbra Natan Santana 19/07/2022 18/07/2022 Perfil de Usu\u00e1rios Rafael Xavier Clara Ribeiro 19/07/2022 18/07/2022 \u00c1rvore de Tarefas Concorrentes Lu\u00edza Esteves e Daniel Coimbra Rafael Xavier 19/07/2022 18/07/2022 GOMS Rafael Xavier e Clara Ribeiro Natan Santana 19/07/2022 18/07/2022 An\u00e1lise Hier\u00e1rquica de Tarefas Natan Santana Lu\u00edza Esteves 19/07/2022 19/07/2022 Slides e grava\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o Todos Natan Santana 20/07/2022 19/07/2022 Edi\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o Clara Ribeiro e Natan Santana Daniel Coimbra 20/07/2022 Tabela 2: Perfil do usu\u00e1rio, Personas e An\u00e1lise de tarefas","title":"Etapa 2"},{"location":"planejamento/cronograma/#etapa-3","text":"Data limite para entrega Atividade/entrega Autor(es) Revisor Data limite para revis\u00e3o 29/07/2022 Ajustes no cronograma Rafael Xavier Natan Santana 30/07/2022 29/07/2022 Cen\u00e1rios Daniel Coimbra Clara Ribeiro 30/07/2022 29/07/2022 Ajustes nas personas Daniel Coimbra Natan Santana 30/07/2022 29/07/2022 Ajustes no perfil do usu\u00e1rio Matheus Perillo Rafael Xavier 30/07/2022 29/07/2022 Ajustes nas ferramentas Natan Santana Clara Ribeiro 30/07/2022 29/07/2022 Princ\u00edpios Gerais de Projeto Lu\u00edza Esteves Clara Ribeiro 30/07/2022 29/07/2022 Metas de usabilidade Matheus Perillo Natan Santana 30/07/2022 29/07/2022 Guia de Estilo Clara Ribeiro , Natan Santana e Rafael Xavier Lu\u00edza Esteves 30/07/2022 30/07/2022 Slides e grava\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o Todos Clara Ribeiro 31/07/2022 31/07/2022 Edi\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o Clara Ribeiro Natan Santana 01/08/2022 Tabela 3: Princ\u00edpios Gerais de Projeto, Metas de usabilidade, Guia de Estilo","title":"Etapa 3"},{"location":"planejamento/cronograma/#etapa-4","text":"Data limite para entrega Atividade/entrega Autor(es) Revisor Data limite para revis\u00e3o 05/08/2022 Planejamento da avalia\u00e7\u00e3o do Storyboard Lu\u00edza Esteves Natan Santana 06/08/2022 05/08/2022 Planejamento da avalia\u00e7\u00e3o da An\u00e1lise de tarefas Clara Ribeiro Lu\u00edza Esteves 06/08/2022 05/08/2022 Planejamento do relato dos resultados da valia\u00e7\u00e3o do Storyboard Natan Santana Matheus Perillo 06/08/2022 05/08/2022 Planejamento do relato dos resultados da avalia\u00e7\u00e3o da An\u00e1lise de tarefas Rafael Xavier Clara Ribeiro 06/08/2022 06/08/2022 Slides e grava\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o Todos Clara Ribeiro 07/08/2022 07/08/2022 Edi\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o Clara Ribeiro Natan Santana 08/08/2022 Tabela 4: Planejamento da Avalia\u00e7\u00e3o do Storyboard e An\u00e1lise de tarefas, planejamento do relato dos resultados da valia\u00e7\u00e3o do Storyboard e o planejamento do relato dos resultados da avalia\u00e7\u00e3o do An\u00e1lise de tarefas","title":"Etapa 4"},{"location":"planejamento/cronograma/#etapa-5","text":"Data limite para entrega Atividade/entrega Autor(es) Revisor Data limite para revis\u00e3o 16/08/2022 Ajuste nas Metas de Usabilidade Matheus Perillo Clara Ribeiro 17/08/2022 16/08/2022 Ajuste nos Princ\u00edpios Gerais do projeto Lu\u00edza Esteves Natan Santana 17/08/2022 16/08/2022 Ajuste no planejamento de storyboard Lu\u00edza Esteves e Natan Santana Clara Ribeiro 17/08/2022 16/08/2022 Ajuste no planejamento de an\u00e1lise de tarefa Clara Ribeiro e Natan Santana Lu\u00edza Esteves 17/08/2022 11/08/2022 Teste-piloto das entrevistas Clara Ribeiro e Natan Santana Rafael Xavier 12/08/2022 12/08/2022 Realiza\u00e7\u00e3o das entrevistas Clara Ribeiro e Natan Santana Rafael Xavier 13/08/2022 14/08/2022 Relato dos resultados do Story Board Clara Ribeiro Natan Santana 15/08/2022 14/08/2022 Relato dos resultados da An\u00e1lise de tarefas Natan Santana Clara Ribeiro 15/08/2022 14/08/2022 Planejamento da Avalia\u00e7\u00e3o do Prot\u00f3tipo de Papel Lu\u00edza Esteves Matheus Perillo 15/08/2022 14/08/2022 Planejamento do relato dos resultados da avalia\u00e7\u00e3o do Prot\u00f3tipo de Papel Rafael Xavier Lu\u00edza Esteves 15/08/2022 15/08/2022 Slides e grava\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o Todos Clara Ribeiro 16/08/2022 16/08/2022 Edi\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o Clara Ribeiro Natan Santana 17/08/2022 Tabela 5: Relato dos resultados do Story Board e da An\u00e1lise de tarefas, o Planejamento da Avalia\u00e7\u00e3o do Prot\u00f3tipo de Papel e do planejamento do relato dos resultados da avalia\u00e7\u00e3o do Prot\u00f3tipo de Papel","title":"Etapa 5"},{"location":"planejamento/cronograma/#etapa-6","text":"Data limite para entrega Atividade/entrega Autor(es) Revisor Data limite para revis\u00e3o 21/08/2022 Verifica\u00e7\u00e3o dos artefatos Tabela 6: Verifica\u00e7\u00e3o dos artefatos","title":"Etapa 6"},{"location":"planejamento/cronograma/#etapa-7","text":"Data limite para entrega Atividade/entrega Autor(es) Revisor Data limite para revis\u00e3o 02/09/2022 Relato dos resultados do Prot\u00f3tipo de Papel 03/09/2022 02/09/2022 Planejamento da Avalia\u00e7\u00e3o do prot\u00f3tipo de alta fidelidade 03/09/2022 02/09/2022 Planejamento do relato dos resultados da avalia\u00e7\u00e3o do prot\u00f3tipo de alta fidelidade 03/09/2022 03/09/2022 Slides e grava\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o 04/09/2022 04/09/2022 Edi\u00e7\u00e3o do v\u00eddeo de apresenta\u00e7\u00e3o 05/09/2022 Tabela 7: Relato dos resultados do Prot\u00f3tipo de Papel, o Planejamento da Avalia\u00e7\u00e3o do prot\u00f3tipo de alta fidelidade e o Planejamento do relato dos resultados da avalia\u00e7\u00e3o do prot\u00f3tipo de alta fidelidade","title":"Etapa 7"},{"location":"planejamento/cronograma/#bibliografia","text":"1. SALES, Andr\u00e9 Barros. Plano de ensino da disciplina. Dispon\u00edvel em: https://aprender3.unb.br . Acesso em: 03 de julho de 2022.","title":"Bibliografia"},{"location":"planejamento/cronograma/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 04/07/2022 0.1 Cronograma de atividades Rafael Xavier Natan Santana 06/07/2022 0.2 Adi\u00e7\u00e3o de legendas nas tabelas Rafael Xavier Natan Santana 17/07/2022 0.3 Detalhando etapas do projeto Rafael Xavier Natan Santana 29/07/2022 0.4 Altera\u00e7\u00f5es na etapa 3 e adi\u00e7\u00e3o de data para revis\u00e3o Rafael Xavier Natan Santana 11/08/2022 0.5 Altera\u00e7\u00f5es na etapa 5 Natan Santana Rafael Xavier","title":"Tabela de Versionamento"},{"location":"planejamento/ferramentas/","text":"Ferramentas Introdu\u00e7\u00e3o As ferramentas utilizadas pela equipe ser\u00e3o softwares que facilitar\u00e3o o gerenciamento, comunica\u00e7\u00e3o da equipe e desenvolvimento da documenta\u00e7\u00e3o necess\u00e1ria para a realiza\u00e7\u00e3o do projeto de an\u00e1lise do site da Neoenergia. A Tabela 1 a seguir apresenta as ferramentas utilizadas pelo grupo e vale notar que pode ter modifica\u00e7\u00f5es nessa tabela de acordo com o que o Time achar que poder\u00e1 ajudar no desenvolvimento do projeto durante a execu\u00e7\u00e3o. Ferramentas do Projeto Nome Descri\u00e7\u00e3o \u00cdcone Telegram Aplicativo de mensagem instant\u00e2nea. \u00c9 o canal prim\u00e1rio de comunica\u00e7\u00e3o da equipe. Discord Plataforma para comunica\u00e7\u00e3o que usa o Protocolo de Voz Atrav\u00e9s da Internet (VoIP). Usado para reuni\u00f5es s\u00edncronas \u00e0 dist\u00e2ncia. Miro Plataforma de colabora\u00e7\u00e3o visual. Importante para diagrama\u00e7\u00e3o e apresenta\u00e7\u00e3o visual Figma Ferramenta de design gr\u00e1fico com vetores e prototipa\u00e7\u00e3o colaborativa Github Plataforma usada para gerenciamento de configura\u00e7\u00e3o e evolu\u00e7\u00e3o de software MkDocs Gerador de sites est\u00e1ticos MkDocs-Material Temas/Templates para o MkDocs LucidChart Elabora\u00e7\u00e3o de modelo de \u00c1rvore de Tarefas Concorrentes Google Forms Criador de question\u00e1rios e an\u00e1lise de respostas com gr\u00e1ficos Visual Studio Code IDE utilizada para a constru\u00e7\u00e3o do c\u00f3digo da documenta\u00e7\u00e3o Tabela 1: Tabela contendo as ferramentas utilizadas no projeto Refer\u00eancias FAQ Telegram. Dispon\u00edvel em: https://telegram.org/faq Telegram - Acesso em 04/07/2022 Discord About page. Dispon\u00edvel em: https://discord.com/company Discord - Acesso em 04/07/2022 Github About page. Dispon\u00edvel em: https://github.com/about Github - Acesso em 04/07/2022 MkDocs landing page introduction. Dispon\u00edvel em: https://www.mkdocs.org/ MkDocs - Acesso em 04/07/2022 MkDocs-Material Github README file. Dispon\u00edvel em: https://github.com/squidfunk/mkdocs-material#readme MkDocs-Material - Acesso em 04/07/2022 Figma. Dispon\u00edvel em: https://www.figma.com/about/ Figma about page - Acesso em 04/07/2022 Miro. Dispon\u00edvel em: https://miro.com/about/ Miro about page - Acesso em 04/07/2022 Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 04/07/2022 0.1 Cria\u00e7\u00e3o e esbo\u00e7o da p\u00e1gina de ferramentas Daniel Coimbra Natan Santana 04/07/2022 0.2 Mudan\u00e7a de lista para tabela. Adi\u00e7\u00e3o de uma descri\u00e7\u00e3o e um \u00edcone para cada ferramenta Daniel Coimbra Natan Santana 09/07/2022 0.3 Adi\u00e7\u00e3o da introdu\u00e7\u00e3o e legenda da tabela Daniel Coimbra Natan Santana 18/07/2022 0.4 Adi\u00e7\u00e3o de nova feramenta Lu\u00edza Esteves Rafael Xavier 31/07/2022 0.5 Adi\u00e7\u00e3o da ferramenta google forms e vsCode Natan Santana Lu\u00edza Esteves","title":"Ferramentas"},{"location":"planejamento/ferramentas/#ferramentas","text":"","title":"Ferramentas"},{"location":"planejamento/ferramentas/#introducao","text":"As ferramentas utilizadas pela equipe ser\u00e3o softwares que facilitar\u00e3o o gerenciamento, comunica\u00e7\u00e3o da equipe e desenvolvimento da documenta\u00e7\u00e3o necess\u00e1ria para a realiza\u00e7\u00e3o do projeto de an\u00e1lise do site da Neoenergia. A Tabela 1 a seguir apresenta as ferramentas utilizadas pelo grupo e vale notar que pode ter modifica\u00e7\u00f5es nessa tabela de acordo com o que o Time achar que poder\u00e1 ajudar no desenvolvimento do projeto durante a execu\u00e7\u00e3o.","title":"Introdu\u00e7\u00e3o"},{"location":"planejamento/ferramentas/#ferramentas-do-projeto","text":"Nome Descri\u00e7\u00e3o \u00cdcone Telegram Aplicativo de mensagem instant\u00e2nea. \u00c9 o canal prim\u00e1rio de comunica\u00e7\u00e3o da equipe. Discord Plataforma para comunica\u00e7\u00e3o que usa o Protocolo de Voz Atrav\u00e9s da Internet (VoIP). Usado para reuni\u00f5es s\u00edncronas \u00e0 dist\u00e2ncia. Miro Plataforma de colabora\u00e7\u00e3o visual. Importante para diagrama\u00e7\u00e3o e apresenta\u00e7\u00e3o visual Figma Ferramenta de design gr\u00e1fico com vetores e prototipa\u00e7\u00e3o colaborativa Github Plataforma usada para gerenciamento de configura\u00e7\u00e3o e evolu\u00e7\u00e3o de software MkDocs Gerador de sites est\u00e1ticos MkDocs-Material Temas/Templates para o MkDocs LucidChart Elabora\u00e7\u00e3o de modelo de \u00c1rvore de Tarefas Concorrentes Google Forms Criador de question\u00e1rios e an\u00e1lise de respostas com gr\u00e1ficos Visual Studio Code IDE utilizada para a constru\u00e7\u00e3o do c\u00f3digo da documenta\u00e7\u00e3o Tabela 1: Tabela contendo as ferramentas utilizadas no projeto","title":"Ferramentas do Projeto"},{"location":"planejamento/ferramentas/#referencias","text":"FAQ Telegram. Dispon\u00edvel em: https://telegram.org/faq Telegram - Acesso em 04/07/2022 Discord About page. Dispon\u00edvel em: https://discord.com/company Discord - Acesso em 04/07/2022 Github About page. Dispon\u00edvel em: https://github.com/about Github - Acesso em 04/07/2022 MkDocs landing page introduction. Dispon\u00edvel em: https://www.mkdocs.org/ MkDocs - Acesso em 04/07/2022 MkDocs-Material Github README file. Dispon\u00edvel em: https://github.com/squidfunk/mkdocs-material#readme MkDocs-Material - Acesso em 04/07/2022 Figma. Dispon\u00edvel em: https://www.figma.com/about/ Figma about page - Acesso em 04/07/2022 Miro. Dispon\u00edvel em: https://miro.com/about/ Miro about page - Acesso em 04/07/2022","title":"Refer\u00eancias"},{"location":"planejamento/ferramentas/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 04/07/2022 0.1 Cria\u00e7\u00e3o e esbo\u00e7o da p\u00e1gina de ferramentas Daniel Coimbra Natan Santana 04/07/2022 0.2 Mudan\u00e7a de lista para tabela. Adi\u00e7\u00e3o de uma descri\u00e7\u00e3o e um \u00edcone para cada ferramenta Daniel Coimbra Natan Santana 09/07/2022 0.3 Adi\u00e7\u00e3o da introdu\u00e7\u00e3o e legenda da tabela Daniel Coimbra Natan Santana 18/07/2022 0.4 Adi\u00e7\u00e3o de nova feramenta Lu\u00edza Esteves Rafael Xavier 31/07/2022 0.5 Adi\u00e7\u00e3o da ferramenta google forms e vsCode Natan Santana Lu\u00edza Esteves","title":"Tabela de Versionamento"},{"location":"planejamento/metodologias/","text":"Metodologias Introdu\u00e7\u00e3o A defini\u00e7\u00e3o de metodologias a serem seguidas durante a execu\u00e7\u00e3o de um projeto \u00e9 de extrema import\u00e2ncia, pois isso que permite entregas r\u00e1pidas, sistem\u00e1ticas e de boa qualidade. Assim, nesta p\u00e1gina ser\u00e3o apresentadas as metodologias utilizadas a fim de organizar o grupo e gerenciar o versionamento do c\u00f3digo de documenta\u00e7\u00e3o a ser desenvolvido ao longo do semestre. Scrum Com a finalidade de assegurar que o grupo fa\u00e7a entregas de forma r\u00e1pida, consistente e sem arriscar a qualidade, foi escolhido a metodologia \u00e1gil Scrum seguindo os seguintes princ\u00edpios: Estabelecimento de prazos: todas as entregas possuem um cronograma detalhado onde pode ser consultado o dia m\u00e1ximo para entrega e revis\u00e3o, o autor da entrega e o revisor. Esse cronograma pode ser consultado aqui . Desenvolvimento iterativo: esta wiki \u00e9 a documenta\u00e7\u00e3o do projeto realizado durante este semestre e ela \u00e9 icrementada a cada etapa (sprint) que possue a dura\u00e7\u00e3o de aproximadamente duas semanas. Reuni\u00f5es de planejamento: no come\u00e7o de cada etapa \u00e9 realizada um reuni\u00e3o de planejamento onde \u00e9 dividido cada tarefa e criada as issues no github. Vale notar que o grupo realizou algumas modifica\u00e7\u00f5es \u00e0 metodologia original a fim de encaixar com o contexto da mat\u00e9ria e disponibilidade dos integrantes do membro: No cronograma, chamamos as sprints do Scrum de Etapas. N\u00e3o fazemos dailys, mas fazemos weeklys que s\u00e3o reuni\u00f5es semanais a fim de verificar como est\u00e1 o andamento das atividades passadas no planejamento. Pol\u00edticas Pol\u00edticas de Branchs As branchs devem ser nomeadas de acordo com a issue correspondente de acordo com o seguinte exemplo: git checkout -b \"#X - Nome\" Onde 'X' \u00e9 o n\u00famero da issue e o 'Nome' deve ser um breve t\u00edtulo que resuma a issue. Pol\u00edticas de Commits Os commits devem ser feitos de acordo com a issue correspondente de acordo com o seguinte exemplo: git commit -m \"#X - Coment\u00e1rio\" Onde 'X' \u00e9 o n\u00famero da issue e o 'Coment\u00e1rio' deve ser um resumo do que foi feito no commit. Bibliografia COHN, Mike. Desenvolvimento de Software com Scrum: Aplicando M\u00e9todos \u00c1geis com Sucesso. 2021. Dispon\u00edvel em: https://books.google.com.br/books. Acesso em: 31 de jul. de 2022. Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 31/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de metodologias Natan Santana Lu\u00edza Esteves 04/08/2022 0.2 Corre\u00e7\u00e3o da p\u00e1gina movendo para a pasta de planejamento Natan Santana Lu\u00edza Esteves","title":"Metodologias"},{"location":"planejamento/metodologias/#metodologias","text":"","title":"Metodologias"},{"location":"planejamento/metodologias/#introducao","text":"A defini\u00e7\u00e3o de metodologias a serem seguidas durante a execu\u00e7\u00e3o de um projeto \u00e9 de extrema import\u00e2ncia, pois isso que permite entregas r\u00e1pidas, sistem\u00e1ticas e de boa qualidade. Assim, nesta p\u00e1gina ser\u00e3o apresentadas as metodologias utilizadas a fim de organizar o grupo e gerenciar o versionamento do c\u00f3digo de documenta\u00e7\u00e3o a ser desenvolvido ao longo do semestre.","title":"Introdu\u00e7\u00e3o"},{"location":"planejamento/metodologias/#scrum","text":"Com a finalidade de assegurar que o grupo fa\u00e7a entregas de forma r\u00e1pida, consistente e sem arriscar a qualidade, foi escolhido a metodologia \u00e1gil Scrum seguindo os seguintes princ\u00edpios: Estabelecimento de prazos: todas as entregas possuem um cronograma detalhado onde pode ser consultado o dia m\u00e1ximo para entrega e revis\u00e3o, o autor da entrega e o revisor. Esse cronograma pode ser consultado aqui . Desenvolvimento iterativo: esta wiki \u00e9 a documenta\u00e7\u00e3o do projeto realizado durante este semestre e ela \u00e9 icrementada a cada etapa (sprint) que possue a dura\u00e7\u00e3o de aproximadamente duas semanas. Reuni\u00f5es de planejamento: no come\u00e7o de cada etapa \u00e9 realizada um reuni\u00e3o de planejamento onde \u00e9 dividido cada tarefa e criada as issues no github. Vale notar que o grupo realizou algumas modifica\u00e7\u00f5es \u00e0 metodologia original a fim de encaixar com o contexto da mat\u00e9ria e disponibilidade dos integrantes do membro: No cronograma, chamamos as sprints do Scrum de Etapas. N\u00e3o fazemos dailys, mas fazemos weeklys que s\u00e3o reuni\u00f5es semanais a fim de verificar como est\u00e1 o andamento das atividades passadas no planejamento.","title":"Scrum"},{"location":"planejamento/metodologias/#politicas","text":"","title":"Pol\u00edticas"},{"location":"planejamento/metodologias/#politicas-de-branchs","text":"As branchs devem ser nomeadas de acordo com a issue correspondente de acordo com o seguinte exemplo: git checkout -b \"#X - Nome\" Onde 'X' \u00e9 o n\u00famero da issue e o 'Nome' deve ser um breve t\u00edtulo que resuma a issue.","title":"Pol\u00edticas de Branchs"},{"location":"planejamento/metodologias/#politicas-de-commits","text":"Os commits devem ser feitos de acordo com a issue correspondente de acordo com o seguinte exemplo: git commit -m \"#X - Coment\u00e1rio\" Onde 'X' \u00e9 o n\u00famero da issue e o 'Coment\u00e1rio' deve ser um resumo do que foi feito no commit.","title":"Pol\u00edticas de Commits"},{"location":"planejamento/metodologias/#bibliografia","text":"COHN, Mike. Desenvolvimento de Software com Scrum: Aplicando M\u00e9todos \u00c1geis com Sucesso. 2021. Dispon\u00edvel em: https://books.google.com.br/books. Acesso em: 31 de jul. de 2022.","title":"Bibliografia"},{"location":"planejamento/metodologias/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 31/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de metodologias Natan Santana Lu\u00edza Esteves 04/08/2022 0.2 Corre\u00e7\u00e3o da p\u00e1gina movendo para a pasta de planejamento Natan Santana Lu\u00edza Esteves","title":"Tabela de Versionamento"},{"location":"planejamento/processoDesign/","text":"Processo de Design Existem diversas propostas de processos de design dentro da literatura de IHC, em que todas elas possuem as seguintes etapas em comum: an\u00e1lise da situa\u00e7\u00e3o/identifica\u00e7\u00e3o do problema, proposta de interven\u00e7\u00e3o para os problemas identificados e avalia\u00e7\u00e3o dessa interven\u00e7\u00e3o. A diferen\u00e7a entre cada processo de design est\u00e1 na forma que essas atividades b\u00e1sicas ser\u00e3o realizadas. Um fator inerente aos processos de design \u00e9 a iteratividade na execu\u00e7\u00e3o das atividades: sempre que necess\u00e1rio, o designer pode recorrer \u00e0s etapas anteriores do processo. Exemplificando, quando o designer est\u00e1 projetando uma interven\u00e7\u00e3o para um problema identificado, ele \u00e9 livre para retornar \u00e0 etapa de an\u00e1lise de situa\u00e7\u00e3o para refinar a sua proposta. Essa revis\u00e3o da an\u00e1lise \u00e9 muito importante para a elabora\u00e7\u00e3o de uma proposta de interven\u00e7\u00e3o coerente. Tamb\u00e9m \u00e9 dado destaque \u00e0 import\u00e2ncia de ter os usu\u00e1rios envolvidos nas atividades de design, pois quanto mais a opini\u00e3o de usu\u00e1rios for ouvida, mais ser\u00e1 poss\u00edvel entender sobre as suas necessidades reais, ajudando na identifica\u00e7\u00e3o e corre\u00e7\u00e3o de problemas. (BARBOSA, 2021) Algumas das propostas de processo de design s\u00e3o o ciclo de vida em estrela, o ciclo de vida para engenharia de usabilidade de Mayhew, o design contextual, o design baseado em cen\u00e1rios e o design dirigido por objetivos. Ciclo de vida em estrela: His e Hartson desenvolveram o ciclo de vida em estrela em 1993, tendo sido um dos primeiros ciclos de vida de IHC. Esse processo de design possu\u00ed 6 atividades: implementa\u00e7\u00e3o; prototipa\u00e7\u00e3o; projeto conceitual e especifica\u00e7\u00e3o do design; an\u00e1lise de tarefas, usu\u00e1rios e fun\u00e7\u00f5es, especifica\u00e7\u00e3o de requisitos; e, por fim, a avalia\u00e7\u00e3o. Nesse ciclo de vida o designer tem liberdade de decidir qual a atividade a ser realizada primeiro. Ciclo de vida para engenharia de usabilidade de Mayhew: esse ciclo de vida foi desenvolvido por Deborah Mayhew em 1999 e possui 3 fases: an\u00e1lise de requisitos, design/avalia\u00e7\u00e3o/desenvolvimento e instala\u00e7\u00e3o e \u00e9 conhecido por sua vis\u00e3o panor\u00e2mica do processo. Design contextual: o design contextual foi elaborado por Beyer e Holtzblatt em 1997 e busca o entendimento das necessidades dos usu\u00e1rios atrav\u00e9s de uma inverstiga\u00e7\u00e3o do contexto de uso. Design baseado em cen\u00e1rios: esse design usa cen\u00e1rios que representam as atividades envolvidas em uma solu\u00e7\u00e3o de IHC e foi desenvolvido por Rosson e Carroll em 2002. Geralmente os cen\u00e1rios contam com a contribui\u00e7\u00e3o de todos os interessados no sistema. Design dirigido por objetivos: esse processo de design incentiva o designer a utilizar as tecnologias da melhor forma poss\u00edvel, com o objetivo de chegar em solu\u00e7\u00f5es criativas, inovadoras e eficientes. Esse design foi desenvolvido por Alan Cooper, Robert Reimann, David Cronin, e Christopher Noessel. Engenharia de Usabilidade de Mayhew Foi proposto por Deborah Mayhew um ciclo de vida para a engenharia de usabilidade que conta com tr\u00eas fases: an\u00e1lise de requisitos, design/avalia\u00e7\u00e3o/desenvolvimento e instala\u00e7\u00e3o, como podemos ver na Figura 1. Esse processo de design possui uma vis\u00e3o hol\u00edstica e agrupa importantes atividades de design, guiando o designer a uma boa proposta de interven\u00e7\u00e3o (BARBOSA, 2021). Figura 1 - Ciclo de vida para a engenharia de usabilidade (BARBOSA, 2021). An\u00e1lise de requisitos: defini\u00e7\u00e3o das metas de usabilidade, levando em conta o perfil dos usu\u00e1rios, an\u00e1lise das tarefas, possibilidades e limita\u00e7\u00f5es da plataforma em que o sistema ser\u00e1 executado e princ\u00edpios gerais de design de IHC. Design, avalia\u00e7\u00e3o e desenvolvimento: busca chegar em uma solu\u00e7\u00e3o de IHC que atenda \u00e0s metas de usabilidade que foram definidas na fase de an\u00e1lise de requisitos. Instala\u00e7\u00e3o: coleta de opini\u00f5es dos usu\u00e1rios ap\u00f3s um certo tempo de uso. As informa\u00e7\u00f5es coletadas ser\u00e3o utilizadas para melhorar o sistema ou at\u00e9 mesmo desenvolver novos sistemas interativos. Por que usar o ciclo de vida de Mayhew? O ciclo de vida de Mayhew foi escolhido porque tem etapas bem definidas e detalhadas, guiando o designer de forma clara e objetiva sobre qual passo precisa dar, ao contr\u00e1rio do Ciclo de Vida em Estrela, por exemplo. Usar um ciclo de vida detalhado assim \u00e9 vantajoso para nossa equipe pois n\u00e3o possu\u00edmos a experi\u00eancia necess\u00e1ria para seguir ciclos de vida onde as etapas s\u00e3o mais subjetivas. Aplicando a Usabilidade de Mayhew na avalia\u00e7\u00e3o do site O sistema avaliado j\u00e1 est\u00e1 em produ\u00e7\u00e3o e, portanto, a an\u00e1lise ser\u00e1 iniciada na fase da instala\u00e7\u00e3o, em que ser\u00e3o identificados erros e possibilidades de melhorias. Para conseguir executar tais melhorias, ser\u00e1 necess\u00e1rio voltar a an\u00e1lise para a primeira fase de an\u00e1lise de requisitos, passando por todas as etapas previstas. Ap\u00f3s a an\u00e1lise de requisitos, o ciclo de vida ser\u00e1 seguido normalmente, dando in\u00edcio \u00e0 fase de design, avalia\u00e7\u00e3o e desenvolvimento. Bibliografia Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021);Intera\u00e7\u00e3o Humano-Computador e Experi\u00eancia do usu\u00e1rio. Beyer, Hugh e Holtzblatt, Karen (1997). Contextual Design: Defining Customer-Centered Systems. Morgan Kaufmann Publishers Inc., San Francisco, CA, USA. Mayhew, D. Th e Usability Engineering Lifecycle: a practitioner\u2019s handbook for user interface design. San Francisco, CA: Morgan Kaufmann, 1999. Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 04/07/2022 0.1 Cria\u00e7\u00e3o do t\u00f3pico Processo de Design Clara Ribeiro Matheus Perillo 04/07/2022 0.2 Adi\u00e7\u00e3o da legenda na imagem Clara Ribeiro Matheus Perillo 07/07/2022 0.3 Corre\u00e7\u00e3o de bugs na documenta\u00e7\u00e3o Matheus Perillo Clara Ribeiro 07/07/2022 0.4 Adi\u00e7\u00e3o de justificativa para processo escolhido Rafael Xavier Natan Santana 19/07/2022 0.5 Adi\u00e7\u00e3o do resumo de outros processos de Design Clara Ribeiro Natan Santana","title":"Processo de Design"},{"location":"planejamento/processoDesign/#processo-de-design","text":"Existem diversas propostas de processos de design dentro da literatura de IHC, em que todas elas possuem as seguintes etapas em comum: an\u00e1lise da situa\u00e7\u00e3o/identifica\u00e7\u00e3o do problema, proposta de interven\u00e7\u00e3o para os problemas identificados e avalia\u00e7\u00e3o dessa interven\u00e7\u00e3o. A diferen\u00e7a entre cada processo de design est\u00e1 na forma que essas atividades b\u00e1sicas ser\u00e3o realizadas. Um fator inerente aos processos de design \u00e9 a iteratividade na execu\u00e7\u00e3o das atividades: sempre que necess\u00e1rio, o designer pode recorrer \u00e0s etapas anteriores do processo. Exemplificando, quando o designer est\u00e1 projetando uma interven\u00e7\u00e3o para um problema identificado, ele \u00e9 livre para retornar \u00e0 etapa de an\u00e1lise de situa\u00e7\u00e3o para refinar a sua proposta. Essa revis\u00e3o da an\u00e1lise \u00e9 muito importante para a elabora\u00e7\u00e3o de uma proposta de interven\u00e7\u00e3o coerente. Tamb\u00e9m \u00e9 dado destaque \u00e0 import\u00e2ncia de ter os usu\u00e1rios envolvidos nas atividades de design, pois quanto mais a opini\u00e3o de usu\u00e1rios for ouvida, mais ser\u00e1 poss\u00edvel entender sobre as suas necessidades reais, ajudando na identifica\u00e7\u00e3o e corre\u00e7\u00e3o de problemas. (BARBOSA, 2021) Algumas das propostas de processo de design s\u00e3o o ciclo de vida em estrela, o ciclo de vida para engenharia de usabilidade de Mayhew, o design contextual, o design baseado em cen\u00e1rios e o design dirigido por objetivos. Ciclo de vida em estrela: His e Hartson desenvolveram o ciclo de vida em estrela em 1993, tendo sido um dos primeiros ciclos de vida de IHC. Esse processo de design possu\u00ed 6 atividades: implementa\u00e7\u00e3o; prototipa\u00e7\u00e3o; projeto conceitual e especifica\u00e7\u00e3o do design; an\u00e1lise de tarefas, usu\u00e1rios e fun\u00e7\u00f5es, especifica\u00e7\u00e3o de requisitos; e, por fim, a avalia\u00e7\u00e3o. Nesse ciclo de vida o designer tem liberdade de decidir qual a atividade a ser realizada primeiro. Ciclo de vida para engenharia de usabilidade de Mayhew: esse ciclo de vida foi desenvolvido por Deborah Mayhew em 1999 e possui 3 fases: an\u00e1lise de requisitos, design/avalia\u00e7\u00e3o/desenvolvimento e instala\u00e7\u00e3o e \u00e9 conhecido por sua vis\u00e3o panor\u00e2mica do processo. Design contextual: o design contextual foi elaborado por Beyer e Holtzblatt em 1997 e busca o entendimento das necessidades dos usu\u00e1rios atrav\u00e9s de uma inverstiga\u00e7\u00e3o do contexto de uso. Design baseado em cen\u00e1rios: esse design usa cen\u00e1rios que representam as atividades envolvidas em uma solu\u00e7\u00e3o de IHC e foi desenvolvido por Rosson e Carroll em 2002. Geralmente os cen\u00e1rios contam com a contribui\u00e7\u00e3o de todos os interessados no sistema. Design dirigido por objetivos: esse processo de design incentiva o designer a utilizar as tecnologias da melhor forma poss\u00edvel, com o objetivo de chegar em solu\u00e7\u00f5es criativas, inovadoras e eficientes. Esse design foi desenvolvido por Alan Cooper, Robert Reimann, David Cronin, e Christopher Noessel.","title":"Processo de Design"},{"location":"planejamento/processoDesign/#engenharia-de-usabilidade-de-mayhew","text":"Foi proposto por Deborah Mayhew um ciclo de vida para a engenharia de usabilidade que conta com tr\u00eas fases: an\u00e1lise de requisitos, design/avalia\u00e7\u00e3o/desenvolvimento e instala\u00e7\u00e3o, como podemos ver na Figura 1. Esse processo de design possui uma vis\u00e3o hol\u00edstica e agrupa importantes atividades de design, guiando o designer a uma boa proposta de interven\u00e7\u00e3o (BARBOSA, 2021). Figura 1 - Ciclo de vida para a engenharia de usabilidade (BARBOSA, 2021). An\u00e1lise de requisitos: defini\u00e7\u00e3o das metas de usabilidade, levando em conta o perfil dos usu\u00e1rios, an\u00e1lise das tarefas, possibilidades e limita\u00e7\u00f5es da plataforma em que o sistema ser\u00e1 executado e princ\u00edpios gerais de design de IHC. Design, avalia\u00e7\u00e3o e desenvolvimento: busca chegar em uma solu\u00e7\u00e3o de IHC que atenda \u00e0s metas de usabilidade que foram definidas na fase de an\u00e1lise de requisitos. Instala\u00e7\u00e3o: coleta de opini\u00f5es dos usu\u00e1rios ap\u00f3s um certo tempo de uso. As informa\u00e7\u00f5es coletadas ser\u00e3o utilizadas para melhorar o sistema ou at\u00e9 mesmo desenvolver novos sistemas interativos.","title":"Engenharia de Usabilidade de Mayhew"},{"location":"planejamento/processoDesign/#por-que-usar-o-ciclo-de-vida-de-mayhew","text":"O ciclo de vida de Mayhew foi escolhido porque tem etapas bem definidas e detalhadas, guiando o designer de forma clara e objetiva sobre qual passo precisa dar, ao contr\u00e1rio do Ciclo de Vida em Estrela, por exemplo. Usar um ciclo de vida detalhado assim \u00e9 vantajoso para nossa equipe pois n\u00e3o possu\u00edmos a experi\u00eancia necess\u00e1ria para seguir ciclos de vida onde as etapas s\u00e3o mais subjetivas.","title":"Por que usar o ciclo de vida de Mayhew?"},{"location":"planejamento/processoDesign/#aplicando-a-usabilidade-de-mayhew-na-avaliacao-do-site","text":"O sistema avaliado j\u00e1 est\u00e1 em produ\u00e7\u00e3o e, portanto, a an\u00e1lise ser\u00e1 iniciada na fase da instala\u00e7\u00e3o, em que ser\u00e3o identificados erros e possibilidades de melhorias. Para conseguir executar tais melhorias, ser\u00e1 necess\u00e1rio voltar a an\u00e1lise para a primeira fase de an\u00e1lise de requisitos, passando por todas as etapas previstas. Ap\u00f3s a an\u00e1lise de requisitos, o ciclo de vida ser\u00e1 seguido normalmente, dando in\u00edcio \u00e0 fase de design, avalia\u00e7\u00e3o e desenvolvimento.","title":"Aplicando a Usabilidade de Mayhew na avalia\u00e7\u00e3o do site"},{"location":"planejamento/processoDesign/#bibliografia","text":"Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021);Intera\u00e7\u00e3o Humano-Computador e Experi\u00eancia do usu\u00e1rio. Beyer, Hugh e Holtzblatt, Karen (1997). Contextual Design: Defining Customer-Centered Systems. Morgan Kaufmann Publishers Inc., San Francisco, CA, USA. Mayhew, D. Th e Usability Engineering Lifecycle: a practitioner\u2019s handbook for user interface design. San Francisco, CA: Morgan Kaufmann, 1999.","title":"Bibliografia"},{"location":"planejamento/processoDesign/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 04/07/2022 0.1 Cria\u00e7\u00e3o do t\u00f3pico Processo de Design Clara Ribeiro Matheus Perillo 04/07/2022 0.2 Adi\u00e7\u00e3o da legenda na imagem Clara Ribeiro Matheus Perillo 07/07/2022 0.3 Corre\u00e7\u00e3o de bugs na documenta\u00e7\u00e3o Matheus Perillo Clara Ribeiro 07/07/2022 0.4 Adi\u00e7\u00e3o de justificativa para processo escolhido Rafael Xavier Natan Santana 19/07/2022 0.5 Adi\u00e7\u00e3o do resumo de outros processos de Design Clara Ribeiro Natan Santana","title":"Tabela de Versionamento"},{"location":"planejamento/sitesAvaliados/","text":"Sites Avaliados Introdu\u00e7\u00e3o Para realizar a escolha de um site a ser utilizado no decorrer da disciplina, foram feitas an\u00e1lises de 6 sites diferentes a fim de selecionar o que mais poderia ter mais melhorias indicadas dentro do contexto da disciplina. As avalia\u00e7\u00f5es foram feitas baseadas nas 10 heur\u00edsticas de Nielsen: Status do sistema: o usu\u00e1rio deve ser informado pelo sistema em tempo razo\u00e1vel sobre o que est\u00e1 acontecendo. Correspond\u00eancia entre o sistema e o mundo real: os termos e textos que se encontram no site devem estar de acordo com a sua finalidade. Controle e liberdade do usu\u00e1rio: o usu\u00e1rio consegue sair de uma a\u00e7\u00e3o caso deseje ou volte em uma a\u00e7\u00e3o. Consist\u00eancia e padroniza\u00e7\u00e3o: o sistema segue padr\u00f5es definidos de acordo com as conven\u00e7\u00f5es da plataforma. Reconhecimento ao inv\u00e9s de relembran\u00e7a: as instru\u00e7\u00f5es para o bom funcionamento do sistema evem estar vis\u00edveis no contexto em que o usu\u00e1rio se encontra. Flexibilidade e e\ufb01ci\u00eancia de uso: a utiliza\u00e7\u00e3o de \u00edcones intuitivos que facilitem o reconhecimento de fun\u00e7\u00f5es no sistema e aumente a efici\u00eancia de realiza\u00e7\u00e3o de um objetivo. Est\u00e9tica e design minimalista: os di\u00e1logos do sistema devem conter somente informa\u00e7\u00f5es relevantes ao funcionamento. Preven\u00e7\u00e3o de erros: o sistema deve ter um design que se preocupe com as possibilidades de erro. Ajude os usu\u00e1rios a reconhecerem, diagnosticarem e se recuperarem de erros: mostrar mensagens de erros de forma clara e atenciosa, para que o usu\u00e1rio consiga reconhecer e corrigir seus erros. Ajuda e documenta\u00e7\u00e3o: ter uma documenta\u00e7\u00e3o do sistema que possa ser utilizada caso o usu\u00e1rio sinta dificuldade de realizar alguma opera\u00e7\u00e3o. Sites escolhidos pelos integrantes Site avaliado por cada membro individualmente Membro que fez a avalia\u00e7\u00e3o Caixa Econ\u00f4mica Natan Tavares Governo de Pernambuco Lu\u00edza Esteves Central Expresso Rafael Xavier Rastreamento Correios Daniel Coimbra Bras\u00edlia Laser Show Matheus Perillo Ag\u00eancia Virtual NeoEnergia Clara Ribeiro Caixa Econ\u00f4mica A Caixa Econ\u00f4mica \u00e9 uma institui\u00e7\u00e3o finaceira nacional que atende a pessoas de todos os cantos do Brasil. O site da empresa \u00e9 destinado a um p\u00fablico muito grande e diverso, com realidades diferentes. O respons\u00e1vel pela avalia\u00e7\u00e3o foi o [Natan Santana](https://github.com/Neitan2001) e para a an\u00e1lise do sistema, foi realizada uma avalia\u00e7\u00e3o heur\u00edstica, a fim de identificar e documentar problemas de usabilidade e design. Os problemas identificados afetaram as seguintes heur\u00edsticas: Status do sistema Consist\u00eancia e padr\u00f5es Preven\u00e7\u00e3o de erros Reconhecimento ao inv\u00e9s de relembran\u00e7a Flexibilidade e efici\u00eancia de uso Est\u00e9tica e design minimalista Os principais problemas referem-se a grande quantidade de informa\u00e7\u00f5es dispostas de forma a dificultar a identifica\u00e7\u00e3o das informa\u00e7\u00f5es, menu com sobreposi\u00e7\u00f5es que podem levar usu\u00e1rios a cometer erro e dificuldade de identificar onde o usu\u00e1rio se encontra no sistema. A avalia\u00e7\u00e3o completa pode ser encontrada Aqui Governo de Pernambuco O site do Governo de Pernambuco oferece informa\u00e7\u00f5es e servi\u00e7os do Estado, para que tanto turistas quanto moradores possam ter acesso facilitado a atividades e not\u00edcias que o governo entrega. A respons\u00e1vel pela avalia\u00e7\u00e3o foi a Lu\u00edza Esteves e os problemas identificados afetaram as seguintes heur\u00edsticas: Status do sistema Compatibilidade com o mundo real Consist\u00eancia e padr\u00f5es Est\u00e9tica e design minimalista Os principais problemas referem-se \u00e0 n\u00e3o atualiza\u00e7\u00e3o do sistema quando para de carregar, v\u00e1rios menus espalhados pela tela e com designs diferentes, funcionalidades em teste e est\u00e9tica sobrecarregada. A avalia\u00e7\u00e3o completa pode ser encontrada Aqui Central Expresso O site da CT Expresso tem o prop\u00f3sito de informar a popula\u00e7\u00e3o que faz o uso do transporte p\u00fablico sobre as linhas de \u00f4nibus e seus respectivos hor\u00e1rios, \u00e9 poss\u00edvel tamb\u00e9m visualizar as redes sociais da empresa e seu n\u00famero de contato, al\u00e9m de informa\u00e7\u00f5es sobre vale transporte. Ela atua fazendo linhas entre o DF e os munic\u00edpios do entorno e da regi\u00e3o de Goi\u00e1s. O respons\u00e1vel pela avalia\u00e7\u00e3o foi o Rafael Xavier e os problemas identificados afetaram as seguintes heur\u00edsticas: Consist\u00eancia e padr\u00f5es Est\u00e9tica e design minimalista Os principais problemas referem-se ao mal posicionamento das informa\u00e7\u00f5es, deixando-as incompletas e de dif\u00edcil entendimento. A avalia\u00e7\u00e3o completa pode ser encontrada Aqui Rastreamento Correios O site do Rastreamento Correios permite que pessoas que aguardam por entregas realizadas pelos correios do Brasil possam ser rastreadas e identificadas ao longo de seu trajeto. Para a an\u00e1lise do site, foi feito um estudo observat\u00f3rio, identificando as principais dificuldades que os usu\u00e1rios possam passar, como est\u00e9tica confusa, problemas com realiza\u00e7\u00e3o de login e cadastro. O respons\u00e1vel pela avalia\u00e7\u00e3o foi o Daniel Coimbra e os problemas identificados afetaram as seguintes heur\u00edsticas: Visibilidade e status do sistema Est\u00e9tica e design minimalista Flexibilidade e efici\u00eancia de uso Ajuda o usu\u00e1rio a reconhecer, diagnosticar e recuperar-se de erros A avalia\u00e7\u00e3o completa pode ser encontrada Aqui Bras\u00edlia Laser Show O Bras\u00edlia Laser Show \u00e9 uma empresa prestadora de servi\u00e7os especializada em ilumina\u00e7\u00e3o a laser para eventos especiais. O site da empresa mostra os eventos que j\u00e1 cobriu em fotos e v\u00eddeos, e tamb\u00e9m, diversas redes para entrar em contato com a mesma. O respons\u00e1vel pela avalia\u00e7\u00e3o foi o Matheus Perillo e os problemas identificados afetaram as seguintes heur\u00edsticas: Est\u00e9tica e design minimalista Ajuda e documenta\u00e7\u00e3o Preven\u00e7\u00e3o de erros Consist\u00eancia e padroniza\u00e7\u00e3o Status do sistema A avalia\u00e7\u00e3o completa pode ser encontrada Aqui Ag\u00eancia Virtual NeoEnergia A NeoEnergia \u00e9 uma empresa privada que fornece o abastecimento de energia el\u00e9trica a mais de 18 estados brasileiros. O site \u00e9 destinado aos consumidores que desejam solicitar algum servi\u00e7o ou buscar informa\u00e7\u00f5es pela p\u00e1gina. Os problemas identificados afetaram as seguintes heur\u00edsticas: Visibilidade e status do sistema Preven\u00e7\u00e3o de erros Flexibilidade e efici\u00eancia de uso A respons\u00e1vel pela avalia\u00e7\u00e3o foi a Clara Macedo e os principais problemas referem-se \u00e0 n\u00e3o identifica\u00e7\u00e3o de um erro cometido pelo usu\u00e1rio e falta de recursos que facilitem o acesso pelo usu\u00e1rio em fun\u00e7\u00f5es como gerar relat\u00f3rio ou manter salvo senhas e evitar processo de recupera\u00e7\u00e3o de senha. A avalia\u00e7\u00e3o completa pode ser encontrada Aqui Site escolhido Diante dos sites analisados individualmente por cada integrante da equipe, fizemos uma reuni\u00e3o e entramos em consenso, optando pelo site da NeoEnergia , que possui uma s\u00e9rie de problemas identificados que ser\u00e3o v\u00e1lidos para a realiza\u00e7\u00e3o de uma an\u00e1lise de IHC, al\u00e9m do p\u00fablico alvo para realiza\u00e7\u00e3o de pesquisas ser mais f\u00e1cil, j\u00e1 que o site avaliado da empresa, ser\u00e1 espec\u00edfico para usu\u00e1rios do Distrito Federal. Bibliografia BARBOSA, Simone; DINIZ, Bruno. Intera\u00e7\u00e3o Humano-Computador. Editora Elsevier, Rio de Janeiro, 2010. MACIEL, Cristiano; NOGUEIRA, Jos\u00e9 Luis; CIUFFO, Leandro; GARCIA, Ana Cristina. Avalia\u00e7\u00e3o Heur\u00edstica de S\u00edtios na Web. [S. l.] Nielsen, Jakob (1994). Usability Engineering. Morgan Kaufmann Publishers Inc., San Francisco, CA, USA. Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 03/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de Sites Avaliados Lu\u00edza Esteves Rafael Xavier 04/07/2022 0.2 Adi\u00e7\u00e3o de tabela de versionamento Lu\u00edza Esteves Rafael Xavier 07/07/2022 0.3 Inser\u00e7\u00e3o do restante dos sites avaliados Lu\u00edza Esteves Rafael Xavier 18/07/2022 0.4 Adi\u00e7\u00e3o dos links para avalia\u00e7\u00f5es individuais dos sites Natan Santana","title":"Sites Avaliados"},{"location":"planejamento/sitesAvaliados/#sites-avaliados","text":"","title":"Sites Avaliados"},{"location":"planejamento/sitesAvaliados/#introducao","text":"Para realizar a escolha de um site a ser utilizado no decorrer da disciplina, foram feitas an\u00e1lises de 6 sites diferentes a fim de selecionar o que mais poderia ter mais melhorias indicadas dentro do contexto da disciplina. As avalia\u00e7\u00f5es foram feitas baseadas nas 10 heur\u00edsticas de Nielsen: Status do sistema: o usu\u00e1rio deve ser informado pelo sistema em tempo razo\u00e1vel sobre o que est\u00e1 acontecendo. Correspond\u00eancia entre o sistema e o mundo real: os termos e textos que se encontram no site devem estar de acordo com a sua finalidade. Controle e liberdade do usu\u00e1rio: o usu\u00e1rio consegue sair de uma a\u00e7\u00e3o caso deseje ou volte em uma a\u00e7\u00e3o. Consist\u00eancia e padroniza\u00e7\u00e3o: o sistema segue padr\u00f5es definidos de acordo com as conven\u00e7\u00f5es da plataforma. Reconhecimento ao inv\u00e9s de relembran\u00e7a: as instru\u00e7\u00f5es para o bom funcionamento do sistema evem estar vis\u00edveis no contexto em que o usu\u00e1rio se encontra. Flexibilidade e e\ufb01ci\u00eancia de uso: a utiliza\u00e7\u00e3o de \u00edcones intuitivos que facilitem o reconhecimento de fun\u00e7\u00f5es no sistema e aumente a efici\u00eancia de realiza\u00e7\u00e3o de um objetivo. Est\u00e9tica e design minimalista: os di\u00e1logos do sistema devem conter somente informa\u00e7\u00f5es relevantes ao funcionamento. Preven\u00e7\u00e3o de erros: o sistema deve ter um design que se preocupe com as possibilidades de erro. Ajude os usu\u00e1rios a reconhecerem, diagnosticarem e se recuperarem de erros: mostrar mensagens de erros de forma clara e atenciosa, para que o usu\u00e1rio consiga reconhecer e corrigir seus erros. Ajuda e documenta\u00e7\u00e3o: ter uma documenta\u00e7\u00e3o do sistema que possa ser utilizada caso o usu\u00e1rio sinta dificuldade de realizar alguma opera\u00e7\u00e3o.","title":"Introdu\u00e7\u00e3o"},{"location":"planejamento/sitesAvaliados/#sites-escolhidos-pelos-integrantes","text":"Site avaliado por cada membro individualmente Membro que fez a avalia\u00e7\u00e3o Caixa Econ\u00f4mica Natan Tavares Governo de Pernambuco Lu\u00edza Esteves Central Expresso Rafael Xavier Rastreamento Correios Daniel Coimbra Bras\u00edlia Laser Show Matheus Perillo Ag\u00eancia Virtual NeoEnergia Clara Ribeiro","title":"Sites escolhidos pelos integrantes"},{"location":"planejamento/sitesAvaliados/#caixa-economica","text":"A Caixa Econ\u00f4mica \u00e9 uma institui\u00e7\u00e3o finaceira nacional que atende a pessoas de todos os cantos do Brasil. O site da empresa \u00e9 destinado a um p\u00fablico muito grande e diverso, com realidades diferentes. O respons\u00e1vel pela avalia\u00e7\u00e3o foi o [Natan Santana](https://github.com/Neitan2001) e para a an\u00e1lise do sistema, foi realizada uma avalia\u00e7\u00e3o heur\u00edstica, a fim de identificar e documentar problemas de usabilidade e design. Os problemas identificados afetaram as seguintes heur\u00edsticas: Status do sistema Consist\u00eancia e padr\u00f5es Preven\u00e7\u00e3o de erros Reconhecimento ao inv\u00e9s de relembran\u00e7a Flexibilidade e efici\u00eancia de uso Est\u00e9tica e design minimalista Os principais problemas referem-se a grande quantidade de informa\u00e7\u00f5es dispostas de forma a dificultar a identifica\u00e7\u00e3o das informa\u00e7\u00f5es, menu com sobreposi\u00e7\u00f5es que podem levar usu\u00e1rios a cometer erro e dificuldade de identificar onde o usu\u00e1rio se encontra no sistema. A avalia\u00e7\u00e3o completa pode ser encontrada Aqui","title":"Caixa Econ\u00f4mica"},{"location":"planejamento/sitesAvaliados/#governo-de-pernambuco","text":"O site do Governo de Pernambuco oferece informa\u00e7\u00f5es e servi\u00e7os do Estado, para que tanto turistas quanto moradores possam ter acesso facilitado a atividades e not\u00edcias que o governo entrega. A respons\u00e1vel pela avalia\u00e7\u00e3o foi a Lu\u00edza Esteves e os problemas identificados afetaram as seguintes heur\u00edsticas: Status do sistema Compatibilidade com o mundo real Consist\u00eancia e padr\u00f5es Est\u00e9tica e design minimalista Os principais problemas referem-se \u00e0 n\u00e3o atualiza\u00e7\u00e3o do sistema quando para de carregar, v\u00e1rios menus espalhados pela tela e com designs diferentes, funcionalidades em teste e est\u00e9tica sobrecarregada. A avalia\u00e7\u00e3o completa pode ser encontrada Aqui","title":"Governo de Pernambuco"},{"location":"planejamento/sitesAvaliados/#central-expresso","text":"O site da CT Expresso tem o prop\u00f3sito de informar a popula\u00e7\u00e3o que faz o uso do transporte p\u00fablico sobre as linhas de \u00f4nibus e seus respectivos hor\u00e1rios, \u00e9 poss\u00edvel tamb\u00e9m visualizar as redes sociais da empresa e seu n\u00famero de contato, al\u00e9m de informa\u00e7\u00f5es sobre vale transporte. Ela atua fazendo linhas entre o DF e os munic\u00edpios do entorno e da regi\u00e3o de Goi\u00e1s. O respons\u00e1vel pela avalia\u00e7\u00e3o foi o Rafael Xavier e os problemas identificados afetaram as seguintes heur\u00edsticas: Consist\u00eancia e padr\u00f5es Est\u00e9tica e design minimalista Os principais problemas referem-se ao mal posicionamento das informa\u00e7\u00f5es, deixando-as incompletas e de dif\u00edcil entendimento. A avalia\u00e7\u00e3o completa pode ser encontrada Aqui","title":"Central Expresso"},{"location":"planejamento/sitesAvaliados/#rastreamento-correios","text":"O site do Rastreamento Correios permite que pessoas que aguardam por entregas realizadas pelos correios do Brasil possam ser rastreadas e identificadas ao longo de seu trajeto. Para a an\u00e1lise do site, foi feito um estudo observat\u00f3rio, identificando as principais dificuldades que os usu\u00e1rios possam passar, como est\u00e9tica confusa, problemas com realiza\u00e7\u00e3o de login e cadastro. O respons\u00e1vel pela avalia\u00e7\u00e3o foi o Daniel Coimbra e os problemas identificados afetaram as seguintes heur\u00edsticas: Visibilidade e status do sistema Est\u00e9tica e design minimalista Flexibilidade e efici\u00eancia de uso Ajuda o usu\u00e1rio a reconhecer, diagnosticar e recuperar-se de erros A avalia\u00e7\u00e3o completa pode ser encontrada Aqui","title":"Rastreamento Correios"},{"location":"planejamento/sitesAvaliados/#brasilia-laser-show","text":"O Bras\u00edlia Laser Show \u00e9 uma empresa prestadora de servi\u00e7os especializada em ilumina\u00e7\u00e3o a laser para eventos especiais. O site da empresa mostra os eventos que j\u00e1 cobriu em fotos e v\u00eddeos, e tamb\u00e9m, diversas redes para entrar em contato com a mesma. O respons\u00e1vel pela avalia\u00e7\u00e3o foi o Matheus Perillo e os problemas identificados afetaram as seguintes heur\u00edsticas: Est\u00e9tica e design minimalista Ajuda e documenta\u00e7\u00e3o Preven\u00e7\u00e3o de erros Consist\u00eancia e padroniza\u00e7\u00e3o Status do sistema A avalia\u00e7\u00e3o completa pode ser encontrada Aqui","title":"Bras\u00edlia Laser Show"},{"location":"planejamento/sitesAvaliados/#agencia-virtual-neoenergia","text":"A NeoEnergia \u00e9 uma empresa privada que fornece o abastecimento de energia el\u00e9trica a mais de 18 estados brasileiros. O site \u00e9 destinado aos consumidores que desejam solicitar algum servi\u00e7o ou buscar informa\u00e7\u00f5es pela p\u00e1gina. Os problemas identificados afetaram as seguintes heur\u00edsticas: Visibilidade e status do sistema Preven\u00e7\u00e3o de erros Flexibilidade e efici\u00eancia de uso A respons\u00e1vel pela avalia\u00e7\u00e3o foi a Clara Macedo e os principais problemas referem-se \u00e0 n\u00e3o identifica\u00e7\u00e3o de um erro cometido pelo usu\u00e1rio e falta de recursos que facilitem o acesso pelo usu\u00e1rio em fun\u00e7\u00f5es como gerar relat\u00f3rio ou manter salvo senhas e evitar processo de recupera\u00e7\u00e3o de senha. A avalia\u00e7\u00e3o completa pode ser encontrada Aqui","title":"Ag\u00eancia Virtual NeoEnergia"},{"location":"planejamento/sitesAvaliados/#site-escolhido","text":"Diante dos sites analisados individualmente por cada integrante da equipe, fizemos uma reuni\u00e3o e entramos em consenso, optando pelo site da NeoEnergia , que possui uma s\u00e9rie de problemas identificados que ser\u00e3o v\u00e1lidos para a realiza\u00e7\u00e3o de uma an\u00e1lise de IHC, al\u00e9m do p\u00fablico alvo para realiza\u00e7\u00e3o de pesquisas ser mais f\u00e1cil, j\u00e1 que o site avaliado da empresa, ser\u00e1 espec\u00edfico para usu\u00e1rios do Distrito Federal.","title":"Site escolhido"},{"location":"planejamento/sitesAvaliados/#bibliografia","text":"BARBOSA, Simone; DINIZ, Bruno. Intera\u00e7\u00e3o Humano-Computador. Editora Elsevier, Rio de Janeiro, 2010. MACIEL, Cristiano; NOGUEIRA, Jos\u00e9 Luis; CIUFFO, Leandro; GARCIA, Ana Cristina. Avalia\u00e7\u00e3o Heur\u00edstica de S\u00edtios na Web. [S. l.] Nielsen, Jakob (1994). Usability Engineering. Morgan Kaufmann Publishers Inc., San Francisco, CA, USA.","title":"Bibliografia"},{"location":"planejamento/sitesAvaliados/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 03/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de Sites Avaliados Lu\u00edza Esteves Rafael Xavier 04/07/2022 0.2 Adi\u00e7\u00e3o de tabela de versionamento Lu\u00edza Esteves Rafael Xavier 07/07/2022 0.3 Inser\u00e7\u00e3o do restante dos sites avaliados Lu\u00edza Esteves Rafael Xavier 18/07/2022 0.4 Adi\u00e7\u00e3o dos links para avalia\u00e7\u00f5es individuais dos sites Natan Santana","title":"Tabela de Versionamento"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/agencia_virtual/","text":"Ag\u00eancia Virtual NeoEnergia Introdu\u00e7\u00e3o Para a avalia\u00e7\u00e3o do site da Ag\u00eancia Virtual foi escolhido o m\u00e9todo da avalia\u00e7\u00e3o heur\u00edstica, justamente por ser um m\u00e9todo que orienta o avaliador a inspecionar sistematicamente a interface em busca de problemas que prejudiquem a usabilidade. A seguir ser\u00e1 apresentado todos os dados coletados por meio da inspe\u00e7\u00e3o realizada pela avaliadora Clara Marcelino Ribeiro de Sousa. Dados Coletados 1. Visibilidade do status do sistema A seguir pode ser verificado o problema 1 encontrado na tela apresentada na Figura 1. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 1: Figura 1 Verifica\u00e7\u00e3o: o usu\u00e1rio \u00e9 informado pelo sistema em tempo razo\u00e1vel sobre o que est\u00e1 acontecendo? Tabela 1: Formul\u00e1rio do problema 1 2. Compatibilidade do sistema com o mundo real Verifica\u00e7\u00e3o: o sistema fala a linguagem do usu\u00e1rio utilizando palavras, frases, conceitos familiares a ele, em vez de termos orientados ao sistema? Sim, o sistema utiliza linguagem compat\u00edvel com o mundo real e de f\u00e1cil entendimento 3. Controle do usu\u00e1rio e liberdade Verifica\u00e7\u00e3o: fornece maneiras de permitir que o usu\u00e1rio saia facilmente de lugares inesperados em que se encontram, utilizando \"sa\u00eddas de emerg\u00eancia\" claramente identificadas? Sim, em todas as p\u00e1ginas de um servi\u00e7o espec\u00edfico, h\u00e1 a op\u00e7\u00e3o de retornar ao menu, como \u00e9 poss\u00edvel observar na Figura 2 abaixo. Figura 2 4. Consist\u00eancia e padr\u00f5es Verifica\u00e7\u00e3o: evita fazer com que o usu\u00e1rio tenha que pensar se palavras, situa\u00e7\u00f5es ou a\u00e7\u00f5es diferentes significam a mesma coisa? Sim, o site segue um mesmo padr\u00e3o em todas as p\u00e1ginas, o que facilita a navega\u00e7\u00e3o. 5. Ajuda o usu\u00e1rio a reconhecer, diagnosticar e recuperar-se de erros Verifica\u00e7\u00e3o: utiliza linguagem simples para descrever a natureza do problema e sugere uma maneira de resolv\u00ea-lo? Sim. Um bom exemplo \u00e9 na tela de login, em que \u00e9 informado caso o CPF inserido seja inv\u00e1lido. Tamb\u00e9m h\u00e1 a op\u00e7\u00e3o de recupera\u00e7\u00e3o de senha. 6. Preven\u00e7\u00e3o de erros A seguir pode ser verificado o problema 2 encontrado na tela apresentada na Figura 3. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 2: Figura 3 Verifica\u00e7\u00e3o: onde poss\u00edvel, impede a ocorr\u00eancia de erros? Tabela 2: Formul\u00e1rio do problema 2 7. Reconhecimento em vez de memoriza\u00e7\u00e3o Verifica\u00e7\u00e3o: tornar objetos, a\u00e7\u00f5es e op\u00e7\u00f5es vis\u00edveis? Sim, o site deixa os seus servi\u00e7os bem vis\u00edveis em diversos espa\u00e7os como pode ser notado na Figura 4 e 5 abaixo. Figura 4 Figura 5 8. Flexibilidade e efici\u00eancia de uso Verifica\u00e7\u00e3o: fornece aceleradores invis\u00edveis aos usu\u00e1rios inexperientes, os quais, no entanto, permitem aos mais experientes realizar tarefas com mais rapidez? A seguir pode ser verificado o problema 1 desta heur\u00edstica encontrado na tela apresentada na Figura 6. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 3: Figura 6 Tabela 3: Formul\u00e1rio do problema 1 da heur\u00edsitica 8 A seguir pode ser verificado o problema 2 desta heur\u00edstica encontrado na tela apresentada na Figura 7 e 8. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 4: Figura 7 Figura 8 Tabela 4: Formul\u00e1rio do problema 2 da heur\u00edsitica 8 9. Est\u00e9tica e design minimalista Verifica\u00e7\u00e3o: evita o uso de informa\u00e7\u00f5es irrelevantes ou raramente necess\u00e1rias. Sim, n\u00e3o h\u00e1 excesso de informa\u00e7\u00f5es nas p\u00e1ginas. 10. Ajuda e documenta\u00e7\u00e3o Verifica\u00e7\u00e3o: fornece informa\u00e7\u00f5es que podem ser facilmente encontradas e ajuda mediante passos que podem ser facilmente seguidos? Sim, h\u00e1 diversos conte\u00fados sobre o uso do sistema como pode notado na Figura 9 abaixo. Figura 9 Bibliografia Nielsen, Jakob (1994). Usability Engineering. Morgan Kaufmann Publishers Inc., San Francisco, CA, USA. BARBOSA, Simone. Avalia\u00e7\u00e3o Heur\u00edstica. In: INTERA\u00c7\u00c3O Humano-Computador e Experi\u00eancia do Usu\u00e1rio. [S. l.: s. n.], 2021. cap. 12, p. 282. MACIEL, Cristiano; NOGUEIRA, Jos\u00e9 Luis; CIUFFO, Leandro; GARCIA, Ana Cristina. Avalia\u00e7\u00e3o Heur\u00edstica de S\u00edtios na Web. [S. l.] Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 16/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de Avalia\u00e7\u00e3o da Ag\u00eancia Virtual Natan Santana Clara Ribeiro","title":"Ag\u00eancia Virtual NeoEnergia"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/agencia_virtual/#agencia-virtual-neoenergia","text":"","title":"Ag\u00eancia Virtual NeoEnergia"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/agencia_virtual/#introducao","text":"Para a avalia\u00e7\u00e3o do site da Ag\u00eancia Virtual foi escolhido o m\u00e9todo da avalia\u00e7\u00e3o heur\u00edstica, justamente por ser um m\u00e9todo que orienta o avaliador a inspecionar sistematicamente a interface em busca de problemas que prejudiquem a usabilidade. A seguir ser\u00e1 apresentado todos os dados coletados por meio da inspe\u00e7\u00e3o realizada pela avaliadora Clara Marcelino Ribeiro de Sousa.","title":"Introdu\u00e7\u00e3o"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/agencia_virtual/#dados-coletados","text":"","title":"Dados Coletados"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/agencia_virtual/#1-visibilidade-do-status-do-sistema","text":"A seguir pode ser verificado o problema 1 encontrado na tela apresentada na Figura 1. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 1: Figura 1 Verifica\u00e7\u00e3o: o usu\u00e1rio \u00e9 informado pelo sistema em tempo razo\u00e1vel sobre o que est\u00e1 acontecendo? Tabela 1: Formul\u00e1rio do problema 1","title":"1. Visibilidade do status do sistema"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/agencia_virtual/#2-compatibilidade-do-sistema-com-o-mundo-real","text":"Verifica\u00e7\u00e3o: o sistema fala a linguagem do usu\u00e1rio utilizando palavras, frases, conceitos familiares a ele, em vez de termos orientados ao sistema? Sim, o sistema utiliza linguagem compat\u00edvel com o mundo real e de f\u00e1cil entendimento","title":"2. Compatibilidade do sistema com o mundo real"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/agencia_virtual/#3-controle-do-usuario-e-liberdade","text":"Verifica\u00e7\u00e3o: fornece maneiras de permitir que o usu\u00e1rio saia facilmente de lugares inesperados em que se encontram, utilizando \"sa\u00eddas de emerg\u00eancia\" claramente identificadas? Sim, em todas as p\u00e1ginas de um servi\u00e7o espec\u00edfico, h\u00e1 a op\u00e7\u00e3o de retornar ao menu, como \u00e9 poss\u00edvel observar na Figura 2 abaixo. Figura 2","title":"3. Controle do usu\u00e1rio e liberdade"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/agencia_virtual/#4-consistencia-e-padroes","text":"Verifica\u00e7\u00e3o: evita fazer com que o usu\u00e1rio tenha que pensar se palavras, situa\u00e7\u00f5es ou a\u00e7\u00f5es diferentes significam a mesma coisa? Sim, o site segue um mesmo padr\u00e3o em todas as p\u00e1ginas, o que facilita a navega\u00e7\u00e3o.","title":"4. Consist\u00eancia e padr\u00f5es"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/agencia_virtual/#5-ajuda-o-usuario-a-reconhecer-diagnosticar-e-recuperar-se-de-erros","text":"Verifica\u00e7\u00e3o: utiliza linguagem simples para descrever a natureza do problema e sugere uma maneira de resolv\u00ea-lo? Sim. Um bom exemplo \u00e9 na tela de login, em que \u00e9 informado caso o CPF inserido seja inv\u00e1lido. Tamb\u00e9m h\u00e1 a op\u00e7\u00e3o de recupera\u00e7\u00e3o de senha.","title":"5. Ajuda o usu\u00e1rio a reconhecer, diagnosticar e recuperar-se de erros"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/agencia_virtual/#6-prevencao-de-erros","text":"A seguir pode ser verificado o problema 2 encontrado na tela apresentada na Figura 3. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 2: Figura 3 Verifica\u00e7\u00e3o: onde poss\u00edvel, impede a ocorr\u00eancia de erros? Tabela 2: Formul\u00e1rio do problema 2","title":"6. Preven\u00e7\u00e3o de erros"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/agencia_virtual/#7-reconhecimento-em-vez-de-memorizacao","text":"Verifica\u00e7\u00e3o: tornar objetos, a\u00e7\u00f5es e op\u00e7\u00f5es vis\u00edveis? Sim, o site deixa os seus servi\u00e7os bem vis\u00edveis em diversos espa\u00e7os como pode ser notado na Figura 4 e 5 abaixo. Figura 4 Figura 5","title":"7. Reconhecimento em vez de memoriza\u00e7\u00e3o"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/agencia_virtual/#8-flexibilidade-e-eficiencia-de-uso","text":"Verifica\u00e7\u00e3o: fornece aceleradores invis\u00edveis aos usu\u00e1rios inexperientes, os quais, no entanto, permitem aos mais experientes realizar tarefas com mais rapidez? A seguir pode ser verificado o problema 1 desta heur\u00edstica encontrado na tela apresentada na Figura 6. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 3: Figura 6 Tabela 3: Formul\u00e1rio do problema 1 da heur\u00edsitica 8 A seguir pode ser verificado o problema 2 desta heur\u00edstica encontrado na tela apresentada na Figura 7 e 8. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 4: Figura 7 Figura 8 Tabela 4: Formul\u00e1rio do problema 2 da heur\u00edsitica 8","title":"8. Flexibilidade e efici\u00eancia de uso"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/agencia_virtual/#9-estetica-e-design-minimalista","text":"Verifica\u00e7\u00e3o: evita o uso de informa\u00e7\u00f5es irrelevantes ou raramente necess\u00e1rias. Sim, n\u00e3o h\u00e1 excesso de informa\u00e7\u00f5es nas p\u00e1ginas.","title":"9. Est\u00e9tica e design minimalista"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/agencia_virtual/#10-ajuda-e-documentacao","text":"Verifica\u00e7\u00e3o: fornece informa\u00e7\u00f5es que podem ser facilmente encontradas e ajuda mediante passos que podem ser facilmente seguidos? Sim, h\u00e1 diversos conte\u00fados sobre o uso do sistema como pode notado na Figura 9 abaixo. Figura 9","title":"10. Ajuda e documenta\u00e7\u00e3o"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/agencia_virtual/#bibliografia","text":"Nielsen, Jakob (1994). Usability Engineering. Morgan Kaufmann Publishers Inc., San Francisco, CA, USA. BARBOSA, Simone. Avalia\u00e7\u00e3o Heur\u00edstica. In: INTERA\u00c7\u00c3O Humano-Computador e Experi\u00eancia do Usu\u00e1rio. [S. l.: s. n.], 2021. cap. 12, p. 282. MACIEL, Cristiano; NOGUEIRA, Jos\u00e9 Luis; CIUFFO, Leandro; GARCIA, Ana Cristina. Avalia\u00e7\u00e3o Heur\u00edstica de S\u00edtios na Web. [S. l.]","title":"Bibliografia"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/agencia_virtual/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 16/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de Avalia\u00e7\u00e3o da Ag\u00eancia Virtual Natan Santana Clara Ribeiro","title":"Tabela de Versionamento"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/brasilia_lazer/","text":"Bras\u00edlia Lazer Show Introdu\u00e7\u00e3o O Bras\u00edlia Laser Show \u00e9 uma empresa prestadora de servi\u00e7os especializada em ilumina\u00e7\u00e3o a laser para eventos especiais. O site da empresa mostra os eventos que j\u00e1 cobriu em fotos e v\u00eddeos, e tamb\u00e9m, diversas redes para entrar em contato com a mesma. A seguir ser\u00e1 apresentado todos os dados coletados por meio da inspe\u00e7\u00e3o realizada pelo avaliador Matheus Moreira Lopes Perillo. Problemas Identificados Problema 1 A seguir pode ser verificado o problema 1. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 1: Problema 2 A seguir pode ser verificado o problema 2. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 2: Problema 3 A seguir pode ser verificado o problema 3. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 3: Problema 4 A seguir pode ser verificado o problema 4. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 4: Problema 5 A seguir pode ser verificado o problema 5. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 5: Bibliografia Nielsen, Jakob (1994). Usability Engineering. Morgan Kaufmann Publishers Inc., San Francisco, CA, USA. BARBOSA, Simone. Avalia\u00e7\u00e3o Heur\u00edstica. In: INTERA\u00c7\u00c3O Humano-Computador e Experi\u00eancia do Usu\u00e1rio. [S. l.: s. n.], 2021. cap. 12, p. 282. MACIEL, Cristiano; NOGUEIRA, Jos\u00e9 Luis; CIUFFO, Leandro; GARCIA, Ana Cristina. Avalia\u00e7\u00e3o Heur\u00edstica de S\u00edtios na Web. [S. l.] Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 18/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de Avalia\u00e7\u00e3o do Brasilia Laser Show Natan Santana Clara Ribeiro","title":"Bras\u00edlia Lazer Show"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/brasilia_lazer/#brasilia-lazer-show","text":"","title":"Bras\u00edlia Lazer Show"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/brasilia_lazer/#introducao","text":"O Bras\u00edlia Laser Show \u00e9 uma empresa prestadora de servi\u00e7os especializada em ilumina\u00e7\u00e3o a laser para eventos especiais. O site da empresa mostra os eventos que j\u00e1 cobriu em fotos e v\u00eddeos, e tamb\u00e9m, diversas redes para entrar em contato com a mesma. A seguir ser\u00e1 apresentado todos os dados coletados por meio da inspe\u00e7\u00e3o realizada pelo avaliador Matheus Moreira Lopes Perillo.","title":"Introdu\u00e7\u00e3o"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/brasilia_lazer/#problemas-identificados","text":"","title":"Problemas Identificados"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/brasilia_lazer/#problema-1","text":"A seguir pode ser verificado o problema 1. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 1:","title":"Problema 1"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/brasilia_lazer/#problema-2","text":"A seguir pode ser verificado o problema 2. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 2:","title":"Problema 2"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/brasilia_lazer/#problema-3","text":"A seguir pode ser verificado o problema 3. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 3:","title":"Problema 3"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/brasilia_lazer/#problema-4","text":"A seguir pode ser verificado o problema 4. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 4:","title":"Problema 4"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/brasilia_lazer/#problema-5","text":"A seguir pode ser verificado o problema 5. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 5:","title":"Problema 5"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/brasilia_lazer/#bibliografia","text":"Nielsen, Jakob (1994). Usability Engineering. Morgan Kaufmann Publishers Inc., San Francisco, CA, USA. BARBOSA, Simone. Avalia\u00e7\u00e3o Heur\u00edstica. In: INTERA\u00c7\u00c3O Humano-Computador e Experi\u00eancia do Usu\u00e1rio. [S. l.: s. n.], 2021. cap. 12, p. 282. MACIEL, Cristiano; NOGUEIRA, Jos\u00e9 Luis; CIUFFO, Leandro; GARCIA, Ana Cristina. Avalia\u00e7\u00e3o Heur\u00edstica de S\u00edtios na Web. [S. l.]","title":"Bibliografia"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/brasilia_lazer/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 18/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de Avalia\u00e7\u00e3o do Brasilia Laser Show Natan Santana Clara Ribeiro","title":"Tabela de Versionamento"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/caixa_economica/","text":"Caixa Econ\u00f4mica Introdu\u00e7\u00e3o Neste relat\u00f3rio ser\u00e1 apresentado os resultados da avalia\u00e7\u00e3o do site da Caixa Econ\u00f4mica com o objetivo de identificar problemas na intera\u00e7\u00e3o e interface, detalhando onde ocorrem e uma poss\u00edvel solu\u00e7\u00e3o para melhorar a intera\u00e7\u00e3o do usu\u00e1rio com a plataforma. O escopo desta an\u00e1lise ser\u00e1 as telas do site principal que podem ser acessadas sem ter uma conta criada. A seguinte avalia\u00e7\u00e3o foi feita analisando as heur\u00edsticas propostas por Nielsen e identificando quais elementos estariam em viola\u00e7\u00e3o. A seguir ser\u00e1 explicado brevemente o m\u00e9todo de avalia\u00e7\u00e3o escolhido e apresentado todos os dados coletados por meio da inspe\u00e7\u00e3o realizada pelo avaliador Natan Tavares Santana. Avalia\u00e7\u00e3o Heur\u00edstica A Avalia\u00e7\u00e3o Heur\u00edstica \u00e9 um m\u00e9todo de inspe\u00e7\u00e3o onde um avaliador se coloca no lugar do usu\u00e1rio e procura problemas na interface que podem impedir que o usu\u00e1rio realize o seu objetivo ou que simplesmente cause alguma emo\u00e7\u00e3o negativa. Assim que um problema \u00e9 encontrado, \u00e9 preenchido o seguinte formul\u00e1rio apresentando na Tabela 1: Tabela 1: Formul\u00e1rio base Onde cada um dos campos significa: x. Heur\u00edstica: N\u00famero e diretriz que o problema est\u00e1 violando. Verifica\u00e7\u00e3o: Perguntas que verificam a validade da heur\u00edstica. Grau de Severidade: Uma escala de 0 a 4 para classificar o problema de usabilidade, onde 0 - Sem Import\u00e2ncia: n\u00e3o afeta a opera\u00e7\u00e3o da interface para todos usu\u00e1rios, n\u00e3o sendo encarado necessariamente como um problema de usabilidade. 1 - Cosm\u00e9tico: n\u00e3o necessita ser reparado, a menos que haja tempo dispon\u00edvel. 2 - Simples: pode ser reparado, com baixa prioridade de corre\u00e7\u00e3o. 3 - Grave: deve ser reparado, com alta prioridade de corre\u00e7\u00e3o. 4 - Catastr\u00f3fico: deve ser reparado de qualquer forma antes do produto ser disponibilizado. Natureza do Problema: Barreira: refere-se a um aspecto da interface no qual o usu\u00e1rio esbarra sucessivas vezes e n\u00e3o aprende a suplant\u00e1-lo. Uma barreira voltar\u00e1 a se apresentar ao usu\u00e1rio na pr\u00f3xima realiza\u00e7\u00e3o da tarefa. Obst\u00e1culo: refere-se a um aspecto da interface no qual o usu\u00e1rio esbarra e aprende a suplant\u00e1-lo. Ru\u00eddo: refere-se a um aspecto da interface que causa uma diminui\u00e7\u00e3o de seu desempenho na tarefa. O usu\u00e1rio pode desenvolver uma m\u00e1 impress\u00e3o do sistema. Perspectiva do Usu\u00e1rio: Quais tipos de usu\u00e1rio s\u00e3o afetados pelo problema Problema Geral: qualquer tipo de usu\u00e1rio durante a realiza\u00e7\u00e3o de sua tarefa. Problema Preliminar: usu\u00e1rios novatos ou intermedi\u00e1rios durante a realiza\u00e7\u00e3o de sua tarefa. Problema Especial: tipos de usu\u00e1rios especiais (portadores de defici\u00eancia) durante a realiza\u00e7\u00e3o de sua tarefa. Perspectiva do Projeto: \u00c9 importante citar a exist\u00eancia de duas categorias de problemas que salientam os poss\u00edveis efeitos de uma revis\u00e3o de projeto. Ao realizar a Avalia\u00e7\u00e3o Heur\u00edstica pela primeira vez, esta categoria de problema n\u00e3o deve ser preenchida. Falso Problema: refere-se a um aspecto da interface que, apesar de classificado como problema, na realidade n\u00e3o traz qualquer preju\u00edzo ao usu\u00e1rio, nem \u00e0 sua tarefa. Novo: refere-se a um novo problema de usabilidade que surgiu como consequ\u00eancia da corre\u00e7\u00e3o de um problema anterior. Perspectiva da Tarefa: Corresponde a um aspecto da interface que compromete a realiza\u00e7\u00e3o de tarefas Principal: frequentes ou importantes. Secund\u00e1rio: pouco frequentes ou pouco importantes. Contexto: \u00e9 a situa\u00e7\u00e3o de uso em que o problema pode ser verificado ou diagnosticado. Causa: refere-se ao aspecto do sistema que propicia o problema. Efeito sobre o usu\u00e1rio: corresponde \u00e0 consequ\u00eancia da intera\u00e7\u00e3o com o usu\u00e1rio, podendo haver, entre outros, sobrecarga cognitiva, desorienta\u00e7\u00e3o ou hesita\u00e7\u00e3o. Efeito sobre a tarefa: refere-se \u00e0 decorr\u00eancia da a\u00e7\u00e3o sobre a tarefa executada, podendo ocasionar trabalho adicional, perda de dados ou perda de tempo. Corre\u00e7\u00e3o poss\u00edvel: indica ao projetista poss\u00edveis altera\u00e7\u00f5es no sistema. Dados Coletados Problema 1 A seguir pode ser verificado o problema 1 encontrado na tela apresentada na Figura 1. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 2: Tabela 2: Formul\u00e1rio do problema 1 Problema 2 A seguir pode ser verificado o problema 2 encontrado na tela apresentada na Figura 2. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 3: Tabela 3: Formul\u00e1rio do problema 2 Problema 3 A seguir pode ser verificado o problema 3 encontrado na tela apresentada na Figura 3. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 4: Tabela 4: Formul\u00e1rio do problema 3 Problema 4 A seguir pode ser verificado o problema 4 encontrado na tela apresentada na Figura 3 acima. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 5: Tabela 5: Formul\u00e1rio do problema 4 Problema 5 A seguir pode ser verificado o problema 5 encontrado na tela apresentada na Figura 3 acima. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 6: Tabela 6: Formul\u00e1rio do problema 5 Problema 6 A seguir pode ser verificado o problema 6 encontrado na tela apresentada na Figura 4. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 7: Tabela 7: Formul\u00e1rio do problema 6 Problema 7 A seguir pode ser verificado o problema 7 encontrado na tela apresentada na Figura 4 acima. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 8: Tabela 8: Formul\u00e1rio do problema 7 Problema 8 A seguir pode ser verificado o problema 8 encontrado na tela apresentada na Figura 5. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 9: Tabela 9: Formul\u00e1rio do problema 8 Problema 9 A seguir pode ser verificado o problema 9 encontrado na tela apresentada na Figura 6 e Figura 7. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 10: Tabela 10: Formul\u00e1rio do problema 9 Bibliografia Nielsen, Jakob (1994). Usability Engineering. Morgan Kaufmann Publishers Inc., San Francisco, CA, USA. BARBOSA, Simone. Avalia\u00e7\u00e3o Heur\u00edstica. In: INTERA\u00c7\u00c3O Humano-Computador e Experi\u00eancia do Usu\u00e1rio. [S. l.: s. n.], 2021. cap. 12, p. 282. MACIEL, Cristiano; NOGUEIRA, Jos\u00e9 Luis; CIUFFO, Leandro; GARCIA, Ana Cristina. Avalia\u00e7\u00e3o Heur\u00edstica de S\u00edtios na Web. [S. l.] Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 15/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de Avalia\u00e7\u00e3o da Caixa Natan Santana Clara Ribeiro","title":"Caixa Econ\u00f4mica"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/caixa_economica/#caixa-economica","text":"","title":"Caixa Econ\u00f4mica"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/caixa_economica/#introducao","text":"Neste relat\u00f3rio ser\u00e1 apresentado os resultados da avalia\u00e7\u00e3o do site da Caixa Econ\u00f4mica com o objetivo de identificar problemas na intera\u00e7\u00e3o e interface, detalhando onde ocorrem e uma poss\u00edvel solu\u00e7\u00e3o para melhorar a intera\u00e7\u00e3o do usu\u00e1rio com a plataforma. O escopo desta an\u00e1lise ser\u00e1 as telas do site principal que podem ser acessadas sem ter uma conta criada. A seguinte avalia\u00e7\u00e3o foi feita analisando as heur\u00edsticas propostas por Nielsen e identificando quais elementos estariam em viola\u00e7\u00e3o. A seguir ser\u00e1 explicado brevemente o m\u00e9todo de avalia\u00e7\u00e3o escolhido e apresentado todos os dados coletados por meio da inspe\u00e7\u00e3o realizada pelo avaliador Natan Tavares Santana.","title":"Introdu\u00e7\u00e3o"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/caixa_economica/#avaliacao-heuristica","text":"A Avalia\u00e7\u00e3o Heur\u00edstica \u00e9 um m\u00e9todo de inspe\u00e7\u00e3o onde um avaliador se coloca no lugar do usu\u00e1rio e procura problemas na interface que podem impedir que o usu\u00e1rio realize o seu objetivo ou que simplesmente cause alguma emo\u00e7\u00e3o negativa. Assim que um problema \u00e9 encontrado, \u00e9 preenchido o seguinte formul\u00e1rio apresentando na Tabela 1: Tabela 1: Formul\u00e1rio base Onde cada um dos campos significa: x. Heur\u00edstica: N\u00famero e diretriz que o problema est\u00e1 violando. Verifica\u00e7\u00e3o: Perguntas que verificam a validade da heur\u00edstica. Grau de Severidade: Uma escala de 0 a 4 para classificar o problema de usabilidade, onde 0 - Sem Import\u00e2ncia: n\u00e3o afeta a opera\u00e7\u00e3o da interface para todos usu\u00e1rios, n\u00e3o sendo encarado necessariamente como um problema de usabilidade. 1 - Cosm\u00e9tico: n\u00e3o necessita ser reparado, a menos que haja tempo dispon\u00edvel. 2 - Simples: pode ser reparado, com baixa prioridade de corre\u00e7\u00e3o. 3 - Grave: deve ser reparado, com alta prioridade de corre\u00e7\u00e3o. 4 - Catastr\u00f3fico: deve ser reparado de qualquer forma antes do produto ser disponibilizado. Natureza do Problema: Barreira: refere-se a um aspecto da interface no qual o usu\u00e1rio esbarra sucessivas vezes e n\u00e3o aprende a suplant\u00e1-lo. Uma barreira voltar\u00e1 a se apresentar ao usu\u00e1rio na pr\u00f3xima realiza\u00e7\u00e3o da tarefa. Obst\u00e1culo: refere-se a um aspecto da interface no qual o usu\u00e1rio esbarra e aprende a suplant\u00e1-lo. Ru\u00eddo: refere-se a um aspecto da interface que causa uma diminui\u00e7\u00e3o de seu desempenho na tarefa. O usu\u00e1rio pode desenvolver uma m\u00e1 impress\u00e3o do sistema. Perspectiva do Usu\u00e1rio: Quais tipos de usu\u00e1rio s\u00e3o afetados pelo problema Problema Geral: qualquer tipo de usu\u00e1rio durante a realiza\u00e7\u00e3o de sua tarefa. Problema Preliminar: usu\u00e1rios novatos ou intermedi\u00e1rios durante a realiza\u00e7\u00e3o de sua tarefa. Problema Especial: tipos de usu\u00e1rios especiais (portadores de defici\u00eancia) durante a realiza\u00e7\u00e3o de sua tarefa. Perspectiva do Projeto: \u00c9 importante citar a exist\u00eancia de duas categorias de problemas que salientam os poss\u00edveis efeitos de uma revis\u00e3o de projeto. Ao realizar a Avalia\u00e7\u00e3o Heur\u00edstica pela primeira vez, esta categoria de problema n\u00e3o deve ser preenchida. Falso Problema: refere-se a um aspecto da interface que, apesar de classificado como problema, na realidade n\u00e3o traz qualquer preju\u00edzo ao usu\u00e1rio, nem \u00e0 sua tarefa. Novo: refere-se a um novo problema de usabilidade que surgiu como consequ\u00eancia da corre\u00e7\u00e3o de um problema anterior. Perspectiva da Tarefa: Corresponde a um aspecto da interface que compromete a realiza\u00e7\u00e3o de tarefas Principal: frequentes ou importantes. Secund\u00e1rio: pouco frequentes ou pouco importantes. Contexto: \u00e9 a situa\u00e7\u00e3o de uso em que o problema pode ser verificado ou diagnosticado. Causa: refere-se ao aspecto do sistema que propicia o problema. Efeito sobre o usu\u00e1rio: corresponde \u00e0 consequ\u00eancia da intera\u00e7\u00e3o com o usu\u00e1rio, podendo haver, entre outros, sobrecarga cognitiva, desorienta\u00e7\u00e3o ou hesita\u00e7\u00e3o. Efeito sobre a tarefa: refere-se \u00e0 decorr\u00eancia da a\u00e7\u00e3o sobre a tarefa executada, podendo ocasionar trabalho adicional, perda de dados ou perda de tempo. Corre\u00e7\u00e3o poss\u00edvel: indica ao projetista poss\u00edveis altera\u00e7\u00f5es no sistema.","title":"Avalia\u00e7\u00e3o Heur\u00edstica"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/caixa_economica/#dados-coletados","text":"","title":"Dados Coletados"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/caixa_economica/#problema-1","text":"A seguir pode ser verificado o problema 1 encontrado na tela apresentada na Figura 1. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 2: Tabela 2: Formul\u00e1rio do problema 1","title":"Problema 1"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/caixa_economica/#problema-2","text":"A seguir pode ser verificado o problema 2 encontrado na tela apresentada na Figura 2. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 3: Tabela 3: Formul\u00e1rio do problema 2","title":"Problema 2"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/caixa_economica/#problema-3","text":"A seguir pode ser verificado o problema 3 encontrado na tela apresentada na Figura 3. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 4: Tabela 4: Formul\u00e1rio do problema 3","title":"Problema 3"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/caixa_economica/#problema-4","text":"A seguir pode ser verificado o problema 4 encontrado na tela apresentada na Figura 3 acima. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 5: Tabela 5: Formul\u00e1rio do problema 4","title":"Problema 4"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/caixa_economica/#problema-5","text":"A seguir pode ser verificado o problema 5 encontrado na tela apresentada na Figura 3 acima. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 6: Tabela 6: Formul\u00e1rio do problema 5","title":"Problema 5"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/caixa_economica/#problema-6","text":"A seguir pode ser verificado o problema 6 encontrado na tela apresentada na Figura 4. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 7: Tabela 7: Formul\u00e1rio do problema 6","title":"Problema 6"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/caixa_economica/#problema-7","text":"A seguir pode ser verificado o problema 7 encontrado na tela apresentada na Figura 4 acima. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 8: Tabela 8: Formul\u00e1rio do problema 7","title":"Problema 7"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/caixa_economica/#problema-8","text":"A seguir pode ser verificado o problema 8 encontrado na tela apresentada na Figura 5. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 9: Tabela 9: Formul\u00e1rio do problema 8","title":"Problema 8"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/caixa_economica/#problema-9","text":"A seguir pode ser verificado o problema 9 encontrado na tela apresentada na Figura 6 e Figura 7. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 10: Tabela 10: Formul\u00e1rio do problema 9","title":"Problema 9"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/caixa_economica/#bibliografia","text":"Nielsen, Jakob (1994). Usability Engineering. Morgan Kaufmann Publishers Inc., San Francisco, CA, USA. BARBOSA, Simone. Avalia\u00e7\u00e3o Heur\u00edstica. In: INTERA\u00c7\u00c3O Humano-Computador e Experi\u00eancia do Usu\u00e1rio. [S. l.: s. n.], 2021. cap. 12, p. 282. MACIEL, Cristiano; NOGUEIRA, Jos\u00e9 Luis; CIUFFO, Leandro; GARCIA, Ana Cristina. Avalia\u00e7\u00e3o Heur\u00edstica de S\u00edtios na Web. [S. l.]","title":"Bibliografia"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/caixa_economica/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 15/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de Avalia\u00e7\u00e3o da Caixa Natan Santana Clara Ribeiro","title":"Tabela de Versionamento"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/central_expresso/","text":"Central Expresso Introdu\u00e7\u00e3o O site da CT Expresso tem o prop\u00f3sito de informar a popula\u00e7\u00e3o que faz o uso do transporte p\u00fablico sobre as linhas de \u00f4nibus e seus respectivos hor\u00e1rios, \u00e9 poss\u00edvel tamb\u00e9m visualizar as redes sociais da empresa e seu n\u00famero de contato, al\u00e9m de informa\u00e7\u00f5es sobre vale transporte. A seguir ser\u00e1 explicado brevemente o m\u00e9todo de avalia\u00e7\u00e3o escolhido e apresentado todos os dados coletados por meio da inspe\u00e7\u00e3o realizada pelo avaliador Rafael Xavier Canabrava. Objetivo O objetivo mais importante levantado durante a fase de planejamento \u00e9 verificar se o site \u00e9 \u00fatil e intuitivo, pelo fato de que sua fun\u00e7\u00e3o \u00e9 informar a popula\u00e7\u00e3o. Avalia\u00e7\u00e3o Para a avalia\u00e7\u00e3o do site da Central Expresso foi escolhido o m\u00e9todo da avalia\u00e7\u00e3o heur\u00edstica, justamente por ser um m\u00e9todo que orienta o avaliador a inspecionar sistematicamente a interface em busca de problemas que prejudiquem a usabilidade. Dados Coletados Problema 1 A seguir pode ser verificado o problema 1 encontrado na tela apresentada na Figura 1. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 1: Tabela 1: Formul\u00e1rio do problema 1 Problema 2 A seguir pode ser verificado o problema 2 encontrado na tela apresentada na Figura 2. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 2: Tabela 2: Formul\u00e1rio do problema 2 Bibliografia Nielsen, Jakob (1994). Usability Engineering. Morgan Kaufmann Publishers Inc., San Francisco, CA, USA. BARBOSA, Simone. Avalia\u00e7\u00e3o Heur\u00edstica. In: INTERA\u00c7\u00c3O Humano-Computador e Experi\u00eancia do Usu\u00e1rio. [S. l.: s. n.], 2021. cap. 12, p. 282. MACIEL, Cristiano; NOGUEIRA, Jos\u00e9 Luis; CIUFFO, Leandro; GARCIA, Ana Cristina. Avalia\u00e7\u00e3o Heur\u00edstica de S\u00edtios na Web. [S. l.] Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 16/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de Avalia\u00e7\u00e3o da Central Expresso Natan Santana Clara Ribeiro","title":"Central Expresso"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/central_expresso/#central-expresso","text":"","title":"Central Expresso"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/central_expresso/#introducao","text":"O site da CT Expresso tem o prop\u00f3sito de informar a popula\u00e7\u00e3o que faz o uso do transporte p\u00fablico sobre as linhas de \u00f4nibus e seus respectivos hor\u00e1rios, \u00e9 poss\u00edvel tamb\u00e9m visualizar as redes sociais da empresa e seu n\u00famero de contato, al\u00e9m de informa\u00e7\u00f5es sobre vale transporte. A seguir ser\u00e1 explicado brevemente o m\u00e9todo de avalia\u00e7\u00e3o escolhido e apresentado todos os dados coletados por meio da inspe\u00e7\u00e3o realizada pelo avaliador Rafael Xavier Canabrava.","title":"Introdu\u00e7\u00e3o"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/central_expresso/#objetivo","text":"O objetivo mais importante levantado durante a fase de planejamento \u00e9 verificar se o site \u00e9 \u00fatil e intuitivo, pelo fato de que sua fun\u00e7\u00e3o \u00e9 informar a popula\u00e7\u00e3o.","title":"Objetivo"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/central_expresso/#avaliacao","text":"Para a avalia\u00e7\u00e3o do site da Central Expresso foi escolhido o m\u00e9todo da avalia\u00e7\u00e3o heur\u00edstica, justamente por ser um m\u00e9todo que orienta o avaliador a inspecionar sistematicamente a interface em busca de problemas que prejudiquem a usabilidade.","title":"Avalia\u00e7\u00e3o"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/central_expresso/#dados-coletados","text":"","title":"Dados Coletados"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/central_expresso/#problema-1","text":"A seguir pode ser verificado o problema 1 encontrado na tela apresentada na Figura 1. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 1: Tabela 1: Formul\u00e1rio do problema 1","title":"Problema 1"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/central_expresso/#problema-2","text":"A seguir pode ser verificado o problema 2 encontrado na tela apresentada na Figura 2. A an\u00e1lise detalhada do problema est\u00e1 documentada na Tabela 2: Tabela 2: Formul\u00e1rio do problema 2","title":"Problema 2"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/central_expresso/#bibliografia","text":"Nielsen, Jakob (1994). Usability Engineering. Morgan Kaufmann Publishers Inc., San Francisco, CA, USA. BARBOSA, Simone. Avalia\u00e7\u00e3o Heur\u00edstica. In: INTERA\u00c7\u00c3O Humano-Computador e Experi\u00eancia do Usu\u00e1rio. [S. l.: s. n.], 2021. cap. 12, p. 282. MACIEL, Cristiano; NOGUEIRA, Jos\u00e9 Luis; CIUFFO, Leandro; GARCIA, Ana Cristina. Avalia\u00e7\u00e3o Heur\u00edstica de S\u00edtios na Web. [S. l.]","title":"Bibliografia"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/central_expresso/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 16/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de Avalia\u00e7\u00e3o da Central Expresso Natan Santana Clara Ribeiro","title":"Tabela de Versionamento"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/governo_pernambuco/","text":"Governo Pernambuco Introdu\u00e7\u00e3o Ao analisar o site do Governo de Pernambuco, cujo processo de desenvolvimento j\u00e1 foi feito, o melhor m\u00e9todo encontrado para fazer uma avalia\u00e7\u00e3o inicial neste relat\u00f3rio ser\u00e1 por meio de uma Avalia\u00e7\u00e3o Heur\u00edstica, uma vez que ela se baseia em identificar problemas na interface que possam atrapalhar a usabilidade do sistema. A seguir ser\u00e1 explicado brevemente o m\u00e9todo de avalia\u00e7\u00e3o escolhido e apresentado todos os dados coletados por meio da inspe\u00e7\u00e3o realizada pela avaliadora Lu\u00edza Esteves. Heur\u00edsticas de Nielsen As heur\u00edsticas de Nielsen permitem uma an\u00e1lise de um sistema que j\u00e1 est\u00e1 em desenvolvimento ou foi finalizado. Com isso, \u00e9 poss\u00edvel buscar solu\u00e7\u00f5es de forma r\u00e1pida que melhorem a usabilidade do sistema. Existem 10 heur\u00edsticas que foram constru\u00eddas para serem utilizadas como base de identifica\u00e7\u00e3o de problemas no sistema: Visibilidade do estado do sistema: Permitir que o usu\u00e1rio entenda qual o status do sistema. Correspond\u00eancia entre o sistema e o mundo real: Os termos e textos que se encontram no site devem estar de acordo com a sua finalidade. Controle e liberdade do usu\u00e1rio: O usu\u00e1rio consegue sair de uma a\u00e7\u00e3o caso deseje ou volte em uma a\u00e7\u00e3o. Consist\u00eancia e padroniza\u00e7\u00e3o: O sistema segue padr\u00f5es definidos de acordo com as conven\u00e7\u00f5es da plataforma. Reconhecimento em vez de memoriza\u00e7\u00e3o: O usu\u00e1rio consegue identificar o que cada parte do sistema significa e realizar suas a\u00e7\u00f5es sem a necessidade de consulta ou ajuda. Flexibilidade e efici\u00eancia de uso: A utiliza\u00e7\u00e3o de \u00edcones intuitivos que facilitem o reconhecimento de fun\u00e7\u00f5es no sistema e aumente a efici\u00eancia de realiza\u00e7\u00e3o de um objetivo. Projeto est\u00e9tico e minimalista: Interface simples e f\u00e1cil de se entender, sem uma sobrecarga de informa\u00e7\u00f5es no usu\u00e1rio. Preven\u00e7\u00e3o de erros: Colocar obst\u00e1culos que impe\u00e7am o usu\u00e1rio de cometer erros durante o uso do sistema. Ajude os usu\u00e1rios a reconhecerem, diagnosticarem e se recuperarem de erros: Mostrar mensagens de erros de forma clara e atenciosa, para que o usu\u00e1rio consiga reconhecer e corrigir seus erros. Ajuda e documenta\u00e7\u00e3o: Ter uma documenta\u00e7\u00e3o do sistema que possa ser utilizada caso o usu\u00e1rio sinta dificuldade de realizar alguma opera\u00e7\u00e3o. Interpreta\u00e7\u00e3o e identifica\u00e7\u00e3o de problemas no sistema 1 - Visibilidade e status do sistema Verifica\u00e7\u00e3o O sistema mant\u00e9m feedback? Os feedbacks s\u00e3o adequados e no tempo certo? Os usu\u00e1rios conseguem identificar e compreender o feedback? Descri\u00e7\u00e3o do problema: Ao iniciar o processo de carregamento de uma p\u00e1gina, o sistema coloca uma mensagem de que a p\u00e1gina est\u00e1 sendo carregada mas n\u00e3o \u00e9 removida ao fim do carregamento. Isso pode levar o usu\u00e1rio a esperar demasiadamente por um carregamento que j\u00e1 foi feito e desistir de utilizar o site. Grau de Severidade: 1 - Cosm\u00e9tico 2 - Pequeno 3 - grande 4 - Catastr\u00f3fico Natureza do problema: Barreira Obst\u00e1culo Ru\u00eddo Perspectiva da Tarefa: Problema Principal Problema Secund\u00e1rio Corre\u00e7\u00e3o poss\u00edvel: Remover a indica\u00e7\u00e3o de carregando quando finalizar o carregamento do sistema. 2 - Compatibilidade com o mundo real Verifica\u00e7\u00e3o Os padr\u00f5es identificados em um sistema comum est\u00e3o sendo seguidos? As express\u00f5es utilizadas condizem com o padr\u00e3o governamental? Descri\u00e7\u00e3o do problema: Existem 3 menus diferentes em partes diferenciadas e com layouts diferentes na p\u00e1gina inicial, o que pode dificultar o entendimento do funcionamento, j\u00e1 que o comum \u00e9 existir um menu superior ou lateral, com seus subtipos abertos ao selecionar um t\u00edtulo principal. Grau de Severidade: 1 - Cosm\u00e9tico 2 - Pequeno 3 - grande 4 - Catastr\u00f3fico Natureza do problema: Barreira Obst\u00e1culo Ru\u00eddo Perspectiva da Tarefa: Problema Principal Problema Secund\u00e1rio Corre\u00e7\u00e3o poss\u00edvel: Criar um menu superior \u00fanico, com t\u00edtulos gerais e seus subtemas devem aparecer ao passar o mouse por cima, evitando uma grande quantidade de t\u00edtulos que geram sobrecarga de informa\u00e7\u00f5es. 3 - Consist\u00eancia e padroniza\u00e7\u00e3o Verifica\u00e7\u00e3o Todos os t\u00edtulos condizem com o seu conte\u00fado? Existem a\u00e7\u00f5es diferentes que significam a mesma coisa? Descri\u00e7\u00e3o do problema: Dentro da p\u00e1gina de servi\u00e7os onlines, tanto na parte de cidad\u00e3os quanto de empresas est\u00e3o apenas faixas escritas \u201ctestes\u201d e um link que redireciona ao site do Google, trazendo inconsist\u00eancia e fugindo do padr\u00e3o de conte\u00fado que deveria estar. Grau de Severidade: 1 - Cosm\u00e9tico 2 - Pequeno 3 - grande 4 - Catastr\u00f3fico Natureza do problema: Barreira Obst\u00e1culo Ru\u00eddo Perspectiva da Tarefa: Problema Principal Problema Secund\u00e1rio Corre\u00e7\u00e3o poss\u00edvel: Adicionar os servi\u00e7os dispon\u00edveis para os cidad\u00e3os e as empresas e retirar a sess\u00e3o de teste. Caso ainda n\u00e3o haja esse servi\u00e7o dispon\u00edvel, excluir essa op\u00e7\u00e3o do menu e remover a p\u00e1gina temporariamente at\u00e9 que esteja tudo pronto. 4 - Projeto est\u00e9tico e minimalista Verifica\u00e7\u00e3o A interface cont\u00e9m apenas informa\u00e7\u00f5es necess\u00e1rias? O design elaborado \u00e9 simples? O usu\u00e1rio consegue visualizar apenas o importante para sua a\u00e7\u00e3o? Descri\u00e7\u00e3o do problema: A est\u00e9tica produzida para o sistema possui uma carga de informa\u00e7\u00f5es muito grande e mal posicionada. Tanto a p\u00e1gina inicial quanto as demais possuem background com imagens que dificultam a leitura, menus mal posicionados e textos com cores fortes. Grau de Severidade: 1 - Cosm\u00e9tico 2 - Pequeno 3 - grande 4 - Catastr\u00f3fico Natureza do problema: Barreira Obst\u00e1culo Ru\u00eddo Perspectiva da Tarefa: Problema Principal Problema Secund\u00e1rio Corre\u00e7\u00e3o poss\u00edvel: Refazer o design e as cores padr\u00f5es dos textos do sistema, para que tanto os textos quanto os menus fiquem mais limpos e f\u00e1ceis de ser entendidos. Objetivos e escopo da avalia\u00e7\u00e3o A avalia\u00e7\u00e3o realizada busca identificar, em um sistema j\u00e1 existente, problemas na interface que dificultem sua usabilidade e acessibilidade. Se tratando de um site que atende uma grande popula\u00e7\u00e3o de diversificadas caracter\u00edsticas, ele deve ser claro e de f\u00e1cil identifica\u00e7\u00e3o nas atividades do site. Bibliografia Nielsen, Jakob (1994). Usability Engineering. Morgan Kaufmann Publishers Inc., San Francisco, CA, USA. BARBOSA, Simone; SILVA, Bruno. \"Intera\u00e7\u00e3o Humano-Computador\". Elsevier Editora Ltda, 2010. MACIEL, Cristiano; NOGUEIRA, Jos\u00e9 Luis; CIUFFO, Leandro; GARCIA, Ana Cristina. Avalia\u00e7\u00e3o Heur\u00edstica de S\u00edtios na Web. [S. l.] Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 15/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de Avalia\u00e7\u00e3o do Governo de Pernambuco Natan Santana Clara Ribeiro","title":"Governo Pernambuco"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/governo_pernambuco/#governo-pernambuco","text":"","title":"Governo Pernambuco"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/governo_pernambuco/#introducao","text":"Ao analisar o site do Governo de Pernambuco, cujo processo de desenvolvimento j\u00e1 foi feito, o melhor m\u00e9todo encontrado para fazer uma avalia\u00e7\u00e3o inicial neste relat\u00f3rio ser\u00e1 por meio de uma Avalia\u00e7\u00e3o Heur\u00edstica, uma vez que ela se baseia em identificar problemas na interface que possam atrapalhar a usabilidade do sistema. A seguir ser\u00e1 explicado brevemente o m\u00e9todo de avalia\u00e7\u00e3o escolhido e apresentado todos os dados coletados por meio da inspe\u00e7\u00e3o realizada pela avaliadora Lu\u00edza Esteves.","title":"Introdu\u00e7\u00e3o"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/governo_pernambuco/#heuristicas-de-nielsen","text":"As heur\u00edsticas de Nielsen permitem uma an\u00e1lise de um sistema que j\u00e1 est\u00e1 em desenvolvimento ou foi finalizado. Com isso, \u00e9 poss\u00edvel buscar solu\u00e7\u00f5es de forma r\u00e1pida que melhorem a usabilidade do sistema. Existem 10 heur\u00edsticas que foram constru\u00eddas para serem utilizadas como base de identifica\u00e7\u00e3o de problemas no sistema: Visibilidade do estado do sistema: Permitir que o usu\u00e1rio entenda qual o status do sistema. Correspond\u00eancia entre o sistema e o mundo real: Os termos e textos que se encontram no site devem estar de acordo com a sua finalidade. Controle e liberdade do usu\u00e1rio: O usu\u00e1rio consegue sair de uma a\u00e7\u00e3o caso deseje ou volte em uma a\u00e7\u00e3o. Consist\u00eancia e padroniza\u00e7\u00e3o: O sistema segue padr\u00f5es definidos de acordo com as conven\u00e7\u00f5es da plataforma. Reconhecimento em vez de memoriza\u00e7\u00e3o: O usu\u00e1rio consegue identificar o que cada parte do sistema significa e realizar suas a\u00e7\u00f5es sem a necessidade de consulta ou ajuda. Flexibilidade e efici\u00eancia de uso: A utiliza\u00e7\u00e3o de \u00edcones intuitivos que facilitem o reconhecimento de fun\u00e7\u00f5es no sistema e aumente a efici\u00eancia de realiza\u00e7\u00e3o de um objetivo. Projeto est\u00e9tico e minimalista: Interface simples e f\u00e1cil de se entender, sem uma sobrecarga de informa\u00e7\u00f5es no usu\u00e1rio. Preven\u00e7\u00e3o de erros: Colocar obst\u00e1culos que impe\u00e7am o usu\u00e1rio de cometer erros durante o uso do sistema. Ajude os usu\u00e1rios a reconhecerem, diagnosticarem e se recuperarem de erros: Mostrar mensagens de erros de forma clara e atenciosa, para que o usu\u00e1rio consiga reconhecer e corrigir seus erros. Ajuda e documenta\u00e7\u00e3o: Ter uma documenta\u00e7\u00e3o do sistema que possa ser utilizada caso o usu\u00e1rio sinta dificuldade de realizar alguma opera\u00e7\u00e3o.","title":"Heur\u00edsticas de Nielsen"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/governo_pernambuco/#interpretacao-e-identificacao-de-problemas-no-sistema","text":"","title":"Interpreta\u00e7\u00e3o e identifica\u00e7\u00e3o de problemas no sistema"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/governo_pernambuco/#1-visibilidade-e-status-do-sistema","text":"Verifica\u00e7\u00e3o O sistema mant\u00e9m feedback? Os feedbacks s\u00e3o adequados e no tempo certo? Os usu\u00e1rios conseguem identificar e compreender o feedback? Descri\u00e7\u00e3o do problema: Ao iniciar o processo de carregamento de uma p\u00e1gina, o sistema coloca uma mensagem de que a p\u00e1gina est\u00e1 sendo carregada mas n\u00e3o \u00e9 removida ao fim do carregamento. Isso pode levar o usu\u00e1rio a esperar demasiadamente por um carregamento que j\u00e1 foi feito e desistir de utilizar o site. Grau de Severidade: 1 - Cosm\u00e9tico 2 - Pequeno 3 - grande 4 - Catastr\u00f3fico Natureza do problema: Barreira Obst\u00e1culo Ru\u00eddo Perspectiva da Tarefa: Problema Principal Problema Secund\u00e1rio Corre\u00e7\u00e3o poss\u00edvel: Remover a indica\u00e7\u00e3o de carregando quando finalizar o carregamento do sistema.","title":"1 - Visibilidade e status do sistema"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/governo_pernambuco/#2-compatibilidade-com-o-mundo-real","text":"Verifica\u00e7\u00e3o Os padr\u00f5es identificados em um sistema comum est\u00e3o sendo seguidos? As express\u00f5es utilizadas condizem com o padr\u00e3o governamental? Descri\u00e7\u00e3o do problema: Existem 3 menus diferentes em partes diferenciadas e com layouts diferentes na p\u00e1gina inicial, o que pode dificultar o entendimento do funcionamento, j\u00e1 que o comum \u00e9 existir um menu superior ou lateral, com seus subtipos abertos ao selecionar um t\u00edtulo principal. Grau de Severidade: 1 - Cosm\u00e9tico 2 - Pequeno 3 - grande 4 - Catastr\u00f3fico Natureza do problema: Barreira Obst\u00e1culo Ru\u00eddo Perspectiva da Tarefa: Problema Principal Problema Secund\u00e1rio Corre\u00e7\u00e3o poss\u00edvel: Criar um menu superior \u00fanico, com t\u00edtulos gerais e seus subtemas devem aparecer ao passar o mouse por cima, evitando uma grande quantidade de t\u00edtulos que geram sobrecarga de informa\u00e7\u00f5es.","title":"2 - Compatibilidade com o mundo real"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/governo_pernambuco/#3-consistencia-e-padronizacao","text":"Verifica\u00e7\u00e3o Todos os t\u00edtulos condizem com o seu conte\u00fado? Existem a\u00e7\u00f5es diferentes que significam a mesma coisa? Descri\u00e7\u00e3o do problema: Dentro da p\u00e1gina de servi\u00e7os onlines, tanto na parte de cidad\u00e3os quanto de empresas est\u00e3o apenas faixas escritas \u201ctestes\u201d e um link que redireciona ao site do Google, trazendo inconsist\u00eancia e fugindo do padr\u00e3o de conte\u00fado que deveria estar. Grau de Severidade: 1 - Cosm\u00e9tico 2 - Pequeno 3 - grande 4 - Catastr\u00f3fico Natureza do problema: Barreira Obst\u00e1culo Ru\u00eddo Perspectiva da Tarefa: Problema Principal Problema Secund\u00e1rio Corre\u00e7\u00e3o poss\u00edvel: Adicionar os servi\u00e7os dispon\u00edveis para os cidad\u00e3os e as empresas e retirar a sess\u00e3o de teste. Caso ainda n\u00e3o haja esse servi\u00e7o dispon\u00edvel, excluir essa op\u00e7\u00e3o do menu e remover a p\u00e1gina temporariamente at\u00e9 que esteja tudo pronto.","title":"3 - Consist\u00eancia e padroniza\u00e7\u00e3o"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/governo_pernambuco/#4-projeto-estetico-e-minimalista","text":"Verifica\u00e7\u00e3o A interface cont\u00e9m apenas informa\u00e7\u00f5es necess\u00e1rias? O design elaborado \u00e9 simples? O usu\u00e1rio consegue visualizar apenas o importante para sua a\u00e7\u00e3o? Descri\u00e7\u00e3o do problema: A est\u00e9tica produzida para o sistema possui uma carga de informa\u00e7\u00f5es muito grande e mal posicionada. Tanto a p\u00e1gina inicial quanto as demais possuem background com imagens que dificultam a leitura, menus mal posicionados e textos com cores fortes. Grau de Severidade: 1 - Cosm\u00e9tico 2 - Pequeno 3 - grande 4 - Catastr\u00f3fico Natureza do problema: Barreira Obst\u00e1culo Ru\u00eddo Perspectiva da Tarefa: Problema Principal Problema Secund\u00e1rio Corre\u00e7\u00e3o poss\u00edvel: Refazer o design e as cores padr\u00f5es dos textos do sistema, para que tanto os textos quanto os menus fiquem mais limpos e f\u00e1ceis de ser entendidos.","title":"4 - Projeto est\u00e9tico e minimalista"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/governo_pernambuco/#objetivos-e-escopo-da-avaliacao","text":"A avalia\u00e7\u00e3o realizada busca identificar, em um sistema j\u00e1 existente, problemas na interface que dificultem sua usabilidade e acessibilidade. Se tratando de um site que atende uma grande popula\u00e7\u00e3o de diversificadas caracter\u00edsticas, ele deve ser claro e de f\u00e1cil identifica\u00e7\u00e3o nas atividades do site.","title":"Objetivos e escopo da avalia\u00e7\u00e3o"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/governo_pernambuco/#bibliografia","text":"Nielsen, Jakob (1994). Usability Engineering. Morgan Kaufmann Publishers Inc., San Francisco, CA, USA. BARBOSA, Simone; SILVA, Bruno. \"Intera\u00e7\u00e3o Humano-Computador\". Elsevier Editora Ltda, 2010. MACIEL, Cristiano; NOGUEIRA, Jos\u00e9 Luis; CIUFFO, Leandro; GARCIA, Ana Cristina. Avalia\u00e7\u00e3o Heur\u00edstica de S\u00edtios na Web. [S. l.]","title":"Bibliografia"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/governo_pernambuco/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 15/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de Avalia\u00e7\u00e3o do Governo de Pernambuco Natan Santana Clara Ribeiro","title":"Tabela de Versionamento"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/rastreamento_correios/","text":"Rastreamento Correios Introdu\u00e7\u00e3o Para a avalia\u00e7\u00e3o do site do Rastreamento Correios foi escolhido o m\u00e9todo da avalia\u00e7\u00e3o heur\u00edstica, justamente por ser um m\u00e9todo que orienta o avaliador a inspecionar sistematicamente a interface em busca de problemas que prejudiquem a usabilidade. A seguir ser\u00e1 apresentado todos os dados coletados por meio da inspe\u00e7\u00e3o realizada pelo avaliador Daniel Coimbra dos Santos. Dados Coletados Visibilidade do estado do sistema Ao requisitar os dados de um rastreio, enquanto o website carrega as mudan\u00e7as, \u00e9 poss\u00edvel ver uma mensagem dizendo \u201cBuscando\u201d, dando feedback ao usu\u00e1rio; tamb\u00e9m h\u00e1 mensagem de erro ao falhar o captcha no momento da requisi\u00e7\u00e3o. O campo fica em vermelho e \u00e9 exibida a mensagem \u201cCaptcha inv\u00e1lido\u201d. Correspond\u00eancia entre o sistema e o mundo real \u00c9 poss\u00edvel argumentar que o termo \u201cCaptcha\u201d, apesar de reconhecido por programadores, n\u00e3o \u00e9 necessariamente sem\u00e2ntico a toda a popula\u00e7\u00e3o que ir\u00e1 utilizar o sistema online para rastreio de encomenda dos Correios, podendo assim criar uma dist\u00e2ncia lingu\u00edstica entre o p\u00fablico que interage com o software e o pr\u00f3prio sistema. Controle e liberdade do usu\u00e1rio N\u00e3o h\u00e1 muito o que errar no sistema, o usu\u00e1rio preenche apenas dois campos, o cpf e o captcha. Quando h\u00e1 de fato um erro, o usu\u00e1rio precisa corrigir o campo em que existe o erro, seja por cpf inv\u00e1lido ou por captcha inv\u00e1lido. Consist\u00eancia e padroniza\u00e7\u00e3o A linguagem \u00e9 bem padronizada, o \u00fanico ponto delicado \u00e9 quanto ao uso da palavra \u201ccaptcha\u201d, j\u00e1 citada acima, que pode ser desconhecida pelos usu\u00e1rios. Reconhecimento em vez de memoriza\u00e7\u00e3o O sistema \u00e9 bem direto e simples de ser operado, mas poderia ser mais informativo, j\u00e1 que pessoas n\u00e3o versadas em tecnologia podem ter dificuldades ao lidar com ele pela primeira vez. Flexibilidade e efici\u00eancia de uso N\u00e3o existe bot\u00e3o de ajuda, mas o usu\u00e1rio recebe instru\u00e7\u00f5es para preencher os campos de input. Projeto est\u00e9tico e minimalista O site \u00e9 bem enxuto, conta com o conte\u00fado do servi\u00e7o no corpo, um menu na barra do topo e diversos links para outros servi\u00e7os no rodap\u00e9. Preven\u00e7\u00e3o de erros Direciona o usu\u00e1rio para a tela de login diretamente ao tentar acessar um rastreio sem ter entrado na conta, al\u00e9m disso, somente as mensagens de erro. Ajude os usu\u00e1rios a reconhecerem, diagnosticarem e se recuperarem de erros Existe um contexto em que um usu\u00e1rio pode se ver sem solu\u00e7\u00e3o, caso n\u00e3o verifique com calma a situa\u00e7\u00e3o. No caso de um usu\u00e1rio com um n\u00famero X de encomendas, suficiente para o campo de input sair do campo de vis\u00e3o do usu\u00e1rio, ao clicar em um objeto, solicitando mais dados de um determinado rastreio, se o captcha estiver errado, a mensagem somente ir\u00e1 aparecer l\u00e1 em cima no input, ou seja, fora do campo de vis\u00e3o de quem opera o sistema, fazendo assim com que o usu\u00e1rio pense que o site est\u00e1 quebrado. Vale salientar que o captcha reseta a cada clique em um objeto, ent\u00e3o ao requisitar dados a partir de um segundo rastreio na mesma sess\u00e3o, \u00e9 necess\u00e1rio sobrescrever o campo de escrita para combinar com o novo captcha gerado, e isso n\u00e3o \u00e9 informado ao usu\u00e1rio. Ajuda e documenta\u00e7\u00e3o Existem as instru\u00e7\u00f5es para preenchimento dos campos e um bot\u00e3o que direciona o usu\u00e1rio para as perguntas frequentes, al\u00e9m de as mensagens de erro dos inputs. Bibliografia Nielsen, Jakob (1994). Usability Engineering. Morgan Kaufmann Publishers Inc., San Francisco, CA, USA. BARBOSA, Simone. Avalia\u00e7\u00e3o Heur\u00edstica. In: INTERA\u00c7\u00c3O Humano-Computador e Experi\u00eancia do Usu\u00e1rio. [S. l.: s. n.], 2021. cap. 12, p. 282. Tabela de Versionamento Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 16/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de Avalia\u00e7\u00e3o do Rastreamento Correios Natan Santana Clara Ribeiro","title":"Rastreamento Correios"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/rastreamento_correios/#rastreamento-correios","text":"","title":"Rastreamento Correios"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/rastreamento_correios/#introducao","text":"Para a avalia\u00e7\u00e3o do site do Rastreamento Correios foi escolhido o m\u00e9todo da avalia\u00e7\u00e3o heur\u00edstica, justamente por ser um m\u00e9todo que orienta o avaliador a inspecionar sistematicamente a interface em busca de problemas que prejudiquem a usabilidade. A seguir ser\u00e1 apresentado todos os dados coletados por meio da inspe\u00e7\u00e3o realizada pelo avaliador Daniel Coimbra dos Santos.","title":"Introdu\u00e7\u00e3o"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/rastreamento_correios/#dados-coletados","text":"","title":"Dados Coletados"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/rastreamento_correios/#visibilidade-do-estado-do-sistema","text":"Ao requisitar os dados de um rastreio, enquanto o website carrega as mudan\u00e7as, \u00e9 poss\u00edvel ver uma mensagem dizendo \u201cBuscando\u201d, dando feedback ao usu\u00e1rio; tamb\u00e9m h\u00e1 mensagem de erro ao falhar o captcha no momento da requisi\u00e7\u00e3o. O campo fica em vermelho e \u00e9 exibida a mensagem \u201cCaptcha inv\u00e1lido\u201d.","title":"Visibilidade do estado do sistema"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/rastreamento_correios/#correspondencia-entre-o-sistema-e-o-mundo-real","text":"\u00c9 poss\u00edvel argumentar que o termo \u201cCaptcha\u201d, apesar de reconhecido por programadores, n\u00e3o \u00e9 necessariamente sem\u00e2ntico a toda a popula\u00e7\u00e3o que ir\u00e1 utilizar o sistema online para rastreio de encomenda dos Correios, podendo assim criar uma dist\u00e2ncia lingu\u00edstica entre o p\u00fablico que interage com o software e o pr\u00f3prio sistema.","title":"Correspond\u00eancia entre o sistema e o mundo real"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/rastreamento_correios/#controle-e-liberdade-do-usuario","text":"N\u00e3o h\u00e1 muito o que errar no sistema, o usu\u00e1rio preenche apenas dois campos, o cpf e o captcha. Quando h\u00e1 de fato um erro, o usu\u00e1rio precisa corrigir o campo em que existe o erro, seja por cpf inv\u00e1lido ou por captcha inv\u00e1lido.","title":"Controle e liberdade do usu\u00e1rio"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/rastreamento_correios/#consistencia-e-padronizacao","text":"A linguagem \u00e9 bem padronizada, o \u00fanico ponto delicado \u00e9 quanto ao uso da palavra \u201ccaptcha\u201d, j\u00e1 citada acima, que pode ser desconhecida pelos usu\u00e1rios.","title":"Consist\u00eancia e padroniza\u00e7\u00e3o"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/rastreamento_correios/#reconhecimento-em-vez-de-memorizacao","text":"O sistema \u00e9 bem direto e simples de ser operado, mas poderia ser mais informativo, j\u00e1 que pessoas n\u00e3o versadas em tecnologia podem ter dificuldades ao lidar com ele pela primeira vez.","title":"Reconhecimento em vez de memoriza\u00e7\u00e3o"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/rastreamento_correios/#flexibilidade-e-eficiencia-de-uso","text":"N\u00e3o existe bot\u00e3o de ajuda, mas o usu\u00e1rio recebe instru\u00e7\u00f5es para preencher os campos de input.","title":"Flexibilidade e efici\u00eancia de uso"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/rastreamento_correios/#projeto-estetico-e-minimalista","text":"O site \u00e9 bem enxuto, conta com o conte\u00fado do servi\u00e7o no corpo, um menu na barra do topo e diversos links para outros servi\u00e7os no rodap\u00e9.","title":"Projeto est\u00e9tico e minimalista"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/rastreamento_correios/#prevencao-de-erros","text":"Direciona o usu\u00e1rio para a tela de login diretamente ao tentar acessar um rastreio sem ter entrado na conta, al\u00e9m disso, somente as mensagens de erro.","title":"Preven\u00e7\u00e3o de erros"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/rastreamento_correios/#ajude-os-usuarios-a-reconhecerem-diagnosticarem-e-se-recuperarem-de-erros","text":"Existe um contexto em que um usu\u00e1rio pode se ver sem solu\u00e7\u00e3o, caso n\u00e3o verifique com calma a situa\u00e7\u00e3o. No caso de um usu\u00e1rio com um n\u00famero X de encomendas, suficiente para o campo de input sair do campo de vis\u00e3o do usu\u00e1rio, ao clicar em um objeto, solicitando mais dados de um determinado rastreio, se o captcha estiver errado, a mensagem somente ir\u00e1 aparecer l\u00e1 em cima no input, ou seja, fora do campo de vis\u00e3o de quem opera o sistema, fazendo assim com que o usu\u00e1rio pense que o site est\u00e1 quebrado. Vale salientar que o captcha reseta a cada clique em um objeto, ent\u00e3o ao requisitar dados a partir de um segundo rastreio na mesma sess\u00e3o, \u00e9 necess\u00e1rio sobrescrever o campo de escrita para combinar com o novo captcha gerado, e isso n\u00e3o \u00e9 informado ao usu\u00e1rio.","title":"Ajude os usu\u00e1rios a reconhecerem, diagnosticarem e se recuperarem de erros"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/rastreamento_correios/#ajuda-e-documentacao","text":"Existem as instru\u00e7\u00f5es para preenchimento dos campos e um bot\u00e3o que direciona o usu\u00e1rio para as perguntas frequentes, al\u00e9m de as mensagens de erro dos inputs.","title":"Ajuda e documenta\u00e7\u00e3o"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/rastreamento_correios/#bibliografia","text":"Nielsen, Jakob (1994). Usability Engineering. Morgan Kaufmann Publishers Inc., San Francisco, CA, USA. BARBOSA, Simone. Avalia\u00e7\u00e3o Heur\u00edstica. In: INTERA\u00c7\u00c3O Humano-Computador e Experi\u00eancia do Usu\u00e1rio. [S. l.: s. n.], 2021. cap. 12, p. 282.","title":"Bibliografia"},{"location":"planejamento/avalia%C3%A7%C3%B5es_dos_sites/rastreamento_correios/#tabela-de-versionamento","text":"Data Vers\u00e3o Descri\u00e7\u00e3o Autor Revisor 16/07/2022 0.1 Cria\u00e7\u00e3o da p\u00e1gina de Avalia\u00e7\u00e3o do Rastreamento Correios Natan Santana Clara Ribeiro","title":"Tabela de Versionamento"}]}
\ No newline at end of file
diff --git a/ghpages08/site/sitemap.xml b/ghpages08/site/sitemap.xml
index 0bc6294..8399630 100644
--- a/ghpages08/site/sitemap.xml
+++ b/ghpages08/site/sitemap.xml
@@ -2,102 +2,152 @@
None
- 2022-08-02
+ 2022-08-19dailyNone
- 2022-08-02
+ 2022-08-19dailyNone
- 2022-08-02
+ 2022-08-19dailyNone
- 2022-08-02
+ 2022-08-19dailyNone
- 2022-08-02
+ 2022-08-19dailyNone
- 2022-08-02
+ 2022-08-19dailyNone
- 2022-08-02
+ 2022-08-19dailyNone
- 2022-08-02
+ 2022-08-19dailyNone
- 2022-08-02
+ 2022-08-19dailyNone
- 2022-08-02
+ 2022-08-19dailyNone
- 2022-08-02
+ 2022-08-19dailyNone
- 2022-08-02
+ 2022-08-19dailyNone
- 2022-08-02
+ 2022-08-19dailyNone
- 2022-08-02
+ 2022-08-19dailyNone
- 2022-08-02
+ 2022-08-19dailyNone
- 2022-08-02
+ 2022-08-19dailyNone
- 2022-08-02
+ 2022-08-19dailyNone
- 2022-08-02
+ 2022-08-19dailyNone
- 2022-08-02
+ 2022-08-19dailyNone
- 2022-08-02
+ 2022-08-19
+ daily
+
+
+ None
+ 2022-08-19
+ daily
+
+
+ None
+ 2022-08-19
+ daily
+
+
+ None
+ 2022-08-19
+ daily
+
+
+ None
+ 2022-08-19
+ daily
+
+
+ None
+ 2022-08-19
+ daily
+
+
+ None
+ 2022-08-19
+ daily
+
+
+ None
+ 2022-08-19
+ daily
+
+
+ None
+ 2022-08-19
+ daily
+
+
+ None
+ 2022-08-19
+ daily
+
+
+ None
+ 2022-08-19daily
\ No newline at end of file
diff --git a/ghpages08/site/sitemap.xml.gz b/ghpages08/site/sitemap.xml.gz
index 2b3b957d1513aff92060d0c1628294a2769f0427..ce2db83acb52c3b4124c4fa96837f39e98c2af7b 100644
GIT binary patch
literal 215
zcmb2|=HL($VMu2BUz}NznwwalSCN~;@b>y%zGejh_78WL8@y?<%52_I`sRvVgX1a{
zu4#+6*8YCv-oszGz2MKzJNa$b?-zF1pK9E;Oi9w$b4|~dwPvxda^JIqCPcaXdCL}H
z$9I@b>r%CSti9;<)|&VR?3qiuXo_vgr!?ll)9XCxwqx%+C^yQUDG%>?cJXX
z4f46#pG?kA-r}*zsOQbiOrLMPFRxr)IXy$#_K$_N>g*GILWM^J-DQvo{u
From d32709d627d6262c628c6bdabb58ada6f49f0772 Mon Sep 17 00:00:00 2001
From: luiza
Date: Mon, 22 Aug 2022 11:06:26 -0300
Subject: [PATCH 08/23] correcao de erros
---
.../n\303\255vel 2/planejamento_prototipo.md" | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git "a/ghpages08/docs/design,_avalia\303\247\303\243o,_desenvolvimento/n\303\255vel 2/planejamento_prototipo.md" "b/ghpages08/docs/design,_avalia\303\247\303\243o,_desenvolvimento/n\303\255vel 2/planejamento_prototipo.md"
index c15431d..42974d9 100644
--- "a/ghpages08/docs/design,_avalia\303\247\303\243o,_desenvolvimento/n\303\255vel 2/planejamento_prototipo.md"
+++ "b/ghpages08/docs/design,_avalia\303\247\303\243o,_desenvolvimento/n\303\255vel 2/planejamento_prototipo.md"
@@ -22,7 +22,7 @@ Para realizar a entrevista utilizaremos como ferramenta o Microsoft Teams, que p
## Perfis dos entrevistados e formas de seleção
-Dentro da atividade de Perfil do Usuário e das Personas, conseguimos identificar características necessárias para realizar uma entrevista com um usuário. Sendo assim, buscaremos dois perfis maiores de 18 anos, que residam no Distrito Federal e que façam utilização do site da Agência Virtual NeoEnergia.
+Dentro da atividade de Perfil do Usuário e das Personas, conseguimos identificar características necessárias para realizar uma entrevista com um usuário. Sendo assim, buscaremos três perfis maiores de 18 anos, que residam no Distrito Federal e que façam utilização do site da Agência Virtual NeoEnergia. Decidimos esse quantitativo de entrevistados com base na análise de Kruger.
Para encontrar esses perfis, divulgamos a necessidade da nossa entrevista em grupos de redes sociais com pessoas que estão dentro dos critérios de utilização do sistema e convidamos pessoas já conhecidas pelos membros do grupo que se encaixam.
From 6149833558c0a596fbb25c7a6ae21adc2ccd2c61 Mon Sep 17 00:00:00 2001
From: Clara Ribeiro
Date: Mon, 22 Aug 2022 15:24:33 -0300
Subject: [PATCH 09/23] #45 - etapa 4
---
.../planejamento_tarefas.md" | 25 ++++++++++-
.../storyboard/planejamento_storyboard.md" | 25 ++++++++++-
.../etapa_4/planejamento.md" | 45 ++++++++++++++++++-
.../etapa_4/relato.md" | 37 ++++++++++++++-
4 files changed, 128 insertions(+), 4 deletions(-)
diff --git "a/ghpages08/docs/design,_avalia\303\247\303\243o,_desenvolvimento/n\303\255vel 1/an\303\241lise_de_tarefas/planejamento_tarefas.md" "b/ghpages08/docs/design,_avalia\303\247\303\243o,_desenvolvimento/n\303\255vel 1/an\303\241lise_de_tarefas/planejamento_tarefas.md"
index 9aab613..b5e2a27 100644
--- "a/ghpages08/docs/design,_avalia\303\247\303\243o,_desenvolvimento/n\303\255vel 1/an\303\241lise_de_tarefas/planejamento_tarefas.md"
+++ "b/ghpages08/docs/design,_avalia\303\247\303\243o,_desenvolvimento/n\303\255vel 1/an\303\241lise_de_tarefas/planejamento_tarefas.md"
@@ -30,7 +30,29 @@ Durante as entrevistas, estarão dois membros do projeto como avaliadores, sendo
## Termo de consentimento
-O termo de consentimento está apresentado abaixo e ele será entregue ao usuário antes do início da entrevista.
+A pesquisa foi realizada levando em conta os princípios recomendados pela Resolução No 466/2012 do Conselho Nacional de Saúde, que é responsável pela regulamentação de pesquisas científicas envolvendo pessoas. Esses princípios são:
+
+- princípio da autonomia, que envolve o consentimento livre e esclarecido dos indivíduos;
+
+- princípio da beneficência, que envolve a ponderação entre riscos e benefícios, tanto atuais como potenciais, individuais ou coletivos, comprometendo-se com o máximo de benefícios e o mínimo de danos e riscos.
+
+- princípio da não maleficência, que envolve a garantia de evitar danos previsíveis relacionados à pesquisa, tanto os imediatos quanto os tardios;
+
+- princípio da justiça e equidade, relacionado à relevância social da pesquisa, com vantagens significativas para os participantes da pesquisa e minimização do ônus para os participantes vulneráveis, o que garante a igual consideração dos interesses envolvidos, não perdendo o sentido de sua destinação sócio-humanitária.
+
+Os participantes foram apresentados ao termo de consentimento, em que está especificado que:
+
+- os dados coletados durante a entrevista destinam-se estritamente a atividades de análise e elaboração de melhorias do sistema Agência Virtual NeoEnergia;
+
+- a equipe tem o compromisso de divulgar os resultados das pesquisas para o cliente. A divulgação desses resultados pauta-se no respeito à privacidade, e o anonimato dos participantes será preservado em quaisquer documentos que for elaborado;
+
+- quaisquer informações pessoais e sensíveis que aparecer durante a gravação (CPF, RG, data de nascimento, email) serão censuradas a fim de preservar a privacidade e o anonimato dos participantes;
+
+- o consentimento para a gravação da entrevista é uma escolha livre, feita mediante a prestação de todos os esclarecimentos necessários sobre a pesquisa
+
+- a entrevista pode ser interrompida a qualquer momento.
+
+O Termo de Consentimento está apresentado abaixo: