A criação de personas é um método utilizado para representar um grupo de usuários finais durante discussões de design, ou seja, consiste na criação de perfis fictícios que serão definidos com rigor e detalhe para representar os usuários “típicos” do sistema que será analisado1.
+ +Para criar as personas desse projeto foi utilizado principalmente os dados obtidos no perfil de usuário, ou seja, através das respostas dos questionários foram elaborados os perfis que se supõe que sejam os usuários “típicos” do site da CAESB. Além do uso desses dados obtidos no questionário, também foram criadas personas baseadas em outras técnicas como a análise de dados, no qual foram criadas personas com idades, profissões e características mais diversas que se supõe que também correspondem aos usuários do site avaliado. Além disso para esse projeto serão utilizadas quatro personas, essa escolha foi orientada pelo intervalo recomendado por Courage e Baxter(2005) de 3 a 12 personas2 e serão definidas duas personas primárias, uma persona secundária e por fim, uma antipersona. As personas primárias e a secundárias sendo as que têm contato com o sistema e abrangem os dados coletados e estimados para representar o papel de usuários do site, enquanto a antipersona representa um usuário que não se encaixa nos dados levantados e nao seria usuário do site da CAESB. +
+ +As tabelas de 1 a 4 apresentam o elenco de personas. +
+ +Tabela 1 - Persona Primária Daniel Paulo Nunes.
+ |
+
|---|
| Status: Persona Primária. | +
| Nome: Daniel Paulo Nunes | +
| Descrição: 40 anos, reside em Brasília, Professor de matemática do ensino médio, sempre busca inovar e conscientizar seus alunos e sua comunidade.Homem.Casado. | +
| Relacionamento: Possui muitos amigos em sua vizinhança e gosta muito de interagir com sua comunidade de alunos e amigos, além de sua esposa e filhos que são as pessoas que mais confia e estão sempre ao seu lado. | +
| Habilidades: Daniel tem muito conhecimento na área da matemática e um pouco de experiência com o uso de computadores, quando precisa de ajuda com tecnologia pede auxílio para seus filhos. | +
| Tarefas: Das 08 até 12 Daniel dá aulas de matemática na sua escola e após esse horário volta para almoçar em sua casa com sua família. No resto do dia estuda e prepara suas aulas para o dia seguinte. | +
| Objetivo: Sempre melhorar como profissional e buscar informações e serviços para sempre contribuir com sua comunidade. | +
| Expectativa: Consultar as contas com agilidade, ter opções de pagamento e simular valores de conta com clareza com relação ao consumo. | +
| Requisitos: Retirar segunda via de contas, consultar débitos e simular conta | +
Tabela 2 - Persona Primária Carla Mendes.
+ |
+
|---|
| Status: Persona Primária. | +
| Nome: Carla Mendes | +
| Descrição: 32 anos, reside no Gama, dona de uma loja de perfumes, busca sempre melhorar sua loja para seus clientes. Mulher. Solteira. | +
| Relacionamento: Convive muito com sua família e amigos, possui um vínculo muito forte com outros lojistas de sua região. | +
| Habilidades: Possui habilidade no gerenciamento de estoque e muita habilidade social.. | +
| Tarefas: Acorda cedo e no período da manhã faz o gerenciamento de produtos da sua loja enquanto realiza atendimentos até o final da tarde. No período da noite se reúne com outros lojistas e debate problemas e oportunidades. | +
| Objetivo: Sempre melhorar seu atendimento e sua loja, atraindo mais clientes e fortalecer as amizades com outros colegas lojistas. | +
| Expectativa: Realizar rapidamente essas consultas e conseguir reportar algum problema de sua comunidade de lojistas com agilidade e sem complicações. | +
| Requisitos: Consultar e reportar problemas com fornecimento de água, furto de hidrômetro, vazamentos entre outros. | +
Tabela 3 - Antipersona Julia Oliveira.
+ |
+
|---|
| Status: Antipersona. | +
| Nome: Julia Oliveira | +
| Descrição: 19 anos, reside em Brasília, cursa medicina veterinária na universidade de brasília.Mulher.Solteira. | +
| Relacionamento: Muito próxima de seus amigos da universidade e família, gosta muito de sair e conhecer novas pessoas. | +
| Habilidades: Muita habilidade social para interagir com pessoas novas e bastante conhecimento de tecnologias. | +
| Tarefas: Acorda cedo e das 7 às 14 fica na faculdade, após isso retorna para casa e conclui seus estudos e tarefas. No final de semana gosta de sair com seus colegas pela noite | +
| Objetivo: Se formar uma boa profissional veterinária e manter um vínculo com seus amigos da faculdade. | +
| Expectativa: Não identificados. | +
| Requisitos: Não identificados pela falta de interesse com relação ao fornecimento de água de sua região. Seus pais ficam responsáveis por essas questões. | +
Tabela 4 - Persona secundária Pamela Azevedo.
+ |
+
|---|
| Status: Persona secundária. | +
| Nome: Pamela Azevedo | +
| Descrição: 27 anos, reside em Brasília, trabalha como gerente de marketing em uma grande empresa.Mulher.Solteira. | +
| Relacionamento: Possui muitos amigos em sua empresa e se relaciona principalmente com eles e sua família. | +
| Habilidades: Possui muita habilidade de gerência e de socialização. Possui um conhecimento médio acerca de tecnologias e quando precisa de auxílio pede ajuda ao setor de tecnologia da empresa. | +
| Tarefas: Pamela entra no trabalho a partir das 8 e fica até às 16, depois gosta de sair com seus colegas. Normalmente até às 20 já está em casa e gosta de tomar um bom banho e relaxar para o próximo dia. | +
| Objetivo: Pamela deseja evoluir profissionalmente e conseguir sempre ajudar seus colegas da empresa. | +
| Expectativa: Fazer essa consulta rapidamente e obter uma previsão do retorno do serviço com clareza. | +
| Requisitos: Verificar o status da ocorrência da falta de água em sua casa bem ocasionalmente. | +
++1. BARBOSA, S. D. J.; SILVA, B. S. Interação Humano-Computador. Rio de Janeiro: Elsevier, 2011.
+2. Courage, C. & Baxter, K. Understanding your users: a practical guide to user requirements, methods, tools, and techniques. San Francisco, CA: Morgan KaufmannPublishers, 2005.
+
| Versão | +Data | +Descrição | +Autor(es) | +Revisor(es) | +
|---|---|---|---|---|
| 1.0 | +15/10/2023 | +Adiciona Personas | +Oscar e Pedro | +Leandro | +
O GOMS3, abreviação para Goals, Operators, Methods, e Selection rules, é um método que descreve uma tarefa e o conhecimento do usuário sobre como realizá-la. Ele se desdobra em quatro componentes essenciais:
+ +Objetivos (Goals):
Estes representam o que o usuário deseja alcançar ao usar o software, como por exemplo, editar um documento.
+Operadores (Operators):
Operadores podem ser primitivas internas (cognitivas) ou externas (ações físicas que o software permite aos usuários executar). Exemplos incluem comandos digitados no teclado, seleção de itens de menu ou clicar em botões.
+Métodos (Methods):
Os métodos são sequências bem estabelecidas de subobjetivos e operadores que permitem que o usuário alcance um objetivo maior.
+Regras de Seleção (Selection rules):
Quando existem várias maneiras de alcançar o mesmo objetivo, são necessárias regras de seleção. Estas representam as decisões tomadas pelo usuário sobre qual método usar em uma determinada situação.
+Em resumo, o GOMS fornece uma estrutura para representar o conhecimento procedimental de uma pessoa ao realizar tarefas em um dispositivo específico.
+ +Será utilizado a abordagem CMN-GOMS como modelo da análise de tarefas, pois com essa técnica há uma hierarquia estrita de objetivos e com ela os operadores são +executados estritamente em ordem sequencial, tendo os métodos como representações em uma +notação semelhante a um pseudocódigo, que inclui submétodos e condicionais.
+ +Nessa tarefa, o usuário precisa acessar a página de consultar contas pagas, realizar login e acessar informações a respeito das faturas pagas listadas com base no mês. Logo abaixo, segue a figura da análise utilizando o método GOMS.
+ +
Fonte: Jefferson Sena
Nessa tarefa, o usuário precisa acessar a página de consulta a falta de água e acessar informações a respeito da falta de água em um área de uma região administrativa do DF.
+ +
Fonte: Tiago Albuquerque
Nessa tarefa, o usuário precisa acessar a página de segunda via da conta, realizar login e acessar as informações a respeito da conta.
+ +
Fonte: Leandro de Almeida
Para essa tarefa o objetivo do usuário seria informar à CAESB um vazamento de água ou esgoto no endereço em questão.
+ +
Fonte: Pedro Henrique
Nessa tarefa, o usuario ira fazer a revisão das suas contas, onde ele precisa acessar o site da caesb, acessar a pagina revisão de conta, fazer o login, selecionar a residência onde queira fazer a revisão, selecionar a conta a ser revisada e por fim clicar no botão "Selecionar revisão".
+ +
Fonte: Rodrigo Fonseca
Nessa tarefa, o usuario ira consultar a qualidade da água em sua região administrativa. No qual ele precisa acessar o site da caesb, acessar o menu "Água", acessar o submenu "Controle de Qualidade", selecionar "Análises e Resultados", por fim clicar em "Resultados na Rede de Distribuição - Síntese por Sistemas de Abastecimento" ou "Qualidade da Água Distribuída" ou "Relatório Anual da Qualidade da Água". Caso selecionado "Relatório Anual da Qualidade da Água", clicar no ano desejado.
+ +
Fonte: Mateus Levy
Nessa tarefa o usuário precisa acessar a área de autoatendimento, clicar em situação de débito, efetuar o login e verificar a situação de suas respectivas contas.
+ +Figura 7 - Método GOMS de Situação de débitos.
+
Fonte: Oscar de Brito
++1. BARBOSA, S. D. J.; SILVA, B. S. Interação Humano-Computador. Rio de Janeiro: Elsevier, 2010.
+2. Bilheteria Digital. Disponível em> https://interacao-humano-computador.github.io/2023.1-BilheteriaDigital/analise-de-requisitos/analise-de-tarefas/hta/. Acesso em 14 de outubro de 2023.
+
++1. Bilheteria Digital. Análise Hierárquica de Tarefas. Repositório do Grupo Bilheteria Digital da disciplina de Interação Humano Computador da Universidade de Brasília, 2023. Disponível em: https://interacao-humano-computador.github.io/2023.1-BilheteriaDigital/analise-de-requisitos/analise-de-tarefas/hta/. Acesso em: 16 de out. 2023.
+
| Versão | +Data | +Descrição | +Autor(es) | +Revisor(es) | +
|---|---|---|---|---|
| 1.0 | +17/10/2023 | +Adicionando página do GOMS | +Tiago e Jefferson | +Rodrigo e Mateus | +
A análise de tarefas é utilizada para entender como é o trabalho dos usuários em um sistema descrevendo e detalhando as atividades realizadas para atingir determinados objetivos. Neste projeto, será utilizado a Análise Hierárquica de Tarefas - HTA, como método de análise das funcionalidades do sistema avaliados.
+ +A análise hierárquica de tarefas - HTA, tem o intuito de analisar e avaliar tarefas complexas por meio da decomposição em objetivos, subobjetivos e operações, seguindo um desdobramento hierárquico. Essa abordagem, pode ser representada por meio de tabelas ou diagramas, como apresentado na figura 1, e proporciona uma visão mais clara e organizada das atividades realizadas por um usuário sendo possível identificar pontos problemáticos e de aprimoramento.
+ +Figura 1 - Notação dos elementos de um diagrama HTA.
+
+
Fonte: BARBOSA e SILVA, 2010.
Nessa tarefa, o usuário precisa acessar a página de consultar contas pagas, realizar login e acessar informações a respeito das faturas pagas listadas com base no mês. A figura 2 e a tabela 1 apresentam, respectivamente, o diagrama e a tabela HTA da tarefa.
+ +Figura 2 - Diagrama HTA de consulta a Contas Pagas.
+
+
Fonte: Jefferson Sena
Tabela 1 - HTA de consulta a contas pagas.
| Objetivos/Operações | +Problemas e recomendações | +
|---|---|
| 0. consultar contas pagas | ++ |
| 1. Acessar a aba Portal de Serviços | +feedback: usuário é redirecionado para a página Portal de Serviços. plano: clicar na imagem portal de serviços - autoatendimento. |
+
| 2. Selecionar Contas Pagas | +feedback: usuário é redirecionado para a página de login. plano: clicar no botão Contas Pagas. |
+
| 3. Fazer Login | +input: Dados de login. feedback: usuário é redirecionado para a página de inscrições. plano: Acessar área de inscrições. |
+
| 3.1 Pesquisar com minha inscrição | +feedback: O usuário é redirecionado para uma página com uma lista de faturas pagas de acordo com o mês. plano: Clicar no botão pesquisar. |
+
| 3.2 Pesquisar com outra inscrição | +input: Inserir o número da inscrição que deseja ter acesso as contas. feedback: O usuário é redirecionado para uma página com uma lista de faturas pagas de acordo com o mês. plano: Clicar na aba "Pesquisar outra inscrição". |
+
Fonte: Jefferson Sena
Nessa tarefa, o usuário precisa acessar a página de consulta a falta de água e acessar informações a respeito da falta de água em um área de uma região administrativa do DF. A figura 3 e a tabela 2 apresentam, respectivamente, o diagrama HTA da tarefa e o HTA em tabela
+ +Figura 3 - Diagrama HTA de consulta a falta d'água.
+
+
Fonte: Tiago Albuquerque
Tabela 2 - HTA de consulta a falta d'água.
| Objetivos/Operações | +Problemas e recomendações | +
|---|---|
| 0. consultar falta de água | ++ |
| 1. Acessar página de consulta a partir da tela inicial | +feedback: usuário é redirecionado para a página de consulta. plano: clicar no botão do menu da tela incial. |
+
| 1.1 Selecionar o botão no menu inicial | +input: No botão "água" do menu, escolher a opção "Consultar Falta de água." feedback: página de consultas a falta de água é carregada. |
+
| 2. Consultar falta de água em uma área da região | +feedback: a página de consultas a falta de água é carregada. plano: inserir a informações de consulta. |
+
| 2.1 Selecionar a região na barra de pesquisa | +input: inserir a região a ser consultada barra de pesquisa "RA". feedback: A região é mostrada se houver falta de água. |
+
| 2.2 Selecionar a área na barra de pesquisa | +input: inserir a área a ser consultada barra de pesquisa "Área Afetada". feedback: A área da região escolhida é mostrada se houver falta de água |
+
Fonte: Tiago Albuquerque
Nessa tarefa, o usuário precisa acessar a página de segunda via da conta, realizar login e acessar as informações a respeito da conta. A figura 4 e a tabela 3 apresentam, respectivamente, o diagrama e a tabela HTA da tarefa.
+ +Figura 4 - Diagrama HTA de emissão de segunda via.
+
+
Fonte: Leandro de Almeida
Tabela 3 - HTA de emitir segunda via da conta.
| Objetivos/Operações | +Problemas e recomendações | +
|---|---|
| 0. Acessar o site da Caesb | ++ |
| 1. Clique no botão segunda via da conta | +feedback: usuário é redirecionado para a página de autenticação. |
+
| 2. Faça login | +input: Dados de login. feedback: o usuário é redirecionada para a página de segunda via. |
+
| 3. Clique em pesquisar | +feedback: o usuário será redirecionado para uma página com todas as suas contas. |
+
| 4. Localize a conta | +plano: o usuário deve achar a conta desejada. |
+
| 4.1 Clique em código de barras | +feedback: o download de um PDF contendo um código de barras irá começar. |
+
| 4.2 Clique em download | +feedback: o download da segunda via em formato de PDF irá começar. |
+
Fonte: Leandro de Almeida
Para essa tarefa o objetivo do usuário seria informar à CAESB um vazamento de água ou esgoto no endereço em questão. A figura 5 e a tabela 4 abaixo apresenta o diagrama e a tabela HTA dessa tarefa.
+ +Figura 5 - Diagrama HTA para informar vazamento na rua.
+
+
Fonte: Pedro Henrique
Tabela 4 - HTA para informar vazamento na rua.
| Objetivos/Operações | +Problemas e recomendações | +
|---|---|
| 0.Informar vazamento na rua. | ++ |
| 1.Acessar o portal de serviços. | +input : Selecionar na tela inicial a opção de portal de serviços. feedback: Redirecionado para a tela de portal de serviços. Plano : Acessar o portal de serviços para informar o vazamento na rua. |
+
| 1.1. Realizar login. | +Input: Dados para login. Feedback:Redirecionado para o portal de serviços. Plano: Realizar o login e prosseguir para a área de portal de serviços. |
+
| 2. Selecionar a opção de informar vazamento. | +Input: Apertar o botão “Informar vazamento na rua”. Feedback: Redirecionamento para o formulário para informar vazamento. Plano: Obter um formulário para preencher o endereço do vazamento. |
+
| 3. Preencher formulário com endereço do vazamento. | +Input: Dados do endereço com vazamento e dados da pessoa que está reportando o problema. Plano : Fornecer o endereço do vazamento e confirmar o envio para a CAESB. |
+
| 4. Enviar o formulário. | +Input: Selecionar o botão informar vazamento na rua. Feedback: Confirmação do envio ou indicação de algum dado obrigatório que falta no formulário. |
+
Fonte: Pedro Henrique
Nessa tarefa, o usuario ira fazer a revisão das suas contas, onde ele precisa acessar o site da caesb, acessar a pagina revisão de conta, fazer o login, selecionar a residência onde queira fazer a revisão, selecionar a conta a ser revisada e por fim clicar no botão "Selecionar revisão".
+ +Figura 6 - Diagrama HTA da Revisão de contas.
+
+
Fonte: Rodrigo Fonseca
Tabela 5 - HTA da Revisão de Conta.
| Objetivos/Operações | +Problemas e recomendações | +
|---|---|
| 1. Acessar o site da Caesb | ++ |
| 1.1 Acessar pagina de Revisão de Conta | +feedback: usuário é redirecionado para a página de Revisão de conta. |
+
| 1.2 Faça login | +input: Dados de login. feedback: o usuário é redirecionada para a página de selecionar a residencia a ser revisada via. |
+
| 2. Selecionar a residência desejada | +feedback: o usuário escolhe a residência a ser revisada. |
+
| 2.1 Selecionar a conta a ser revisada | +plano: o usuário escolhe qual conta que ele quer revisar. |
+
| 2.2 Clique no botão Solicitar Revisão | +feedback: o usuário solicita a revisão, onde ela vai ser revisada pela caesb onde alvaliará se é procedente a sua ação. |
+
Fonte: Rodrigo Fonseca
Nessa tarefa, o usuario ira consultar a qualidade da água em sua região administrativa. No qual ele precisa acessar o site da caesb, acessar o menu "Água", acessar o submenu "Controle de Qualidade", selecionar "Análises e Resultados", por fim clicar em "Resultados na Rede de Distribuição - Síntese por Sistemas de Abastecimento" ou "Qualidade da Água Distribuída" ou "Relatório Anual da Qualidade da Água". Caso selecionado "Relatório Anual da Qualidade da Água", clicar no ano desejado.
+ +Figura 7 - Diagrama HTA Qualidade.
+
+
Fonte: Mateus Levy
Tabela 6 - HTA da Qualidade da Água.
| Objetivos/Operações | +Problemas e recomendações | +
|---|---|
| 0. Consultar qualidade da água | ++ |
| 1. Acessar a aba Água | +plano: usuário é deve acessar o submenu Controle de Qualidade. |
+
| 2. Selecionar submenu Controle de Qualidade | +feedback: Abrirá um submenu chamando "Analises e Resultados" | +
| 3. Selecionar Análise e Resultados | +feedback: o usuário será redirecionado para a página de Analises e Resultados. |
+
| 3.1 Resultados na Rede de Distribuição - Síntese por Sistemas de Abastecimento | +feedback: o usuário será redirecionado para um pdf contendo uma análise mensal detalhada por sistema de abastecimento. |
+
| 3.2 Qualidade da Água Distribuída | +feedback: o usuário será redirecionado para um pdf contendo uma análise mensal detalhada por sistema de abastecimento. |
+
| 3.3 Relatório Anual da Qualidade da Água | +feedback: o usuário será redirecionado para uma página contendo os relatórios anuis |
+
| 3.3.1 Selecionar o ano desejado | +plano: o usuário deverá escolher relatório do ano que deseja |
+
Fonte: Mateus Levy
Nessa tarefa o usuário precisa acessar a área de autoatendimento, clicar em situação de débito, efetuar o login e verificar a situação de suas respectivas contas. A figura 5 e a tabela 4 apresentam, respectivamente, o diagrama e a tabela HTA da tarefa.
+ +Figura 8 - Diagrama HTA de Situação de débitos.
+
Fonte: Oscar de Brito
Tabela 7 - HTA de situação de débito.
| Objetivos/Operações | +Problemas e recomendações | +
|---|---|
| 0. Acessar o site da Caesb | ++ |
| 1. Clique em portal de serviço de atendimento | +feedback: usuário é redirecionado para a página de atendimentos. |
+
| 2. Clique no botão situação de débitos | +feedback : usuário e redirecionado para a paǵina de efetuar login | +
| 3. Faça login | +input: Dados de login. |
+
| 4. O download do arquivo com os débitos será executado automatimente | +feedback: o download dos débitos em PDF irá começar e o usuário será redirecionado para a página de download de débitos. |
+
| 4.1. O download do arquivo com débito não será executado automaticamente | +feedback: O usuário será redirecionado para a página de download de débitos |
+
| 5. Clique no botão de download | +feedback: o download dos débitos em PDF irá começar. |
+
Fonte: Oscar de Brito
++1. BARBOSA, S. D. J.; SILVA, B. S. Interação Humano-Computador. Rio de Janeiro: Elsevier, 2010.
+
++1. Bilheteria Digital. Análise Hierárquica de Tarefas. Repositório do Grupo Bilheteria Digital da disciplina de Interação Humano Computador da Universidade de Brasília, 2023. Disponível em: https://interacao-humano-computador.github.io/2023.1-BilheteriaDigital/analise-de-requisitos/analise-de-tarefas/hta/. Acesso em: 16 de out. 2023.
+
| Versão | +Data | +Descrição | +Autor(es) | +Revisor(es) | +
|---|---|---|---|---|
| 1.0 | +14/10/2023 | +Adicionando Análise de Tarefas | +Jefferson | +Tiago | +
| 1.1 | +15/10/2023 | +Adicionando Análise de Tarefas | +Tiago | +Jefferson | +
| 1.2 | +15/10/2023 | +Adicionando Análise da consulta a contas pagas | +Jefferson | +Tiago | +
| 1.3 | +15/10/2023 | +Adicionando emição da segunda via | +Leandro | +Oscar | +
| 1.4 | +16/10/2023 | +Adicionando Revisão de contas | +Rodrigo | +Leandro | +
| 1.5 | +16/10/2023 | +Adicionando Qualidade da Água | +Mateus | +Leandro | +
| 1.6 | +16/10/2023 | +Adicionando Situação de débito | +Oscar | +Leandro | +
| 1.7 | +17/10/2023 | +Correção da Análise de Tarefas | +Jefferson e Tiago | +Rodrigo e Mateus | +
A pesquisa que envolve a participação de seres humanos desempenha um papel crucial na expansão do conhecimento em diversas áreas. No entanto, a realização de estudos com indivíduos traz à tona um conjunto de questões éticas de extrema importância que precisam ser abordadas com extrema cautela. Esses aspectos éticos são fundamentais para garantir o devido respeito, segurança e bem-estar dos participantes, ao mesmo tempo em que asseguram a integridade da pesquisa. Para cumprir esse objetivo, é essencial que todo o processo seja estruturado de acordo com princípios éticos reconhecidos, como aqueles estabelecidos na Resolução nº 466/2012 do Conselho Nacional de Saúde no Brasil^1^.
+ +- Princípios da autonomia: que diz respeito à necessidade de obter o consentimento voluntário e plenamente informado das pessoas que participam da pesquisa. Além disso, esse princípio se estende à proteção de grupos vulneráveis e indivíduos legalmente incapazes, como menores de idade, estudantes ou subordinados. Isso implica que qualquer estudo envolvendo seres humanos deve tratar os participantes com respeito, levando em consideração sua capacidade de tomar decisões e cuidando especialmente daqueles que se encontram em situações de fragilidade.
+ +- Princípio da beneficência: que requer uma avaliação equilibrada dos riscos e benefícios associados à pesquisa, tanto no presente quanto no futuro, tanto para os indivíduos quanto para grupos. O objetivo é maximizar os benefícios da pesquisa e minimizar quaisquer danos ou riscos potenciais que possam surgir, seja em termos físicos, psicológicos, morais, intelectuais, sociais, culturais ou espirituais, durante qualquer fase da pesquisa ou após a sua conclusão.
+ +- Princípio da não maleficência: é fundamental e implica a obrigação de evitar danos previsíveis relacionados à pesquisa, sejam eles imediatos ou futuros.
+ +- Princípio da justiça e equidade: está relacionado à relevância social da pesquisa, destacando a importância de priorizar benefícios significativos para os participantes da pesquisa e ao mesmo tempo minimizar quaisquer ônus impostos a grupos vulneráveis. Isso garante uma consideração justa de todos os interesses envolvidos e mantém o caráter humanitário e social da pesquisa em primeiro plano.
+ +O termo de consentimento abaixo apresenta um padrão a ser utilizado durante as atividades envolvendo seres humanos, o membro do grupo que estiver aplicando a atividade deverá preencher os dados de acordo com a atividade desenvolvida. No contexto de gravações, o pesquisador reforçará a obtenção de permissão para utilizar tais registros, englobando a voz e/ou imagem dos participantes. Na abordagem desta disciplina em pesquisas que envolvem indivíduos, o grupo adota o modelo de termo de consentimento apresentado abaixo e será apresentado sempre que for pertinente. +
+ +Você está sendo convidado a participar de uma pesquisa acadêmica na área de Interação Humano Computador, conduzida pela Universidade de Brasília. O nosso objetivo é avaliar o site Caesb, que é uma aplicação que fornece informações sobre os serviços prestados pela empresa. A etapa atual do projeto consiste em [DESCRIÇÃO DA ETAPA].
+ +Para a realização desta etapa, desejamos solicitar o seu consentimento para participar de uma atividade [DESCRIÇÃO DA ATIVIDADE] que terá duração de [TEMPO DE DURAÇÃO].Para isso é importante que você entenda certas informações sobre esta pesquisa:
+Participando desta pesquisa, você demonstra que leu e compreendeu as informações descritas acima e concorda em responder ao questionário. Lembre-se de que sua participação é voluntária, e você pode desistir a qualquer momento, sem qualquer penalidade. Além disso, é importante salientar que as informações coletadas serão usadas exclusivamente para fins acadêmicos. +Ao prosseguir com a pesquisa, você está demonstrando sua concordância com os termos e condições mencionados neste documento. Se concorda assinale:
+ +Nome do Participante: ____
+Assinatura do Participante: ____
+Assinatura do entrevistador: ____
+Data: _____
++ ++2. Aspectos Éticos Bilheteria digital. Disponível em: https://github.com/Interacao-Humano-Computador/2023.1-BilheteriaDigital/blob/main/docs/analise-de-requisitos/aspectos-eticos.md. Acesso em: 13/10/2023
+
| Versão | +Data | +Descrição | +Autor(es) | +Revisor(es) | +
|---|---|---|---|---|
| 1.0 | +13/10/2023 | +Adiciona aspectos éticos | +Mateus e Rodrigo | +Leandro | +
| 2.0 | +13/10/2023 | +Adiciona termo de consentimento | +Mateus e Rodrigo | +Leandro | +
| 2.1 | +16/10/2023 | +Adicionando parágrafo | +Mateus | +Jefferson | +
| 2.2 | +16/10/2023 | +Corrige paragrafo | +Mateus | +Jefferson | +
| 2.3 | +16/10/2023 | +Corrige termo consentimento | +Mateus | +Jefferson | +
| 2.4 | +06/12/2023 | +Adiciona referencias e melhoria no texto | +Mateus | +Leandro | +
| 2.5 | +06/12/2023 | +corrige referencia | +Mateus | +Leandro | +
| + | + | + | + | + |
Ao realizar uma análise de Interação Humano-Computador em um site é essencial dar prioridade a aspectos relevantes para uma audiência específica. O objetivo dessa análise é identificar as características distintivas da plataforma e mapear os principais fluxos de interação realizados pelos usuários. Além disso, é crucial examinar quaisquer elementos no site que possam restringir ou causar desconforto aos usuários. +
+ +Neste documento, estão destacadas as características essenciais da plataforma, bem como seus pontos positivos e negativos.
+Neste artefato, empregamos a metodologia de inspeção, na qual o avaliador coleta informações por meio da inspeção direta de um site ou documento específico. Essa abordagem metodológica foi descrita no décimo segundo capítulo do livro "Interação Humano-Computador", escrito pela autora Simone Barbosa.
+ +O site da CAESB é um sistema que permite aos seus usuários realizar tarefas relacionadas a fornecimento de água mais facilmente. Espera-se que ele possa ser acessado pelos navegadores mais modernos e populares atualmente como Chrome, Firefox, Microsoft Edge, Opera, Safari entre outros. E as principais funcionalidades do site se encontram no portal de serviços, sendo elas:
+ +Realizar cadastro e login.
+Acompanhar solicitações.
+Consultar contas pagas
+Consultar falta de Água
+Emitir segunda via da conta
+Informar vazamento na rua
+Revisão de Conta
+Consultar Qualidade da Água
+Situação de débitos
+Outros serviços relacionados a contas e débitos.
+Solicitar serviços relacionados a saneamento e água.
+Solicitar ressarcimentos.
+Solicitar agendamentos.
+Consultas diversas relacionadas aos serviços da empresa.
+Possui compatibilidade com sistemas mobile, evidenciando design responsivo.
+Fornece diversas funcionalidades que possibilitam o autoatendimento pelo usuário.
+Os ícones de cada funcionalidade são bem definidos e explicativos permitindo ao usuário um maior entendimento do sistema.
+O site possui uma aba de perguntas frequentes e disponibiliza um atendimento via telefone para maior suporte.
+Além das funcionalidades, o site também apresenta um portal de notícias bem útil no contexto do sistema.
+Exibe na tela inicial uma carta de serviços que permite ao usuário em dúvida consultar quais atividades ele consegue executar pelo site, pelo app, entre outros meios.
+O site é veloz e consegue responder rapidamente às solicitações do usuário.
+O site apresenta elementos de acessibilidade.
+No portal de serviços as funcionalidades protegidas são bem indicadas.
+O site não fornece a opção de login na tela inicial, o que é esperado em sites similares.
+A página inicial é muito sobrecarregada de textos e informações, o que dificulta e desestimula o usuário a utilizar o site.
+Vários elementos da tela inicial do site apesar de possuírem nomes e ícones diferentes levam para a mesma tela, o que é contra intuitivo e prejudica a experiência do usuário.
+O sistema de busca da tela inicial, apesar de não indicar nada, funciona somente para busca de notícias e não é possível pesquisar funcionalidades do site por ele, tendo que acessar o portal de serviços para conseguir buscar as funcionalidades desejadas.
+Apesar de presentes, alguns elementos de acessibilidade podem prejudicar o site, como é o caso do aumentar fonte, que não apresenta limite e após um número de cliques quebra a formatação do site e torna impossível seu uso.
+Muitas opções que levam a outros sites, o que prejudica a orientação do usuário.
+Após acessar algumas telas como o portal de serviços por exemplo, não existe opção dentro do site para retornar à tela inicial.
+Ao pressionar a combinação de teclas "Command + U", no MacOS, na página inicial do site da Caesb, foi possível acessar e identificar as linguagens de programação utilizadas na construção do site. Estas linguagens são: +
+++1. BARBOSA, S. D. J.; SILVA, B. S. Interação Humano-Computador. Rio de Janeiro: Elsevier, 2011.
+
| Versão | +Data | +Descrição | +Autor(es) | +Revisor(es) | +
|---|---|---|---|---|
| 1.0 | +20/10/2023 | +Adiciona Características | +Mateus e Pedro | +Oscar | +
| 1.1 | +20/10/2023 | +Adiciona Objetivo | +Mateus | +Oscar | +
| 1.2 | +20/10/2023 | +Finalizando Características | +Pedro e Mateus | +Oscar | +
A criação de um cenário de análise começa com o desenvolvimento de uma narrativa envolvendo indivíduos realizando uma atividade específica1. Essa narrativa pode ser textual ou visual, deve incluir um contexto detalhado. O cenário descreve como uma aplicação é utilizada, incluindo usuários, processos e dados relevantes2. Em nossa disciplina, o principal objetivo de criar cenários é avalizar a satisfação do usuário com o produto e facilitar a compreensão da atividade em questão.
+ +Para a criação e melhor identificação dos cenários foram utilizados como atores as personas levantadas no tópico de análise de requisitos desse projeto. Dessa forma usando como base suas personalidades e ações para criar um cenário que mais se aproxime de um caso de uso real do site da CAESB e permita uma melhor avaliação e aproximação da realidade nesse projeto.
+ +Em todos os cenários criados é essencial incluir os elementos característicos de um cenário que são: contextos, atores, objetivos, planejamento, ações, eventos e avaliação. Os atores representados nas narativas serãoas personas desenvolvidas para o projeto.3
+ +Daniel Paulo Nunes, um professor de matemática do ensino médio com 40 anos de idade, residente em Brasília, é um cidadão comum que precisa acessar o site da Caesb para consultar suas contas pagas. Num dia ensolarado de domingo, depois de aproveitar seu café da manhã com sua esposa e filhos, Daniel decide lidar com sua papelada e verificar o histórico de contas pagas em seu laptop. Ele tem um conhecimento sólido na área da matemática, mas quando se trata de tecnologia, especialmente computadores, ele geralmente pede ajuda para seus filhos.
+ +Quando Daniel decide acessar o site da Caesb, ele abre seu navegador Chrome e digita "site da Caesb" na barra de pesquisa. Ele acessa a aba portais de serviço, seleciona as contas pagas, faz o login usando seu nome de usuário e senha previamente cadastrados, sem a necessidade de fornecer informações de localização. Uma vez logada ele.
+ +Durante o processo de verificação das contas, Daniel percebe a necessidade de distinguir entre as contas com valores diferentes. Ele nota uma conta com um valor inesperado, que ele logo identifica como relacionada a um serviço adicional que ele havia solicitado no mês anterior. Para evitar confusões futuras, Daniel decide marcar essa conta para revisão, a fim de entender melhor os detalhes.
+ +Daniel tem a expectativa de consultar suas contas com agilidade, ter opções claras de pagamento e simular valores de conta de forma precisa em relação ao seu consumo. Ele busca não apenas resolver suas questões pessoais, mas também contribuir positivamente para sua comunidade, sempre buscando informações e serviços que o ajudem a alcançar esse objetivo.
+ +Carla Mendes, uma empreendedora de 32 anos que reside no Gama, no Distrito Federal, é dona de uma loja de perfumes e está sempre em busca de melhorias para seu negócio. Carla, uma mulher solteira, tem uma personalidade extrovertida e um vínculo forte com sua família, amigos e outros lojistas da região. Suas habilidades incluem o gerenciamento de estoque e a capacidade de se relacionar com pessoas.
+ +A rotina de Carla começa cedo, gerenciando os produtos de sua loja de manhã e atendendo aos clientes durante o dia. À noite, ela se reúne com outros lojistas para debater problemas e oportunidades. Seu objetivo constante é melhorar o atendimento em sua loja, atrair mais clientes e fortalecer os laços com outros lojistas.
+ +Hoje, Carla acordou cedo como de costume, ansiosa para mais um dia de trabalho. No entanto, ao se preparar para abrir sua loja, recebeu uma ligação de um amigo lojista que a alertou sobre a falta de água na região. Isso poderia afetar a operação de suas lojas e de seus amigos lojistas. Carla, sempre preocupada com o bem-estar de sua comunidade e com a agilidade, decide agir prontamente.
+ +Ela pega seu smartphone, navegando na tela inicial e procura o site da Caesb no navegador. Uma vez lá, ela lembra do conselho de seu amigo acessa a página consultar falta de água, clica em consultar falta de água, faz o login, Consulta a falta de água em uma área da região para saber se a dela esta na lista.
+ +Carla navega pela página, localiza a seção de consulta de falta de água e seleciona a opção para verificar informações sobre a região administrativa do Gama. Com agilidade, ela examina os dados em busca de qualquer problema de fornecimento de água, vazamentos ou furtos de hidrômetros que possam impactar sua loja e seus amigos lojistas.
+ +Achando informações relevantes, Carla relata os problemas imediatamente, contribuindo para a comunidade de lojistas e fortalecendo ainda mais seus laços com eles. Ela percebe que, além de cuidar de sua loja e clientes, também pode ser uma voz ativa na resolução de problemas que afetam sua comunidade, algo que está alinhado com seu objetivo de melhorar sua loja e manter relacionamentos positivos com outros lojistas. Como Daniel, ela busca não apenas resolver suas questões pessoais, mas também contribuir positivamente para sua comunidade.
+ +Carla Mendes, a empreendedora de 32 anos que administra uma loja de perfumes no Gama, tem agora uma nova tarefa em mãos: emitir a segunda via da conta da Caesb. Carla, sempre em busca de melhorias para sua loja e atenta às necessidades de sua comunidade, sabe que a agilidade é essencial para manter seu negócio funcionando sem problemas.
+ +Naquela manhã, após cuidar das tarefas iniciais de sua loja e antes de atender aos clientes, Carla lembra que precisa lidar com a questão da segunda via da conta de água da loja. Ela sabe que essa ação pode economizar tempo e evitar atrasos no pagamento.
+ +Carla pega seu smartphone, abre o navegador e acessa o site da Caesb, a mesma página que ela já conhece bem, graças à sua habilidade social que a permite obter dicas e informações úteis. Ela procura a opção "Segunda via da conta" no site da Caesb, clicando no botão correspondente.
+ +Em seguida, ela é direcionada para a página de login. Carla preenche suas credenciais, e graças à sua habilidade social, ela não teve dificuldades em configurar suas informações de login previamente. Com o login concluído, ela clica no botão "Pesquisar".
+ +Carla agora se encontra na página onde precisa localizar a conta desejada. Ela rola a página até encontrar a fatura que corresponde ao mês atual. Ao identificar a conta correta, ela clica no "Código de Barras" para visualizá-lo.
+ +Depois de conferir o código de barras, Carla decide baixar a fatura para seus registros. Ela clica no botão "Download" e o arquivo PDF da segunda via da conta é baixado para seu dispositivo. Com a tarefa concluída, Carla tem a segunda via da conta de água pronta para pagamento e pode continuar aprimorando sua loja para atrair mais clientes e fortalecer seus relacionamentos com outros lojistas, mantendo-se fiel ao seu objetivo de melhoria contínua e apoio à comunidade.
+ +Daniel Paulo Nunes, um professor de matemática de 40 anos em Brasília, é um cidadão comprometido em contribuir para a comunidade em que vive.
+ +Um dia, após suas aulas de matemática pela manhã, Daniel volta para casa para almoçar com sua família, como de costume. No entanto, ele nota um grande vazamento de água na rua próxima a sua casa. Preocupado com o desperdício de água e com o bem-estar de sua comunidade, Daniel decide tomar medidas imediatas para informar o vazamento à CAESB, contribuindo assim para a solução desse problema.
+ +ele foi seguindo as etapas:
+ +informou vazamento na rua: Daniel, preocupado com o desperdício de água, decide relatar o vazamento na rua próxima à sua casa.
+ +Acessou o portal de serviços: Juntamente com seus filhos, Daniel abre o navegador no computador e acessa o portal de serviços da CAESB.
+ +Realizou login: Seus filhos, que são mais proficientes em tecnologia, ajudam Daniel a fazer login em sua conta, garantindo que ele possa acessar as funcionalidades necessárias.
+ +Selecionou a opção de informar vazamento: Dentro do portal, eles encontram a opção específica para relatar vazamentos de água ou esgoto.
+ +Preencheu formulário com endereço do vazamento: Daniel e seus filhos preenchem o formulário fornecendo detalhes precisos sobre a localização do vazamento. Com a experiência de seus filhos em preenchimento de formulários online, eles garantem que todas as informações necessárias sejam incluídas.
+ +Enviou o formulário: Após revisar cuidadosamente o formulário preenchido, Daniel e seus filhos clicam no botão "Enviar". O relato é encaminhado para a CAESB, permitindo que a equipe responsável tome as medidas necessárias para consertar o vazamento.
+ +A satisfação de Daniel em contribuir para sua comunidade e tomar medidas para resolver o problema é evidente. Ele cumpre seu objetivo de sempre buscar informações e serviços que possam beneficiar sua comunidade e contribui para a resolução do vazamento de água na rua. Além de suas responsabilidades como professor de matemática, ele continua a melhorar como profissional e cidadão, mantendo seu compromisso com sua comunidade e sua família.
+ +++1. ROSSON, M.B., CARROL, J.M. Usability engineering: scenario-based development of human-computer interaction. Morgan Kaufmann, 2002.
+2. COOPER, Alan. The Inmates Are Running the Asylum: Why High Tech Products Drive Us Crazy and How to Restore the Sanity (2nd Edition). Sams Publishing, 1999.
+3. BARBOSA, S. D. J.; SILVA, B. S. Interação Humano-Computador. Rio de Janeiro: Elsevier, 2011.
+
++1. Bilheteria Digital. Análise Hierárquica de Tarefas. Repositório do Grupo Bilheteria Digital da disciplina de Interação Humano Computador da Universidade de Brasília, 2023. Disponível em: https://interacao-humano-computador.github.io/2023.1-BilheteriaDigital/analise-de-requisitos/analise-de-tarefas/hta/. Acesso em: 16 de out. 2023.
+
| Versão | +Data | +Descrição | +Autor(es) | +Revisor(es) | +
|---|---|---|---|---|
| 1.0 | +16/10/2023 | +Adicionando cenários ao pages | +Oscar | +Leandro | +
O guia de estilo é um registro das principais decisões de design tomadas, de forma que elas não se percam, isto é, sejam efetivamente incorporadas no produto final1. Servem como uma ferramenta de comunicação entre os membros da equipe de design e também com a equipe de desenvolvimento.
+ +Um guia de estilo deve incorporar decisões de design que abranjam os principais elementos e considerações da interface de design. Os elementos a seguir devem ser levados em consideração.
+ +Layout: Envolve a proporção e os grids de design, a utilização de metáforas espaciais, bem como o design gráfico de exibidores e ferramentas.
+Tipografia: Refere-se ao uso de fontes e estilos de texto em diálogos, formulários e relatórios.
+Simbolismo: Foca na clareza e consistência no design de ícones, garantindo que os símbolos utilizados comuniquem de forma eficaz.
+Cores: Aborda os princípios fundamentais relacionados ao uso de cores no design, incluindo a aplicação de diretrizes específicas para uma paleta de cores eficaz.
+Visualização de Informação: Diz respeito ao design de gráficos, diagramas e mapas para apresentar informações de maneira clara e compreensível.
+Design de Telas e Elementos de Interface (Widgets): Envolvem as decisões de design relacionadas à disposição de elementos na tela, bem como o estilo e a funcionalidade de widgets e componentes da interface do usuário.
+O propósito fundamental deste Guia de Estilo é fornecer diretrizes e melhores práticas para o design e desenvolvimento de interfaces de usuário eficazes e usáveis na disciplina de Interação Humano-Computador (IHC). Aqui, abordaremos os seguintes tópicos:
+ +Elementos de Interface: incluindo disposição espacial e estrutura de grade, janelas, tipografia, paleta de cores, ícones, widgets, logotipos e design de telas.
+Elementos de Interação: abrangendo estilos de interação, seleção de estilos e o uso de aceleradores (teclas de atalho).
+Elementos de Ação: detalhando o preenchimento de campos, seleção de itens e ativação de funcionalidades.
+Este guia visa proporcionar um recurso valioso para profissionais que buscam aprimorar a usabilidade e a eficácia de suas interfaces de usuário na disciplina de IHC.
+ +O guia de estilo seguirá a estrutura proposta por Marcus3 e Mayhew2, a qual é dividida em: introdução, resultados de análise, elementos de interface, elementos de interação, elementos de ação, vocabulário e padrões. Este artefato tem como objetivo padronizar a interação do site e a aparência, garantindo uma melhor experiência para o usuário.
+ +Programadores, membros da equipe de suporte e gerentes de projeto que estão participando deste projeto são o público-alvo deste guia de estilo. Este guia deve ser utilizado como referência ao longo do processo de desenvolvimento, com o objetivo de assegurar que o resultado final seja uma interface utilizável, acessível e eficiente.
+ +O Guia de Estilo oferece orientações para garantir que a interface do usuário atenda às necessidades dos usuários finais, promovendo uma interação eficaz e satisfatória. serve como uma referência para apoiar a tomada de decisões de design em todas as etapas do projeto de Interação Humano-Computador.
+ +A manutenção contínua do Guia de Estilo é de suma impotância para que a equipe composta por alunos, designers e desenvolvedores tomem decisões que afetem o projeto de Interação Humano-Computador. Isso assegura a consistência visual e de interação no sistema, proporcionando a melhor experiência do usuário e evitando problemas de usabilidade e acessibilidade.
+ +Neste site, os usuários têm à disposição diversas maneiras de interagir através da página de autoatendimento e na barra de menu, são ofericidas opções como:
+Consulta de Contas Pagas: Para acessar suas contas já quitadas de forma rápida e prática.
+Verificação de Falta de Água: Para saber se há falta de água em uma região específica.
+Emissão da Segunda Via da Conta: Para obter uma cópia da sua fatura com facilidade.
+Reporte de Vazamento de Água na Rua: Para ajudar a identificar problemas de vazamento para uma solução mais rápida.
+Revisão de Conta: Para casos em que você tenha dúvidas ou precise revisar uma fatura.
+Consulta da Qualidade da Água: Para verificar a qualidade da água na sua região.
+Verificação da Situação de Débito: Para manter-se informado sobre a situação dos seus débitos.
+O site da Caesb apresenta uma interface com uma paleta de cores uniforme e elementos consistentes. O site é dedicado a fornecer informações sobre os serviços oferecidos pela Caesb, com foco especial em consultas relacionadas à água e verificação de contas.
+ +Não foram encontradas teclas de atalho.
+ +A maioria dos usuários acessa o site da Caesb através de celulares por isso é essencial que o site seja adaptado para dispositivos móveis devido à crescente tendência de uso de smartphones para acessar informações online.
+ +Além disso, a otimização do acesso às funcionalidades do site da Caesb em dispositivos móveis é crucial para atender às necessidades dos usuários que buscam realizar ações específicas, como consultar faturas, relatar problemas, ou obter informações sobre serviços.
+ +Os elementos sobre disposição grid, tipografia, cores, botões e ícones e logos estao representados na figura 1.
+ +Figura 1 - Elementos da Interface
+ + +Fonte: Oscar de Brito e Leandro de Almeida
Este documento estabelece diretrizes essenciais para o preenchimento de campos em interfaces de sistemas, visando assegurar a consistência e clareza na coleta de informações dos usuários. Os elementos que um usuário pode preencher, são campos presentes na interface do sistema, demandam que o usuário insira informações manualmente, de acordo com suas necessidades e objetivos. Exemplos de tais campos incluem a barra de pesquisa e as barras para efetuar o login.
+ +Há vários elementos de seleção, como, por exemplo, botões, menus, dropdowns, links, campos de pesquisa e outros. Esses elementos têm como objetivo facilitar a interação do usuário com o site, tornando a experiência mais agradável e intuitiva.
+ +Incluem botões, ícones, links, imagens e outros elementos clicáveis. Foram encontrados opções de efetuar o donwload para pdf, botões para acessar outras páginas e links para notícias.
+ +A Caesb segue convenções e padrões comuns a sites institucionais e de serviços públicos, são mais formais do que informais. O vocabulário e as terminologias usados no site geralmente refletem os termos e conceitos específicos relacionados ao setor e aos serviços oferecidos pela organização. Isso ocorre por algumas razões como: +Profissionalismo, Clareza e maior precisão, respeito ao público e universabilidade.
+ +O site da CAESB adota um padrão de design coeso e uma identidade visual consistente em suas diversas telas. A interface segue uma abordagem de design sólido e funcional, mantendo a coerência em todos os elementos. Essa uniformidade de estilo torna a experiência do usuário mais intuitiva e orientada para a eficiência, garantindo que os usuários possam navegar facilmente por todas as seções do site, que abrangem desde informações gerais até serviços específicos e recursos e recursos de atendimento ao cliente.
+ +As sequências seguem um padrão, os botões de confirmação e cancelamento são semelhantes, mesmo quando estão em páginas diferentes, e são de fácil visualização.
+ +++1. SIMONE DINIZ JUNQUEIRO BARBOSA, BRUNO SANTANA DA SILVA, Interação Humano-Computador, 1a. Edição, Elsevier, 2010.
+2. Mayhew, D. Th e Usability Engineering Lifecycle: a practitioner’s handbook for user interface design. San Francisco, CA: Morgan Kaufmann, 1999.
+3. Marcus, A. Graphic Design for Electronic Documents and User Interfaces. New York, NY: Th e ACM Press, 1992.
+
++1. Bilheteria Digital. Guia de estilo. Repositório do Grupo Bilheteria Digital da disciplina de Interação Humano Computador da Universidade de Brasília, 2023. Disponível em: https://interacao-humano-computador.github.io/2023.1-BilheteriaDigital/analise-de-requisitos/guia-de-estilo/. Acesso em: 21 de out. 2023.
+2. BancoCentral. Guia de estilo. Repositório do Grupo BancoCentral da disciplina de Interação Humano Computador da Universidade de Brasília, 2023. Disponível em: https://interacao-humano-computador.github.io/2023.1-BancoCentral/#/analise_requisitos/guia_estilo. Acesso em: 21 de out. 2023.
+
| Versão | +Data | +Descrição | +Autor(es) | +Revisor(es) | +
|---|---|---|---|---|
| 1.0 | +20/10/2023 | +Adiciona guia de estilo | +Leandro e Oscar | +Jefferson, Leandro, Mateus, Oscar, Pedro, Rodrigo e Tiago | +
| 1.1 | +21/10/2023 | +Acrescenta tópicos no guia de estilo | +Leandro e Oscar | +Jefferson, Leandro, Mateus, Oscar, Pedro, Rodrigo e Tiago | +
A usabilidade de um site desempenha um papel fundamental na experiência do usuário, influenciando diretamente sua satisfação e eficiência na realização de tarefas. No caso do site da CAESB (Companhia de Saneamento Ambiental do Distrito Federal), é crucial garantir que os visitantes tenham uma experiência eficaz e agradável ao interagir com o site. Para isso, são definidas metas de usabilidade que orientam o desenvolvimento e aprimoramento do site, visando atender às necessidades e expectativas dos usuários. As metas de usabilidade que serão tratadas nesse documento são as metas de usabilidade definidas pelo pesquisador Nielsen.
+ +O propósito deste documento é identificar e descrever as características da plataforma com base nas metas de usabilidade. Essas metas de usabilidade têm o intuito de oferecer ao designer de interação um método de avaliação dos aspectos da experiência do usuário em relação a um produto interativo.
+ +Para identificar as características da plataforma e analisar as metas de usabilidade do site da CAESB, será utilizado a metodologia de inspeção onde será percorrido o site a partir da perspectiva das características levantadas no perfil de usuário, dessa forma será analisado os aspectos de eficácia, eficiência, segurança, utilidade, aprendizado e memorização.
+A escolha da metodologia que incorpora as metas de usabilidade definidas por Jakob Nielsen é fundamental na criação de produtos e sistemas interativos. Essas metas representam diretrizes essenciais para o desenvolvimento, pois colocam o foco na experiência do usuário. No geral, a adoção dessas metas de usabilidade resulta em produtos mais eficazes, eficientes e seguros, proporcionando uma experiência mais satisfatória para os usuários.
+ +Uma regra geral que visa avaliar o desempenho de um sistema em relação à sua capacidade de atender às expectativas dos usuários, permitindo que eles aprendam facilmente a usá-lo, realizem suas tarefas de forma eficaz, acessem as informações que precisam e executem outros serviços de maneira satisfatória. O sistema deve fazer o que se espera dele.
+ +A eficiência diz respeito à rapidez com que os usuários podem concluir suas tarefas. Um sistema eficiente permite que as tarefas sejam realizadas de forma rápida, economizando tempo e esforço.
+ +A segurança visa proteger os usuários de ações indesejadas ou erros graves. Isso inclui a prevenção de situações perigosas e a capacidade de recuperação em caso de erros, garantindo que o usuário não cause danos significativos acidentalmente.
+ +A utilidade se concentra na capacidade do sistema de atender às necessidades dos usuários e fornecer valor real. Um sistema útil é aquele oferecem funcionalidades e recursos relevantes e significativos para o usuário.
+ +Refere-se à facilidade com que os usuários podem aprender a usar o sistema. Um sistema com boa usabilidade deve permitir que os usuários se familiarizem com ele de forma rápida e intuitiva, com um mínimo de esforço.
+ +A memorização envolve a capacidade dos usuários de lembrar como usar o sistema após um período de inatividade. Um sistema de alta usabilidade permite que os usuários recuperem facilmente seu conhecimento sobre como executar tarefas, mesmo após algum tempo sem utilizá-lo.
+ +O propósito deste documento é identificar e descrever as características da plataforma com base nas metas de usabilidade. Essas metas de usabilidade têm o intuito de oferecer ao designer de interação um método de avaliação dos aspectos da experiência do usuário em relação a um produto interativo.
+ +Lembrando de que a usabilidade de um site é uma questão subjetiva, e a análise pode variar dependendo do contexto e das necessidades dos usuários. Também podendo considerar a realização de testes de usabilidade com usuários reais para obter feedback mais específico.
+ +Pergunta: O site da CAESB protege os usuários de situações perigosas ou erros graves? Há medidas de segurança para evitar que os usuários cometam erros?
+No sistema: Existem mecanismo de proteção no site como indicações visuais em funcionalidades que são protegidas por login, as que dependem de Atualização Cadastral e os serviços que utilizam o novo Peticionamento Web (GDOC). Porém existem vários campos dentro das funcionalidades que permitem os mais diversos erros por parte dos usuários, como entrar com valores negativos em unidades de medidas, não preencher campos obrigatórios, entre outros. Além disso o uso da alternativa de acessibilidade aumentar a fonte, quebra a formatação do sistema caso seja utilizada algumas vezes, e não há nenhum aviso ou limitação quanto a isso. Por isso o site da CAESB não atende a meta de segurança, necessitando corrigir diversos erros para auxiliar e proteger os usuários do site de forma melhor.
+Imagem 1 - formatação quebrada pelo aumento da fonte Fonte: Site CAESB
+
++1 Preece, J.; Rogers, Y.; Sharp, H. Design de Interação: Além da Interação Humano-Computador. Bookman, 3ª ed. 2013.
+
++Diana Fournier. As 6 metas de Usabilidade. MEDIUM, 2016. Disponível em: https://medium.com/vivareal-ux-chapter/as-6-metas-de-usabilidade-9491442fd56a. Acesso em: 19/10/2023.
+
| Versão | +Data | +Descrição | +Autor(es) | +Revisor(es) | +
|---|---|---|---|---|
| 1.0 | +19/10/2023 | +Adicionando as Metas de Usabilidade | +Pedro e Rodrigo | +Oscar | +
| 1.1 | +20/10/2023 | +Finalizando as metas de Usabilidade | +Pedro e Rodrigo | +Oscar | +
| + | + | + | + | + |
Para entender melhor as necessidades e identificar quem são os usuários do site de análise do projeto, traçou-se um perfil genérico deles, denominado "perfil de usuário". Essa técnica consistiu em estabelecer uma descrição das características dos usuários cujos objetivos deveriam ser apoiados pelo sistema em análise. Para isso, foram identificadas as características de interesse e conduzido um estudo para coletar os dados dos usuários.1.
+ +Para estabelecer o perfil de usuário, o método de questionários foi utilizado. Foi elaborado um formulário on-line que foi divulgado em grupos e sites para que os usuários do site da CAESB pudessem responder. A escolha desse método se deu principalmente por permitir que um grande número de pessoas respondesse e que ele fosse respondido do conforto do lar ou local de trabalho. O questionário teve foco em questões fechadas para privilegiar o preenchimento rápido dos participantes e, posteriormente, uma análise mais rápida das respostas.
+ +Também foi utilizada uma plataforma de análise de dados chamada SimilarWeb, que fornece informações relevantes sobre o tráfego na web e o desempenho online de sites e aplicativos móveis. Além disso, essa plataforma disponibiliza dados sobre a origem do tráfego, informações demográficas dos usuários e outros dados importantes.
+ +A maioria dos usuários são do sexo masculino e possuem idades entre 25 e 34 anos. Suas principais áreas de interesse são Informática, Eletrônica e Tecnologia. As figuras 1 e 2 demonstram esses dados.
+ +Figura 1 - Faixa etária e sexo dos usuários da Caesb
+
Fonte: SimilarWeb. Acesso em: 16 de out. 2023
Figura 2 - Principais interesses dos usuários da Caesb
+
Fonte: SimilarWeb. Acesso em: 16 de out. 2023
O número referenciado ao final de cada pergunta levará até a resposta obtida no questionário.
+ +Qual a sua idade ? 1
+Qual o seu sexo ? 2
+Qual seu nível de escolaridade? 3
+Qual plataforma você utiliza para acessar o site? 4
+Em qual região do DF você mora ? 5
+Qual a sua ocupação? 6
+Existe alguma tarefa na qual você acredita que necessita de um apoio maior na execução? Se sim, qual seria essa tarefa? 7
+Qual sua experiência com aparelhos eletrônicos (ex. celulares, computadores e etc) 8
+Você costuma consultar ou pagar contas em débito em seu nome utilizando esse site? 9
+Você costuma fazer alguma reclamação acerca do fornecimento da água utilizando esse site? 10
+Você costuma buscar informações sobre o abastecimento de água utilizando esse site? 11
+Você costuma solicitar serviços relacionados à água e saneamento utilizando esse site? 12
+Você costuma acessar dados sobre a qualidade da água utilizando esse site? 13
+Você costuma verificar locais que há falta de água programada? (Quando se depara com falta de água na sua região) 14
+Quão fácil é para você corrigir um erro que você mesmo cometeu ao usar o site da Caesb? 15
+O quão fácil é para você encontrar as informações no site da CAESB? 16
+Os resultados do questionário apresentaram uma grande variedade, o que se esperava, considerando a diferença tanto na idade quanto na ocupação dos participantes. Além disso, ficaram evidentes as disparidades no uso deste site, dependendo do perfil do usuário. As informações obtidas foram ilustradas nas figuras de 3 a 15.
+ +Resultados:
+ +Figura 3 - Respostas da pergunta 1
+
Fonte: Leandro de Almeida, 2023
Resultados:
+ +Figura 4 - Respostas da pergunta 2
+
Fonte: Leandro de Almeida, 2023
Resultados:
+ +Figura 5 - Respostas da pergunta 3
+
Fonte: Leandro de Almeida, 2023
Resultados:
+ +Figura 6 - Respostas da pergunta 4
+
Fonte: Leandro de Almeida, 2023
Resultados:
+ +Tabela 1: Regiões que os usuários moram
| Em qual região do DF você mora? | +Quantidade de pessoas | +
|---|---|
| Gama | +3 | +
| Santa Maria | +3 | +
| Guará | +1 | +
| Recanto das Emas | +1 | +
| Samambaia | +2 | +
| Sobradinho | +1 | +
| Taguatinga | +1 | +
| Outro | +3 | +
Fonte: Leandro de Almeida, 2023
Resultados:
+ +Tabela 2: Ocupações dos usuários
| Qual a sua ocupação? | +Quantidade de pessoas | +
|---|---|
| Aposentado | +1 | +
| Estudante | +7 | +
| Técnico em TI | +1 | +
| Eletricista | +1 | +
| Segurança | +1 | +
| Outro | +4 | +
Fonte: Leandro de Almeida, 2023
Resultados:
+ +Tabela 3: Tarefa que necessita de mais apoio
| Existe alguma tarefa na qual você acredita que necessita de um apoio maior na execução? Se sim, qual seria essa tarefa? | +Quantidade de pessoas | +
|---|---|
| Acessar os dados sobre a qualidade da água | +3 | +
| Solicitar serviços relacionados à água e saneamento | +2 | +
| Reclamar sobre o fornecimento de água | +2 | +
| Eletricista | +1 | +
| Segurança | +1 | +
| Outro | +4 | +
Fonte: Leandro de Almeida, 2023
Resultados:
+ +0 - Pouca experiência
+5 - Muita experiência
+ +Figura 7 - Respostas da pergunta 5
+
Fonte: Leandro de Almeida, 2023
Resultados:
+ +Figura 8 - Respostas da pergunta 6
+
Fonte: Leandro de Almeida, 2023
Resultados:
+ +Figura 9 - Respostas da pergunta 7
+
Fonte: Pedro Henrique, 2023
Resultados:
+ +Figura 10 - Respostas da pergunta 8
+
Fonte: Pedro Henrique, 2023
Resultados:
+ +Figura 11 - Respostas da pergunta 9
+
Fonte: Pedro Henrique, 2023
Resultados:
+ +Figura 12 - Respostas da pergunta 10
+
Fonte: Pedro Henrique, 2023
Resultados:
+ +Figura 13 - Respostas da pergunta 11
+
Fonte: Pedro Henrique, 2023
Resultados:
+ +Figura 14 - Respostas da pergunta 12
+
Fonte: Pedro Henrique, 2023
Resultados:
+ +0 - Fácil
+5 - Difícil
+ +Figura 15 - Respostas da pergunta 13
+
Fonte: Pedro Henrique, 2023
Com base nas respostas coletadas no questionário sobre a Caesb, chegamos a várias conclusões. A maioria dos usuários é do sexo masculino e está na faixa etária de 18 a 24 anos e possui ensino superior incompleto. Além disso, é notável que a maioria deles acessa o site por meio de dispositivos móveis, como celulares.
+ +Também observamos que muitos usuários não utilizam as diversas funções oferecidas pelo site, tais como fazer reclamações, buscar informações sobre o abastecimento de água, solicitar serviços e consultar a qualidade da água. No entanto, a função de verificar locais onde há falta de água é amplamente utilizada pela maioria dos usuários.
+ +Quanto à experiência do usuário, percebemos uma divisão de opiniões. Algumas pessoas consideram fácil corrigir um erro cometido por elas mesmas no site, enquanto outras acham essa tarefa um pouco complicada. No entanto, a maioria dos usuários concorda que é fácil encontrar as informações desejadas no site.
+ +++1. BARBOSA, S. D. J.; SILVA, B. S. Interação Humano-Computador. Rio de Janeiro: Elsevier, 2011.
+
| Versão | +Data | +Descrição | +Autor(es) | +Revisor(es) | +
|---|---|---|---|---|
| 1.0 | +13/10/2023 | +Adiciona Perfil do Usuário | +Pedro e Leandro | +Oscar | +
| 1.1 | +26/10/2023 | +Arruma fonte das imagens | +Pedro e Leandro | +Oscar | +
Autores, como Norman (1988), destacam a necessidade de projetarmos o sistema utilizando um modelo conceitual que permita o usuário aprender rapidamente e sem difuculdade. Este modelo conceitual deve auxiliar a interpretar o relacionamento entre as ações e informações apresentadas pelo sistema e o conhecimento no mundo. Norman também destava que o design deve facilitar: determinar quais ações são possíveis a cada momento, fazendo uso de restrições (constraints); tornar as coisas visíveis, incluindo o modelo conceitual do sistema, +as ações alternativas e os resultados das ações; avaliar o estado corrente do sistema e seguir mapeamentos naturais entre as intenções e as ações requeridas, entre as ações e o efeito resultante, e entre a informação que está visível e a interpretação do estado do sistema.
+Para isso, os princípios e diretrizes abordam os tópicos:
Temos por objetivo avaliar, de acordo com os princípios de desing, se o site da Caesb +viola algum desses objetivos. Este artefato foi realizado por Jefferson Sena e Tiago Albuquerque.
+ +Deve existir uma +correspondência entre as variáveis do mundo real e do sistema projetado. Se +um sistema projetado é uma versão de algo que já existe no mundo real, esse +sistema deveria corresponder com as expectativas que o usuário tem sob o +mundo real. Devemos nos certificar de que o usuário consegue determinar os +relacionamentos entre: intenções e ações possíveis; entre ações e seus +efeitos no sistema; entre o estado real do sistema e o que é percebido pela +visão, audição ou tato; entre o estado percebido do sistema e as +necessidades, intenções e expectativas do usuário.
+ +Norman (1988) recomenda +simplificar a estrutura das tarefas, reduzindo a quantidade de planejamento e +resolução de problemas que elas requerem. Tarefas que são +desnecessariamente complexas devem ser reestruturadas, utilizando +inovações tecnológicas.
+ +É importante manter o +usuário no controle durante o design de IHC. O usuário deve se sentir no +comando, ter o controle sobre o computador, a interface e o ambiente de +trabalho. É necessário reduzir o número de opções ou decisões que o usuário +precisa tomar constantemente. Os usuários não devem ser presos a um único +caminho de interação. Usuário experientes devem ser possibilitados de +iniciarem ações e controlar o sistema. Oferecer a capacidade dos usuários de +desfazer ações.
+ +Esta violação está presente em diversas consultas do site. Trata-se da página que é aberta após o usuário selecionar a inscrição. O conteúdo aberto, como consulta a 2° Via não é relevante no momento, mas sim o botão de pesquisar por outra inscrição, pois só por meio dele o usuário retorna a página de inscrições cadastradas não sendo possível retornar com o retorno do navegador, mesmo que seja a sequência padrão de páginas do site. Sendo assim, o usuário só consegue de fato voltar a inscrição quando aperta o botão, pois se apertar o botão de retornar (destacado pela seta) o site realiza o logoff do usuário.
+ +Figura 1 - Violação: Equilíbrio entre Controle e Liberdade do Usuário
+
Fonte: Caesb.
Norman (1988) recomenda assegurar a +consistência da interface com o modelo conceitual embutido no sistema, para +facilitar o aprendizado e o uso. Isso significa que todos os aspectos do +produto, incluindo design, imagem, documentação e manuais, devem estar +alinhados com e exemplificar o funcionamento do modelo conceitual +subjacente. De acordo com Norman e Tognazzini (2014), a consistência mais +importante é com as expectativas dos usuários. A terminologia deve ser +consistente em todo o sistema. No entanto, alguns elementos de interface +exigem maior consistência do que outros. Elementos que não têm +correspondência visual ou cuja operação é internalizada pelos usuários +devem permanecer consistentes em todo o sistema. Por outro lado, +elementos que têm comportamentos diferentes devem ter aparências +distintas para evitar confusão.
+ +Nesta violação, a opção "Clientes Especiais" não possui o cadeado identificando que é uma área reservada para usuários cadastrados e que necessita de login para acessar. Porém, quando acessa a aba é direcionado para uma área de login em que é necessário inserir os dados cadastros.
+ +Figura 2 - Consistência e Padronização
+
Fonte: Caesb.
Figura 3 - Consistência e Padronização
+
Fonte: Caesb.
O usuário deve ser mantido ocupado, +processamento demorados não devem impedi-lo de realizar outras atividades +no sistema. O sistema deve salvar coisas já feitas pelo usuário, evitando a +perda de trabalho. O sistema deve fornecer atalhos e aceleradores, como +teclas de atalho e botões na barra de ferramenta.
+ +Consiste em tentar prever o que o usuário quer e precisa, tomando iniciativas e fornecendo informações adicionais que podem ser úteis antes mesmo que o usuário pergunte por elas.
+ +Nesta violação, o site não informa a descrição dos parâmetros ao usuário dificultando assim a execução da funcionalidade, uma vez que nem todos os usuários têm conhecimentos dos parâmetros.
+ +Figura 4 - Violação: Antecipação
+
Fonte: Caesb.
Visibilidade e Reconhecimento: O estado do sistema, os objetos, as ações e +as opções devem estar atualizados e facilmente perceptíveis. O usuário deve +reconhecer as partes da aplicação. O sistema deve fornecer feedbacks a +respeito do que ocorreu ou está ocorrendo, no tempo correto. Ações +frequentes, informações de status podem ser sutis, mas par ações +infrequentes e com grandes consequências, a resposta deve ser mais +substancial.
+ +A figura em destaque não é reconhecida por parte dos usuários como um caminho para a página "Portal de Serviços" pois aparenta ser somente uma imagem, fazendo não ser facialmente perceptível, violando o princípio de Visibilidade e Reconhecimento.
+ +Figura 5 - Violação: Visibilidade e Reconhecimento
+
Fonte: Caesb.
Projeto estético e minimalista. +Mensagens de instrução e ajuda devem ser concisas e informativas sobre +problemas que ocorrerem. Rótulos de menus e botões devem ser claros e +livres de ambiguidade e o texto deve ser legível.
+ +Na figura o termo "home" presente no menu, pode não ser suficientemente claro para todos os usuários, principalmente para aqueles que não estão acostumado com a expressão "home". É preferível optar por "página inical" ou "início" no local de "home"
+ +Figura 6 - Violação: Conteúdo relevante e expressão adequada
+
Fonte: Caesb.
Deve ser fácil reverter as operações e difícil realizar +ações irreversíveis. Os usuários devem ser auxiliados quanto a +reconhecerem, diagnosticarem e se recuperarem de erros. Controle de +funções utilizadas frequentemente não devem ficar ao lado de outros +controles que são considerados perigosos ou que raramente são usados.
+ +Essa função tem por objetivo simular uma conta, baseado nos campos "consumo", "unidade de consumo" e "Categoria". Ela viola o princípio de Projeto para erros pois permite que o usuário insira valores negativos nos campos "consumo" e "unidade de consumo" e faz a impressão da conta com valores negativos, o que é impossível de acontecer e é um erro.
+ +Figura 7 - Violação: Projeto para Erros
+
Fonte: Caesb.
++1. BARBOSA, S. D. J.; SILVA, B. S. Interação Humano-Computador. Rio de Janeiro: Elsevier, 2011.
+
| Versão | +Data | +Descrição | +Autor(es) | +Revisor(es) | +
|---|---|---|---|---|
| 1.0 | +19/10/2023 | +Adiciona Princípios Gerais do projeto | +Jefferson e Tiago | +Leandro e Pedro | +
| 1.1 | +22/10/2023 | +Adição de algumas imagens e descrição das violações | +Jefferson e Tiago | +Leandro e Pedro | +