Protótipos de Baixa Fidelidade

Protótipos de baixa fidelidade permitem a interação com o produto imaginado para que se possa adquirir experiência sobre como usá-lo. A partir disso é possível discutir as ideias obtidas com os stakeholders, refletir sobre o design e escolher entre diferentes alternativas (PREECE et al., 2005).

Nesta pesquisa, inicialmente os protótipos foram feitos em papel (Figura 27), com o objetivo de testar o posicionamento dos elementos definidos na sessão anterior.

Em seguida as alternativas consideradas mais adequadas foram- prototipadas

com mais detalhes utilizando as ferramentas Pencil (Evoluts, 2012) e Photoshop (Adobe Systems, 2014).

Neste nível foram definidos os tipos dos componentes, por exemplo, se o campo de inserção de dados é textual ou uma lista de seleção, bem como foram adicionados rótulos e títulos. Foram definidas também as possíveis mensagens de erro e de feedback que o usuário pode receber ao navegar entre as telas. A seguir são apresentados os protótipos e os respectivos comentários sobre quando eles são exibidos, que tarefas é possível realizar e que telas é possível acessar a partir deles.

Tela 1 – Inicial Empresa

É a tela inicial do gerente quando já existe uma empresa e projetos criados.

Nela o gerente pode expandir detalhes da empresa clicando na seta para baixo (que leva para a Tela 8 - Empresa) e pode ir para a tela de um dos projetos, clicando no nome dele (Tela 2 – projeto - planejamento).

Onde está escrito Empresa X, deve aparecer o nome da empresa.

Figura 28: Pencil Figura 29: Photoshop

Figura 31: Tela 2 - Projeto –Planejamento Tela 2 – Projeto – Planejamento

O projeto, após iniciado, sempre abre na opção do menu Planejamento e Monitoramento, onde o gerente realiza a maior parte das suas atividades.

O ícone Relatório leva para a página onde são gerados os relatórios do projeto.

O ícone Sequenciamento leva para a página onde as atividades são sequenciadas. Caso nenhuma atividade tenha sido criada, e o usuário clicar nesse ícone, deve ser exibida a Mensagem 1.

A opção selecionada do menu deve estar em destaque (neste caso Planejamento e Monitoramento).

O filtro permite selecionar as atividades de um determinado usuário.

O conteúdo dos pacotes é retrátil. Duplo-clique sobre o pacote estende ou contrai as suas atividades e sub-pacotes.

Duplo-clique na atividade expande os seus detalhes (similar a tela 6 - Editar Atividade, porém não é editável).

Para ordenar as atividades dentro de um pacote usa-se as setas da coluna Ordem.

Para criar uma nova atividade, editar ou excluir um pacote, clicar com o botão direito sobre o pacote (vai para a Tela 3 – Menu EAP).

Para editar, excluir, ver detalhes da atividade, clicar com o botão direito sobre a atividade (vai para Tela 4 – Menu Atividade).

