IHC
Interação Homem Computador
Oi turma!
Eu sou a professora Sionise e este é o material da disciplina Interação Homem Computadr, ou como carinhosamente (preguiçosamente) gosto de chamar: IHC. Esta disciplina tem como objetivo desenvolver competências e habilidades para o projeto e a avaliação de sistemas computacionais de uso humano.
Logo abaixo você encontrará todo material de apoio utilizado em nossas aulas e para seu estudo complementar. Então vamos" estudar?! 👩🏫
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.
0 - Apresentações IES - Eng Sw.pptx📖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.
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.
📺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 - 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?
Pesquisa em IHC/UX
Chegou a hora de botarmos a mão na massa e começarmos a desenvolver um software. E como vimos no roteiro anterior, antes é preciso projetar como será esse sistema. Identificando como vai ser o software, que problema ele resolve, quem são os usuários e o que esperam ou desejam do sistema, e como podemos garantir uma boa UX (experiência do usuário). Para obter essas informações é necessário um levantamento de dados. Existem diversas técnicas para fazermos esse levantamento e vamos conhecer as principais nesse roteiro, ao final dele você será capaz de:
Identificar usuários e requisitos.
Citar as principais técnicas de levantamento de dados e/ou pesquisa de design.
Diferencias as técnicas de pesquisa.
Criar um Plano de Pesquisa para um projeto.
3 - Pesquisa dos Usuários e Requisitos.pptx📖Quem é o usuário do sistema que você está desenvolvendo? O que ele espera do seu sistema? Quais funcionalidades o software terá? Nessa aula vamos aprender os principais métodos de pesquisa para obter essas e outras informações do projeto.
4 - Pesquisa dos Usuários e Requisitos II.pptx📖Nessa aula, continuamos nossos estudos sobre os métodos de Pesquisa em IHC/UX. A ideia é que a partir desse levantamento de dados possamos garantir uma boa experiência do usuário ao usar o nosso sistema e listar todas as funcionalidades esperadas no software.
📺Além do Brainstorming, temos ainda a técnica do Gamestorming e esse vídeo explica a proposta dessa ideia que foi apresentada em um livro chamado Gamestorming do Dave Gray. Apesar de o vídeo ser inglês, o mesmo possuí legenda, por isso vale a pena conferir.
📺Neste vídeo a professora Lucia, da Univesp, apresenta uma aula sobre o Estudo de Usuário que irá reforçar os conceitos vistos nos slides e contribuirá com novos conhecimentos.
📺Nesse vídeo do canal UXNow é apresentado e discutido sobre wireframes.
📝Atividade 1 - Identificação das Técnicas de Pesquisa de Design
📺Neste vídeo intitulado "Um guia antropológico da pesquisa em design", feito por Belafonte, narrado pelo Prof. Robert Winston e compartilhado pela BBC, podemos identificar algumas técnicas de Pesquisa de Design ou Levantamento de Dados em IHC.
Entrega: (Prazo Máximo)
Nota: 1,0 pontos.
Individual.
05 - Plano de Pesquisa.pptx📖Agora que você já aprendeu sobre Pesquisa IHC/UX, chegou a hora de colocar a mão na massa e construir um Plano de Pesquisa. Mas o que é isso? Como se faz um? Nessa aula, vamos responder essas dúvidas e discutir algumas possibilidade de como construir esse plano.
Interface do usuário 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.
7 - 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?
8 - 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.
📺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.
📺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.
📝Atividade 4 - Análise de Cores
Na atividade anterior, você conduziu uma pesquisa para identificar o perfil dos usuários e os requisitos do sistema. Agora, vamos avançar realizando uma Análise Competitiva dos sistemas que compartilham semelhanças com o seu projeto. Seu objetivo é identificar as paletas de cores que esses sistemas utilizam em suas interfaces de usuário. Por favor, registre essa análise no mesmo documento que você criou para documentar sua pesquisa anterior.
Entrega: (Prazo Máximo)
Nota: pontos.
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.
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.
11 - Tipografia.pptx📖Nessa aula vamos aprender um pouco sobre o universo da tipografia e textos.
📺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.
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.
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.
Avaliação de IHC