Princípios Gerais
Introdução
Ao projetar um sistema, é fundamental adotar um modelo conceitual que permita ao usuário aprender rapidamente e utilizar o sistema de forma eficaz. O uso de um modelo claro facilita a compreensão das interações, de modo que o usuário possa explorar as funcionalidades do sistema sem dificuldades. Segundo Barbosa e Silva (2011, p.265), a interpretação do relacionamento entre as ações do sistema, as informações fornecidas e o conhecimento prévio do usuário é essencial para o bom design da interface.
Este artefato visa explorar os princípios e diretrizes gerais de design e como eles se aplicam à realidade do Portal DETRAN-DF, com o objetivo de melhorar a interação e a experiência do usuário.
Metodologia
Tendo em vista a literatura usada na disciplina e os princíos e diretrizes gerais, o grupo analisou como esses aspectos podem ser vistos dentro da realidade do Portal DETRAN-DF.
A seguir, será descrito cada princípio, destacando sua presença ou ausência no portal, o que contribui para uma análise crítica e construtiva do sistema.
Correspondência com as Expectativas dos Usuários
De acordo com Barbosa e Silva (2011, p.265), é importante criar conexões intuitivas no design de sistemas, permitindo que os usuários compreendam facilmente a relação entre suas intenções, as ações possíveis e os impectos dessas ações no sistema.
Um exemplo disso é o design de plataformas de e-commerce, que deve permitir a escolha de pordutos sem exigir a identificação do usuário até o momento do pagamento (Figura 1).
Figura 1: Exemplo de expectativa do usuário
Além disso, as interações devem ser estruturadas de maneira lógica e familiar ao usuário, permitindo que ele execute suas tarefas de forma eficiente e sem erros.
No caso do Portal DETRAN-DF, um usuário que deseja buscar informações dentro do site, naturalmente procuraria por uma barra de pesquisa, normalmente posicionada na barra de navegação, para facilitar essa busca. No entanto, essa funcionalidade está ausente no portal, o que impede uma navegação intuitiva e eficaz.
Assim, indica uma frutração por parte do usuário em relação as suas expectativas.
Figura 2: Página inicial do Portal DETRAN-DF
Fonte: Portal DETRAN-DF
Simplicidade nas estruturas das tarefas
Tarefas estruturadas de forma mais simplificada minimizam as necessidades de planejamento e resolução de problemas por parte dos usuários.
Para se obter essa simplicidade, segundo Barbosa e Silva (2011, p.267), algumas abordagens podem ser adotadas como:
-
Manter as tarefas inalteradas, oferecendo suporte variado para que os usuários possam aprendê-la e realiza-la com mais facilidade;
-
Tornar visíveis elementos invisíveis, utilizando tecnologias para aprimorar o feedback e garantir que o usuário se sinta no controle da tarefa;
-
Automatizar total ou parcialmente a tarefa, sem alterar a sua essencia;
-
Modificar a natureza da tarefa, se necessário.
No contexto do Portal DETRAN-DF, podemos identificar essa simplicidade na estrutura de tarefas na realização de agendamento online de serviços de forma simplificada.
Antes, para realizar um atendimento, o usuário preciava ligar ou ir pessoalmente à uma unidade de atendimento para marcar um horário.
Após essa simplificação, o usuário pode fazer um agendamento de forma rápida inserindo seus dados e selecionando o tipo de serviço e data e hora do atendimento.
Figura 3: Página de agendamento de serviços
Fonte: Portal de Serviços do Detran
Equilíbrio entre controle e liberdade do usuário
É fundamental garantir que os usuários tenham controle sobre o sistema enquanto desfrutam de um nível adequado de liberdade para executar suas tarefas. Essa abordagem busca equilibrar a autonomia do usuário e o suporte necessário para evitar erros ou confusão (Barbosa e Silva - 2011, p.267).
É notável que essa diretriz não é respeitada no Portal DETRAN-DF quando o usuário, para ter acesso a diversas informações do Portal, deve estar logado no sistema.
Essa dependência de Login faz com que os usuários precisam criar uma conta ou lembrar de suas credenciasi para acessar informações gerais ou até mesmo saber sobre o que tal página se trata.
De acordo com o que está na imagem a seguir, o usuário pode não saber o que significa "Veículo - SNG" e não sabe o que acesará dentro desta página a não ser que ele esteja logado.
Figura 4: Falta de controle e liberdade nas ações dentro do Portal
Fonte: Portal DETRAN-DF
Consistência e padronização
Para tornar um sistema mais intuitivo, (Barbosa e Silva - 2011, p.270) destaca a importância de garantir a consistência entre a interface e o modelo conceitual embutido no sistema. Isso significa que toda a experiência do usuário, incluindo interface, documentação e manuais, deve alinhar-se a um modelo lógico e coerente que reflita a operação do sistema.
Quando as expectativas do usuário não são bem estruturadas dentro do sistema, é necessário adotar padrões claros de forma que o usuário tenha alguma forma de se orientar e não se confunda com variações das ações.
Nesse sentido, é visível Portal DETRAN-DF uma padronização dentro das seções da barra de navegação em que todos os tipos de consultas estão agrupadas dentro de sua respectivas subseções, como podemos ver nas imagens a seguir:
Figura 5: Seção relacionada à Veículos
Fonte: Portal DETRAN-DF
Figura 6: Seção relacionada à CNH
Fonte: Portal DETRAN-DF
Figura 7: Seção relacionada à Infrações
Fonte: Portal DETRAN-DF
Promoção da eficiência do usuário
Segundo Barbosa e Silva (2011, p.271), a eficiência do usuário deve ser priorizada acima da eficiência do sistema. Como as pessoas são mais custosas do que máquinas, economizar tempo e esforço do usuário traz maior retorno.
Alguns dos principais pontos incluem:
-
Manter o Usuário Ocupado: Processos demorados não devem interromper o trabalho do usuário. Sistemas bem projetados permitem que o usuário continue com outras tarefas enquanto ações de fundo são realizadas.
-
Proteger o Trabalho do Usuário: Falhas como queda de energia, erros de rede ou falhas humanas não devem resultar na perda do progresso do usuário. Sistemas podem implementar salvamento automático ou backups para garantir segurança.
-
Reconhecer o Contexto do Usuário: O sistema deve lembrar o que o usuário fez, onde estava e suas preferências. Isso evita repetição de ações e melhora a experiência.
-
Aceleradores para Usuários Frequentes: Fornecer atalhos como teclas de comando (e.g., Ctrl+S para salvar) e automações, como macros ou perfis predefinidos para operações frequentes.
No contexto do Portal DETRAN-DF, a ausência de mecanismos para preservar ou reutilizar informações no preenchimento de formulários, como nas figuras 8 e 9, compromete a eficiência e a experiência do usuário, uma vez que pode ocorrer a perda de dados ao recarregar a página ou até mesmo faltar sugestão em sessões futurar que poderiam acelerar o fluxo de preenchimento.
Figura 8: Preenchimento do Formulário de Inclusão de gravame
Fonte: Portal DETRAN-DF
Figura 9: Após atualização de página do Formulário de Inclusão de gravame
Fonte: Portal DETRAN-DF
Antecipação das necessidades do usuário
Segundo Barbosa e Silva (2011, p.272-273) o sistema deve ser estruturado de forma que seja possível prever o que o usuário quer, precisa e espera encontrar.
Nesse sentido, na hora de utilizar o Portal, é interessante que o usuário tenha em mão as ferramentas necessárias para executar cada passo do fuxo do processo desejado, ou seja, tenha acesso à informações úteis que facilitarão sua experiência.
Dentro do portal, pode-se citar que na página de início existe uma seção com os serviços mais acessados, antecipando as ações dos usuários que executarão justamente as ações de seleção desses serviços.
Figura 10: Página inicial do Portal DETRAN-DF
Fonte: Portal DETRAN-DF
Visibilidade e Reconhecimento
Com base nos princípios discutidos por Barbosa e Silva (2011, p.274-275), a visibilidade e o reconhecimento podem ser avaliados em relação ao estado atual do sistema e ao suporte oferecido para que os usuários executem suas tarefas de maneira eficiente.
-
Visibiliadade:
-
Antes que o usuário execute uma ação, é crucial que ele saiba claramente o que é possível fazer. Isso requer interfces quex exponham as opções disponíveis e os meios para alcançá-las, sem ambiguidade.
-
Um exemplo prático é uma interface de formulário que indique claramente os campos obrigatórios e como preenchê-los, como podemos ver no caso do Portal DETRAN-DF na figura 11.
-
Figura 11: Formulário de agendamento de serviço
Fonte: Portal de Serviços do Detran
-
Reconhecimento:
-
A interface deve priorizar o reconhecimento sobre a memorização. Isso significa que o usuário deve ser capaz de identificar ações e elementos sem precisar lembrar o que cada comando significa. Isso pode ser feito, por exemplo utilizando ícones universais (como uma lixeira para 'Exluir') e descrições de texto complementares quando necessário.
-
Evitar que o sitema exija que o usuário memorize informações de uma parte da aplicação para usar em outra, uma vez que as informações necessárias dever estar visíveis ou facilmente acessíveis.
-
Após uma ação, o sistema deve informar o que aconteceu ou está acontecendo. Feedback pode ser sutil para ações frequentes e esperadas, mas deve ser destacado para ações críticas ou resultados inesperados. Esse feedback pode ser visto na figura 12 no Portal DETRAN-DF.
-
Figura 12: Consulta das restrições de um veículo
Fonte: Portal DETRAN-DF
Conteúdo relevante e expressão adequada e projeto para erros
Conforme Barbosa e Silva (2011, p.276-279), o princípio de Conteúdo Relevante e Expressão Adequada na Interação Humano-Computador está fundamentado na ideia de que interfaces devem priorizar a clareza, concisão e relevância do conteúdo apresentado, respeitando as necessidades e limitações do usuário. Esse princípio incorpora elementos do comportamento humano observados em interações com sistemas e está alinhado às seguintes máximas cooperativas:
-
Qualidade:
- A interface não deve mentir ou fornecer informações sem evidências. Conteúdos apresentados devem ser confiáveis e verificáveis.
-
Quantidade:
-
Fornecer informações na medida certa: nem mais, nem menos do que o necessário para atingir os objetivos do usuário.
-
Interfaces minimalistas são valorizadas aqui, pois reduzem distrações e destacam elementos realmente importantes.
-
-
Relevância
- Toda informação apresentada deve ser pertinente ao contexto da interação e às metas do usuário. Informações ou opções irrelevantes devem ser eliminadas.
-
Modo (ou clareza)
- Mensagens devem ser claras, evitar ambiguidade e seguir uma estrutura ordenada.
O Portal DETRAN-DF, por sua vez, representa muito bem o que é essa clareza, uma vez que apresenta um design minimalista, com informações diretas e consistentes, como podemos visualizar na figura 13 a seguir:
Figura 13: Página inicial do Portal DETRAN-DF
Fonte: Portal DETRAN-DF
Além disso, existe o conceito de Projeto para Erros, que segundo Barbosa e Silva (2011, p.278-279), parte do princípio de que erros são inevitáveis em qualquer interação usuário-sistema. Assim, o designer deve criar soluções que:
-
Previnam erros sempre que possível.
-
Facilitem a recuperação caso eles ocorram.
-
Minimizem as consequências de ações equivocadas.
Essa abordagem reforça a ideia de que interfaces bem projetadas aprendem com erros potenciais e os transformam em oportunidades de aprendizado e melhoria contínua para os usuários.
Bibliografia
Referências Bibliográficas
BARBOSA, S. D. J.; SILVA, B. S. Interação Humano-Computador. Rio de Janeiro: Elsevier, 2011.
Histórico de versão
| Versão | Data | Descrição | Autor(es) | Revisores |
|---|---|---|---|---|
| 1.0 | 02/12/2024 | Descrição dos Princípios Gerais do Projeto. | Luiza Maluf | Márcio Henrique |