Embedded Files
Interação Homem Computador
Oi Turma! "Hello World!"
Este é o material da disciplina Interação Humano Computador (IHC). Logo abaixo você encontrará todo material de apoio utilizado em nossas aulas e para seu estudo complementar:
0️⃣Apresentações e Dicas de Estudos
0️⃣Apresentações e Dicas de Estudos
Nesse encontro vamos nos conhecer, explorar o conteúdo da disciplina, entender e acordar como serão a estrutura e dinâmica das aulas, bem como estabelecer em conjunto as metodologias e abordagens de estudo que serão utilizadas ao longo da disciplina, para alcançarmos nossas metas educacionais.
📖Sabe aquele primeiro dia de aula que o professor se apresenta, combina como serão as aulas e depois pede pra que cada aluno fale de si? Pois é, neste roteiro iremos fazer essas apresentações.
📖Antes de iniciarmos nossos estudos, te convido a clicar no link abaixo para aprender como se aprende. Leia atentamente as dicas, e depois aplique na sua rotina, adaptando conforme sua realidade.
Leia: DICAS DE ESTUDO.
1️⃣Conceitos Iniciais e Qualidade em IHC
1️⃣Conceitos Iniciais e Qualidade em IHC
Você sabe o que é IHC? Porque temos essa disciplina no seu curso? O que você acha que um software precisa ter para ser um sistema de qualidade? Aliás, o que é qualidade? Neste roteiro iremos entender esses conceitos, e ao final dele, você será capaz de:
Entender o que é IHC e sua importância.
Identificar as características de qualidade em IHC.
Elaborar flashscards dos conceitos aprendidos nesse roteiro.
1 - Introdução a IHC.pptx📖Você sabe o que é IHC? Porque temos essa disciplina no seu curso? Você sabe o significado da palavra implementar? E validar?
3 - Áreas da UX.pptx📖Já que falamos da Experiência do Usuário (UX), vamos dar uma rápida passada sobre as diferentes atuações e áreas dos profissionais da UX.
📺O que é UI? E UX? No mundo do desenvolvimento de sistemas eu não sou a única preguiçosa que gosta de abreviar nomes. Neste vídeo, da série Dicionário de Programador, você vai entender o que significa essa sigla que você irá escutar muito em nossas aulas: UX.
2 - Qualidade em IHC.pptx📖O que é qualidade? O que você acha que um software precisa ter para ser um sistema de qualidade? Você que acha que o QAcadêmico, por exemplo, tem qualidade no contexto da IHC?
📺Assistam o vídeo do próprio Don Norman explicando o que é UX. Apesar do vídeo ser inglês o mesmo possui legenda em português, é só ativar a opção de legenda.
Aliás, nesse canal NNgroup do youtube você encontrará vários vídeos do Norman, Nielsen, Tognazzini e outros grandes profissionais e autores do IHC.
📺O que é acessibilidade? Por que precisamos nos preocupar com essa questão ao desenvolvermos um software?
Neste vídeo da Alura, a Lívia Gabos explica um pouco a respeito desse tema.
Sugiro também o Podcast do Hipsters Ponto Tech, onde é discutido sobre a Acessibilidade na Web.
2️⃣Design Thinking
2️⃣Design Thinking
4 - Design Thinking.pptx📖O Design Thinking é uma abordagem centrada no ser humano que utiliza empatia, colaboração e experimentação para criar interfaces intuitivas e inovadoras.
📝Atividade 1 - Aplicando Design Thinking em um projeto
🗓️Entrega: 02/03/2026
🎖️Nota: 2.0 ponto (1.0 wireframe + 1.0 apresentação)
🧩Dinâmica de Trabalho: Grupo
3️⃣UI para IHC - Cores
3️⃣UI para IHC - Cores
Uma interface do usuário (UI) bem construída influencia a interação humano-sistema. E uma boa UI é composta por diversos elementos, sendo um deles as cores, conteúdo que estudaremos nessa unidade. Ao final deste roteiro você será capaz de:
Identificar os princípios da Teoria das Cores.
Avaliar e justificar as escolhas de cores em projetos de UI, com base nos princípios da Teoria das Cores, Psicologia e nos critérios de acessibilidade.
Criar uma paleta de cores adequada para uma UI do seu projeto.
9 - Psicologia das Cores.pptx📖Ao desenvolver uma UI a mesma precisa ter cores, mas a escolha das mesmas não é baseada no que achamos bonitinho, há diversos fatores que nos guiarão nessa escolha. Vamos descobrir que fatores são esse?
📺Dê o play e compreenda um pouco mais sobre os conceitos de cores e fenômenos físicos que os envolve.
📺Nesse vídeo são discutidas as cores e as emoções que elas causam. Assista para reforçar seus estudos sobre a psicologia das cores.
10 - Teoria das Cores.pptx📖A escolha da cor de um projeto não é baseada apenas pela psicologia das cores, há ainda outro fato que estudaremos nessa aula: a teoria das cores.
9 - Paleta de Cores de UI.pptx📖 Nessa aula vamos finalizar nossos estudos sobre Cores e iniciarmos a documentação que irá guiar a equipe na criação das UI do projeto.
📺Para complementar o que estudamos sobre harmonização das cores, que tal ver o vídeo do professor Gustavo Guanabara, do canal Curso em Vídeo?! Aliás fica a dica de acompanhar os demais vídeos dele sobre as cores e de ler o seu ebook: Poder das Cores.
4️⃣UI para IHC - Tipografia e Textos
4️⃣UI para IHC - Tipografia e Textos
Nesta unidade, exploraremos a importância da tipografia na criação de interfaces de usuário (UI) eficazes em Interação Humano Computador (IHC). Vamos conhecer os princípios de design tipográfico e entender como a escolha adequada de fontes e estilos pode impactar a usabilidade e a estética das interfaces.
Ao final deste roteiro espera-se que os seguintes objetivos de aprendizagem sejam alcançados:
Recordar os conceitos fundamentais relacionados à tipografia, como serifas, sans-serif, tamanho de fonte e espaçamento entre letras.
Compreender a relação entre a tipografia e a leiturabilidade e legibilidade em UI.
Definir a tipografia de um projeto.
📺Dê o play e veja essa vídeo da UI Lab em que os gêmeos discutem sobre a influência da legibilidade e leiturabilidade em interfaces digitais. A discussão deles ocorre em cima do artigo do Jakob Nielsen, que você pode ler clicando aqui.
📺Trailer sobre ligação que temos com as “fontes” mesmo que aparentemente passem despercebidas por nós. A protagonista do trailer é a fonte Helvetica.
5️⃣UI para IHC - Imagens e semiótica
5️⃣UI para IHC - Imagens e semiótica
15 - Imagens e Semiótica.pptx📖Nesta aula vamos explorar a importância da linguagem visual na comunicação e na experiência do usuário (UX), que não considera apenas a estética, mas também o significado e a mensagem que as imagens transmitem. Vamos discutir os princípios da semiótica e como os símbolos, ícones e metáforas visuais podem influenciar a percepção e a interação do usuário com a interface.
16 - Iconografia e Gestalt.pptx📖Vamos estudar um pouco sobre iconografia, compreender como escolher os ícones para uma UI de modo que os mesmos possam melhorar a compreensão e a usabilidade da UI. Nessa aula também vamos compreender o que é Gestalt e como podemos aplicar esse conhecimento para melhorar a qualidade em IHC.
6️⃣Diretrizes e Heurísticas de IHC
6️⃣Diretrizes e Heurísticas de IHC
Pensar em UI (User Interface - interface do usuário) é pensar em projetar uma interface que não gere momentos de insegurança para o usuário, que deixe claro quais serão os resultados de suas ações e garantir que o mesmo realize todas as tarefas de forma simples e eficiente. Para isso existem diretrizes, princípios, regras e heurísticas , que ajudam a projetar uma boa interface e por consequência uma ótima experiência de uso. Ao final desse roteiro você será capaz de:
Reconhecer os princípios, diretrizes e heurísticas para o design de IHC.
Elencar as características e elementos que o seu sistema deve ter e deve evitar.
Melhorar a qualidade das soluções de design de UI.
12 - Heurísticas de IHC.pptx📖Nessa aula vamos aprender o que é princípio, diretriz e heurística , quais são aplicadas na área de IHC, o que elas têm em comum e como aplicá-las.
13 - Heurísticas de IHC - Cont..pptx📖Vamos continuar nossos estudos sobre Diretrizes de IHC que devemos seguir tanto na etapa de desenvolvimento do sistema, quanto na etapa de validação do projeto.
📺Nesse vídeo do Ateliê do Software, o design Miguel Marcondes apresenta as dez heurísticas de Nielsen com exemplos de alguns softwares que aplicam essas heurísticas.
📺Neste vídeo, o prof. Olibário explica as oito regras de ouro para o design de interfaces, segundo Ben Schneiderman.
📺O Prof. Thiago Jabur Bittar (UFCAT) apresenta alguns exemplos dos princípios de Norman.
📖📺🎮
📖📺🎮
Page updated
Report abuse