Para ver os detalhes do projeto, clicar na seta para baixo ao lado do nome do projeto (Tela 7.1 – Detalhes do Projeto.

Figura 32: Mensagem 1

Tela 3 – Menu EAP

Para dar suporte aos processos de “Criar EAP”, pré-requisito para o processo “Decompor atividades”, “Estimar a duração das tarefas” e “Estimar os recursos humanos” (PMI,2013) é exibida a Tela 3.

Clicar em Editar expande a linha da tabela (Tela 5 – Editar EAP)

Clicar em Excluir exibe a Mensagem 2. Se o usuário confirmar, o pacote é excluído. É exibida a Mensagem 3.

Clicar em Dicionário leva para uma nova tela com o dicionário da EAP.

Clicar Nova Atividade, adiciona uma nova linha no final do pacote (similar a Tela 6 – editar atividade, mas com os campos em branco).

Figura 34: Mensagem 2 Figura 33: Tela 3 – Menu da EAP

Tela 4 – Menu Atividade

Para dar suporte aos processos de “Decompor atividades”, “Estimar a duração das tarefas” e “Estimar os recursos humanos” (PMI, 2013) é exibida a Tela 4.

Clicar em Editar expande a linha da tabela (Tela 6 – Editar atividade)

Clicar em Excluir exibe a Mensagem 2. Se o usuário confirmar, a atividade é excluída. É exibida a Mensagem 4.

Clicar em Detalhes expande a linha exibindo os demais campos (similar a tela 6 – Editar Atividade, porém não editável).

Tela 5 – Editar EAP

Para dar suporte ao processo de “Criar EAP”, (PMI, 2013) é exibida a Tela 5.

Clicar em Salvar exibe a Mensagem 4, fecha a expansão e altera os dados da atividade.

Clicar em Cancelar exibe a Mensagem 5. Se o usuário confirmar o cancelamento a expansão é fechada e os dados da atividade não são alterados.

Tela 6 – Editar Atividade

Clicar em Salvar exibe a Mensagem 4, fecha a expansão e altera os dados da atividade. Clicar em Cancelar exibe a Mensagem 5. Se o usuário confirmar o cancelamento a expansão é fechada e os dados da atividade não são alterados.

Se mais papeis forem inseridos, a expansão fica mais longa e os novos campos são adicionados abaixo dos anteriores.

Clicar na lista de RH exibe os recursos com o papel correspondente ao selecionado e após uma separação “outros” são exibidos os demais recursos.

Se o usuário tentar alocar um RH, sem ter alocado um papel, é exibida a Mensagem 6. Se o usuário tentar alocar um papel, sem ter criado papeis, é exibida a Mensagem 6.

Se o usuário tentar selecionar papéis sem ter criado os papéis da empresa é exibida a Mensagem 7: “Por favor, crie os papéis da empresa antes de selecionar o papel”.

Se o usuário tentar cadastrar um RH, sem ter cadastrado algum funcionário antes, é exibida a mensagem 8.

Tela 7 – Editar Projeto

Após clicar em salvar é exibida a Mensagem 4. Fecha a expansão e altera os dados da atividade. Após clicar em cancelar é exibida a Mensagem 5. Se o usuário confirmar o cancelamento fecha a expansão e não altera os dados da atividade.

Se o usuário tentar alocar o RH sem selecionar o papel é exibida a Mensagem 6.

Figura 38: Mensagem 4

Figura 39: Mensagem 5

Figura 40: Mensagem 6

Figura 41: Mensagem 7

Figura 42: Mensagem 8 Figura 37: Tela 6 - Editar Aividade

Tela 8 – Tela inicial sem empresa/ Editar Empresa

Ao logar pela primeira vez no dotProject+, quando nenhuma empresa ainda foi criada, o gerente é convidado a criar uma empresa, é exibida a tela 8.1 e a Mensagem: “Crie uma empresa para começar a usar o dotProject+”.

Figura 44: Tela 8 – Tela Inicial sem Empresa Figura 43: Tela 7 - Editar Projeto

Tela 9 – Projeto – Planejamento sem EAP

Após criar o projeto a sua lista de EAP e atividades está inicialmente vazia. É exibida a tela 9 e a mensagem “Clique com o botão direito para criar um item da EAP” que convida o usuário a criar o primeiro item da EAP clicando com o botão direito.

Tela 10 – Projeto – Planejamento – EAP sem atividade

Após criar s EAP, ainda não há atividades registradas. Para acompanhar o processo de “Decompor as atividades” (PMI,2013) é exibida a tela 11 e a mensagem “Clique com o botão direito no Item da EAP para criar adicionar uma atividade.

Tela 11 - Monitoramento de Cronograma

Para dar suporte ao processo “Controlar Cronograma” é apresentada a Tela 11.

Nessa tela o gerente pode selecionar um período para o qual deseja ver o cronograma. Além disso são exibidos os índices do cronograma do projeto e o gráfico de Análise do Valor Agregado.

Figura 45: Tela 9 - Projeto sem EAP

Tela 12 – Menu do Usuário

No menu o usuário pode sair do sistema, acessar sua agenda e seus dados pessoais.

Tela 13 - Execução

Essa tela exibe a lista de atividades do usuário.

Figura 47: Tela 11 - Monitoramento do Cronograma

Tela 13.1 – Editar Execução

Para dar suporte ao processo “Controlar Cronograma” (PMI, 2013), é necessário atualizar os status das tarefas, conforme a tela 13.1.

Nessa tela o usuário pode alterar o status das suas atividades. Figura 49: Tela 13 - Execução

Após o desenvolvimento dos protótipos da nova versão pode-se observar que os problemas mais graves encontrados na avaliação da versão 2.1.7 foram solucionados, conforme mostra o Quadro 24.

Quadro 24: Problemas de usabilidade / Sugestão de melhoria

Problema Melhoria

O feedback das ações do usuário são quase imperceptíveis na parte superior esquerda da tela.

O feedback para as ações do usuário é exibido dentro de uma caixa de diálogo no centro da tela na parte superior.

O sistema não deixa claro quais ações podem ser feitas a partir da execução de uma atividade e a sua organização não possui uma ordem lógica que guie o usuário a realizar as atividades na devida ordem.

Foram inseridas dicas para guiar o usuário na realização da atividade pela primeira vez (por exemplo a mensagem “Clique com o botão direito para adicionar uma atividade”). Além disso, quando uma atividade não está

disponível para execução o sistema exibe uma mensagem dizendo o que o usuário deve fazer antes de realiza-la (por exemplo, antes de sequenciar o usuário deve criar as atividades). As opções do menu (abas) são dispostas seguindo uma ordem lógica, por exemplo a Iniciação deve ser feita antes da Execução. Figura 50: Tela 13.1 – Editar Execução

Botões para adicionar e remover atividades ficam em posições muito distantes entre si.

Na nova versão o usuário pode excluir ou adicionar uma atividade em um mesmo local. A navegação entre diferentes níveis da

hierarquia do sistema (empresa, projeto) varia de acordo com a tela atual.

A navegação entre telas de diferentes níveis da hierarquia do sistema foi padronizada. A partir de cada tela do sistema é possível voltar para a anterior com apenas um clique.

A forma de inserir um item EAP e uma atividade é diferente.

Na nova versão a forma de inserir itens na EAP e criar atividades é similar.

[Atividade] O formulário é dividido em duas partes, cada uma possui um botão de “salvar”, independente do botão a ser clicado as

informações obrigatórias das duas abas devem ser preenchidas.

Todas as informações inseridas pelo usuário em um formulário são confirmadas utilizando o mesmo botão de Salvar.

Os dados do projeto são constantemente exibidos mesmo quando não são necessários. As atividades sendo executadas são exibidas na parte inferior da tela.

Os dados do projeto foram reduzidos, eliminando informações desnecessárias, por default eles ficam escondidos, e podem ser exibidos quando o usuário desejar.

[Decompor atividade] As atividades são criadas na aba Planejamento, mas para preencher suas informações é necessário acessar as atividades em outro local, na Aba Atividades.

A decomposição e o preenchimento das suas informações são feitos em uma mesma tela.

[Atividade] Formulário tem campos obrigatórios escondidos em outras abas.

Não há campos ou funcionalidades em partes da tela que não são visíveis ao usuário.