Projeto Final da Disciplina de Interação Humano Computador (1)

Prévia do material em texto

Projeto Final da Disciplina de Interação Humano Computador - IHC
Para a elaboração do trabalho da disciplina de Interação Humano-Computador (IHC), cada aluno (individualmente) deve desenvolver três sistemas de protótipos utilizando a plataforma FIGMA: um aplicativo mobile, um aplicativo para tablet e um aplicativo para desktop. Esses trabalhos devem ser embasados nos critérios de ergonomia, usabilidade e experiência do usuário (UX) discutidos durante as aulas da disciplina. 
A seguir, um guia detalhado que deve ser seguido a fim de realizar a construção dos protótipos:
Guia de Elaboração dos Protótipos:
1. Aplicativo Mobile:
· Interface de Login e Cadastro:
· Tela inicial com opções de login e cadastro.
· Formulário de cadastro com validação de campos.
· Recuperação de senha.
· Dashboard:
· Painel principal com resumo das atividades.
· Ícones e gráficos representando informações importantes.
· Navegação intuitiva para seções específicas.
· Funcionalidades Específicas:
· Seção de mensagens ou notificações.
· Perfil do usuário com opções de edição.
· Sistema de busca eficiente.
· Ergonomia e Usabilidade:
· Botões grandes e fáceis de clicar.
· Textos legíveis e fontes adequadas.
· Feedback visual e auditivo para ações do usuário.
2. Aplicativo para Tablet:
· Interface de Login e Cadastro:
· Tela inicial adaptada para o tamanho maior da tela.
· Formulário de cadastro com validação de campos.
· Dashboard:
· Painel principal com widgets arrastáveis.
· Gráficos interativos e expansíveis.
· Navegação por abas ou menus laterais.
· Funcionalidades Específicas:
· Seção de relatórios detalhados com visualizações interativas.
· Ferramentas de anotação ou marcação de texto.
· Sincronização com outros dispositivos.
· Ergonomia e Usabilidade:
· Adaptação da interface para uso com toque e caneta.
· Elementos de interface grandes e bem espaçados.
· Feedback visual e auditivo para ações do usuário.
3. Aplicativo para Desktop:
· Interface de Login e Cadastro:
· Tela inicial com opções de login e cadastro.
· Formulário de cadastro com validação de campos.
· Dashboard:
· Painel principal com layout expansível.
· Gráficos e tabelas detalhados.
· Navegação por menus suspensos ou laterais.
· Funcionalidades Específicas:
· Integração com ferramentas externas (e.g., calendários, emails).
· Seção de relatórios com opções de exportação.
· Ergonomia e Usabilidade:
· Uso eficiente do espaço em telas grandes.
· Elementos de interface consistentes e intuitivos.
· Feedback visual e auditivo para ações do usuário.
Critérios ergonômicos gerias para o Trabalho de IHC:
1. Ergonomia:
· Conforto na interação e facilidade de uso.
· Adaptação às capacidades físicas dos usuários.
2. Usabilidade:
· Intuitividade da interface.
· Eficiência e eficácia na realização de tarefas.
3. Experiência do Usuário (UX):
· Satisfação geral dos usuários.
· Interação fluida e sem frustrações.
Recursos de Referência:
· Elementos da Interface:
· Menus, botões, ícones, caixas de texto e gráficos​
Critérios Ergonômicos:
· Condução, minimização da carga de trabalho, controle explícito do usuário, adaptabilidade do sistema, gestão de erros eficiente, consistência e homogeneidade​
Psicologia Cognitiva:
· Modelos mentais, memória, atenção e percepção​
Princípios de Design Multimídia:
· Coerência, equilíbrio, navegabilidade, interatividade​
Critérios Ergonômicos Detalhados para o Trabalho de IHC
Para tornar o trabalho desafiador e garantir uma aplicação profunda dos critérios ergonômicos, cada sistema (mobile, tablet, e desktop) deve abordar de forma abrangente os oito critérios ergonômicos propostos por Dominique Scapin e Christian Bastien. Esses critérios visam garantir uma experiência do usuário eficiente e satisfatória.
1. Condução
Aplicativo Mobile:
· Implementar guias passo a passo para processos críticos (e.g., cadastro, configuração inicial).
· Utilizar feedback visual imediato (e.g., alteração de cores, animações) para indicar ações concluídas ou erros.
Aplicativo Tablet:
· Fornecer tutoriais interativos na primeira utilização.
· Destaque visual para botões e menus importantes para guiar o usuário nas funcionalidades principais.
Aplicativo Desktop:
· Criar uma barra de progresso para processos complexos (e.g., instalação de software, upload de arquivos).
· Implementar tooltips detalhados que aparecem ao passar o cursor sobre elementos interativos.
2. Carga de Trabalho
Aplicativo Mobile:
· Simplificar formulários longos em múltiplas etapas curtas.
· Utilizar ícones e gráficos para reduzir a leitura de texto.
Aplicativo Tablet:
· Agrupar informações relacionadas em seções expansíveis/recolhíveis.
· Implementar autocomplete e sugestões em campos de texto.
Aplicativo Desktop:
· Utilizar atalhos de teclado para ações frequentes.
· Implementar uma funcionalidade de busca robusta e eficiente.
3. Controle Explícito
Aplicativo Mobile:
· Confirmar ações críticas com diálogos de confirmação (e.g., exclusão de dados).
· Permitir desfazer ações recentes com botões de “desfazer”.
Aplicativo Tablet:
· Implementar histórico de ações com opções para reverter alterações.
· Fornecer opções de confirmação para transações importantes.
Aplicativo Desktop:
· Criar logs detalhados de ações do usuário com a opção de revisão e reversão.
· Implementar permissões configuráveis para diferentes tipos de usuários.
4. Adaptabilidade
Aplicativo Mobile:
· Personalização de temas (e.g., modo escuro/claro, esquemas de cores).
· Permitir configuração de layout (e.g., reorganização de ícones).
Aplicativo Tablet:
· Ajustar a interface para diferentes orientações (paisagem/retrato).
· Personalizar notificações e alertas de acordo com as preferências do usuário.
Aplicativo Desktop:
· Implementar painéis arrastáveis e redimensionáveis.
· Oferecer configurações avançadas para personalização de atalhos e macros.
5. Gestão de Erros
Aplicativo Mobile:
· Mensagens de erro claras e específicas com instruções de correção.
· Prevenção de erros com validação em tempo real de entradas.
Aplicativo Tablet:
· Logs de erros acessíveis com opções de relatórios de bugs.
· Suporte a correção automática de erros comuns.
Aplicativo Desktop:
· Ferramentas de diagnóstico e solução de problemas integradas.
· Sistema de feedback que sugere correções ou alternativas ao usuário.
6. Homogeneidade/Consistência
Aplicativo Mobile:
· Consistência de design entre diferentes telas e seções.
· Padrões de navegação uniformes (e.g., menus fixos).
Aplicativo Tablet:
· Manter o mesmo layout e estilo visual em todas as funcionalidades.
· Usar ícones e nomenclaturas padronizadas em todo o aplicativo.
Aplicativo Desktop:
· Interface uniforme entre diferentes módulos e ferramentas.
· Implementação de um guia de estilo para garantir a consistência visual e funcional.
7. Significado de Códigos e Denominações
Aplicativo Mobile:
· Utilizar terminologia familiar e compreensível pelo usuário-alvo.
· Fornecer glossário ou ajuda contextual para termos técnicos.
Aplicativo Tablet:
· Consistência terminológica em todas as interfaces.
· Ícones intuitivos com descrições claras.
Aplicativo Desktop:
· Oferecer documentação abrangente e acessível sobre os termos usados.
· Utilizar mensagens de status e notificações claras e descritivas.
8. Compatibilidade
Aplicativo Mobile:
· Compatibilidade com diversos sistemas operacionais (Android, iOS).
· Interface adaptativa para diferentes tamanhos de tela e resoluções.
Aplicativo Tablet:
· Suporte a múltiplos usuários e perfis personalizados.
· Integração com outros dispositivos e serviços (e.g., sincronização em nuvem).
Aplicativo Desktop:
· Compatibilidade com diferentes sistemas operacionais (Windows, macOS, Linux).
· Suporte a plugins e extensões para funcionalidades adicionais.
Implementação e Avaliação
Cada sistema deve ser submetido a uma série de testes de usabilidade rigorosos para garantir que todos os critérios ergonômicos foram adequadamente implementados. Cada trabalho deve estar documentado com o processo de design e os resultados dos testes, fornecendo um relatório detalhado sobre as decisõesde design e as melhorias implementadas com base no feedback dos testes.
​.