DEV Community

Lukinhas Dev
Lukinhas Dev

Posted on • Edited on

Avaliando e construindo um Frontend

 Tema 1 - Desenvolvimento de Interface Humano Computador
Enter fullscreen mode Exit fullscreen mode

O projeto de design de interface se preocupa com muitos elementos, como:
Parte visual, Usabilidade, Arquitetura da informação, Navegação, Transição de telas, entre outros.

1.Elementos em um projeto de design de interface humano-computador
Affordance: Affordance é a capacidade que um objeto tem de ser reconhecido e utilizado exatamente para o que foi projetado, mas sem a necessidade de uma explicação prévia.
Comunicabilidade: A comunicabilidade diz respeito à capacidade da interface de comunicar ao usuário a lógica do design, as intenções do designer e os princípios de interação resultantes das decisões tomadas durante todo o processo de design.
Requisitos em IHC

2.Técnicas de concepção e modelagem de interface humano-computador

Técnicas de levantamento de requisitos em IHC: Dentre as técnicas mais utilizadas para levantar os requisitos dos usuários, podemos citar:Entrevistas, Grupos de foco, Questionários, Brainstorming.

Técnicas de modelagem de interface:
Técnicas para Análise de Tarefas: A HTA examina os objetivos de alto nível e os decompõe em subobjetivos, buscando identificar quais subobjetivos são mais difíceis de atingir (ou que geram mais erros).
O GOMS trabalha com o conhecimento que uma pessoa tem sobre os processos que executa. É mais utilizado quando os usuários executam tarefas sobre as quais já têm bastante conhecimento.
CTT (ConcurTaskTrees): A maior contribuição dessa técnica é explicitar a hierarquia entre as tarefas a serem executadas para atingimento dos objetivos dos usuários.

  1. Processo de Design de Interface Humano-Computador - Os processos de design: Modelo de ciclo de vida simplificado:

Ciclo de Vida Estrela:

Engenharia de Usabilidade de Nielsen

  1. Design e Integração de Interfaces Humano-Computador -

Os usuários não devem ficar presos em um caminho de interação único para realizar uma atividade. Sempre deve ser fornecido a eles um caminho alternativo. Usar diálogos de confirmação em excesso e de forma indiscriminada não apenas aumenta o tempo de realização das tarefas, mas também pode tornar a comunicação ineficiente, pois muitos usuários acabam prosseguindo a interação sem mesmo ler o conteúdo desses diálogos.

Considerações finais
Neste tema, aprendemos como desenvolver um projeto de interface humano-computador. No primeiro módulo, apresentamos o conceito de affordance e comunicabilidade e como estes podem ser aplicados no projeto, bem como as fases deste e os produtos que são gerados em cada uma delas. Além disso, vimos os tipos de representação com perfil de usuário, personas, cenários e tarefas e, por fim, o conceito de requisitos de forma mais geral.

No segundo módulo, visitamos técnicas de concepção e modelagem. Entendemos como realizar uma entrevista, montar um grupo focal, fazer questionários, realizar classificação de cartões, elaborar um storyboard, fazer reuniões de brainstorm, entre outras técnicas, e em que situação de levantamento de requisitos de design cada uma é mais interessante de ser aplicada.

Em seguida, apresentamos os tipos de processo de design de interface e as fases de cada um destes. Falamos principalmente dos tipos de ciclo de vida simplificado e estrela, das engenharias de usabilidade de Nielsen e Mayhew e dos tipos de design dirigido por objetivos, contextual, baseado em cenários e centrado na comunicabilidade.

Por fim, conhecemos alguns dos principais princípios e diretrizes para o design, que são qualificados como boas práticas para modelagem de uma interface.

               Tema 2 - Avaliação de Interface Humano Computador
Enter fullscreen mode Exit fullscreen mode

Top comments (0)