[UFMS Digital] Interface Humano-computador - Módulo 1 - Unidade 1

[Música] Oi tudo bem vamos iniciar nossa primeira aula da disciplina de interface humano computador eu sou a professora Lucineide Rodrigues da Silva nesse módulo vou trazer para vocês uma introdução aos conceitos e a área de pesquisa da interação e da interface humana computador Vamos começar com a unidade um histórico e evolução de ihc quando falamos em Sistemas interativos estamos conversando sobre tecnologias que estão ao seu redor eletrodomésticos carros relógios celulares todos os componentes desses sistemas apoiam as pessoas durante a execução das suas atividades então durante o uso desse eletrodoméstico desse dispositivo desse celular dessa câmera

de segurança as pessoas buscam por um objetivo e Essas tecnologias vão tentar né Elas tê como objetivo apoiá-las todos os dias ou eventualmente a depender de como esse sistema é adaptado e é utilizado quem desenvolve Essas tecnologias os designers então quando falamos em atender uma necessidade humana para isso é importante que os designers saibam que o seu trabalho muda a vida dessas pessoas e existem mudanças que são previsíveis mas também há aquelas que são imprevisíveis no momento em que você está projetando um sistema existem aquelas mudanças que você quer que aconteçam no entanto é preciso

também considerar que algumas imprevisíveis podem acontecer E para isso é importante a gente estar sempre refletindo sobre o que acontece se o sistema que você tá projetando falhar o que acontece com o usuário durante que está no meio do uso desse sistema ou o usuário que precisa entrar interagir com esse sistema para alcance de Algum objetivo e se esse sistema ficar indisponível Quais são os cuidados que nós enquanto designers tomamos para atender esses nossos usuários as pessoas que precisam dessas tecnologias aqui eu trouxe alguns exemplos de O que aconteceu com pessoas em momentos recentes em

que a tecnologia falhou pegando um pouco do gancho né da pandemia de covid-19 que nós eh enfrentamos em emente eu trouxe dois exemplos muito importantes e que demonstram aí como pessoas que nós não prevemos de forma direta podem ser impactadas pelos produtos que nós desenvolvemos pelos sistemas que nós projetamos e o porqu é importante ter essa consciência refletir sobre isso para tentar Minimizar os impactos negativos causados no primeiro exemplo eu trouxe aqui o auxílio emergencial na pandemia de coronavírus sem CEP e celular a a saga de diarista para conseguir a ajuda de r$ 600 ou

seja um sistema que foi projetado Para apoiar pessoas brasileiras durante o período de pandemia não considerou que No Brasil existe uma grande quantidade de pessoas e que pro muito Possivelmente são essas as pessoas que primeiro precisariam desse auxílio não tem CEP ou não tem um telefone celular disponível para conseguir instalar um aplicativo e para conseguir se cadastrar no programa para poder receber esse auxílio um outro exemplo também no contexto da pandemia é do Connect SUS ou seja esse aplicativo ele teve uma falha e o que essa falha causou validou qualquer QR Code ou seja um

sistema de segurança para garantir que as pessoas vacinadas tivessem acesso aos serviços para tentar mitigar a dispersão da doença tinha uma falha que permitia que pessoas não vacinadas pudessem acessar os ambientes pudessem acessar os espaços e um risco potencial é que pessoas pudessem não vacinadas ter uma maior probabilidade de terer a doença e continuar a propagar isso então são dois problemas que ocorreram recentemente no Brasil e que demonstram que Muito provavelmente houveram falhas que não foram consideradas aí pelo designer quando eu falo designer aqui eu tô tentando trazer um conjunto de capacidades que são necessárias

para desenvolvimento de sistemas nós precis precisamos de alguém que projete que modele os requisitos e que verifique como esses requisitos são entregues às pessoas então a pessoa que vai est modelando esse sistema modelando essa tecnologia a partir daquilo que ele conheceu e aprendeu sobre as pessoas que ele tem que atender é Quem deveria tá se preocupando é Quem deveria estar atentando para eh que falhas graves como essas não ocorram por quê uma falha de um sistema que coloca em risco uma saúde pública ou a a subsistência é de uma família são falhas muito graves que

eh precisam ser mitigadas em tempo Quando falamos em design de sistemas projeto de sistemas interativos estamos falando de criação de produtos e serviços interativos que tenham excelência e que se adequam às necessidades das pessoas e Ao estilo de vida que elas seguem ou seja o sistema ele precisa estar aderente àquela pessoa precisa eh considerar o dia a dia de quem vai utilizar os impactos positivos e os impactos negativos que podem vir desse estilo de vida e do uso desse sistema Quando vamos projetar um sistema interativo é muito importante que esse designer ele tem uma visão

centrada nas pessoas o que isso significa diferente lá do desenvolvedor de software que tem como principal eh característica buscar um software que atenda que mantenha os dados íntegros que mantenham a segurança dos dados que mantenha a comunicação entre os componentes adequada a gente quando tá falando de designer de sistemas interativos nós precisamos pensar em o que as pessoas que vão usar o nosso produto querem fazer como essas pessoas precisam se conectar como elas podem se conectar dentro do contexto da tecnologia que tá sendo desenvolvida o que as pessoas eh Podem trazer pro nosso projeto de

design a par partir daquilo que elas da vivência delas então é muito importante Quando possível envolver essas pessoas dentro do seu projeto para que elas Tragam também experiências conhecimentos práticos que Possivelmente quem tá eh só somente projetando e não vivencia aquilo pode deixar eh passar e pode não atender e também projetar paraa diversidade Quando falamos em diversidade de pessoas tenta refletir aí ao seu redor quantas diferentes necessidades tê as pessoas ao seu entorno temos pessoas com eh com necessidades específicas para leitura para visão paraa compreensão de coisas paraa mobilidade também temos eh uma diversidade de

de forma que as pessoas têm no seu dia a dia de fazer as coisas e tudo isso precisa ser considerado porque o sistema raramente nós trabalhamos com um sistema que vai ter um único usuário né Então precisamos atender essa diversidade de pessoas de usuários possíveis dentro dos nossos sistemas interativos para isso o que mais é importante compreender as oportunidades para criar maneiras inovadoras de interação quando estamos projetando um sistema é muito importante que utilize-se de toda a criatividade disponível para pensar em novas formas de interagir as tecnologias elas avançam à medida que novos designers T

novas ideias para conectar pessoas e trazem essas inovações para dentro dos sistemas esses sistemas demandam dessa interação para que as pessoas se mantenham ali engajadas no uso do sistema e tenham as suas necessidades atendidas é claro as soluções clássicas vão continuar funcionando mas também é importante que dentro daquele contexto você procure formas de trazer uma nova forma de interagir uma nova um novo modelo de interface um novo componente que possa trazer para aquelas pessoas as características necessárias que torne aquele uso aquela experiência agradável pensando sempre nessa abordagem de fora para dentro das pessoas né de

fora do sistema do Entorno das pessoas para dentro seria o sistema propriamente dito a organização dos dados os códigos que desenvolvemos as nossas rotinas eh de algoritmos que vamos construir para essa tecnologia funcionar Primeiro as pessoas depois a o interior do sistema é uma mudança radical Talvez para quem tá trabalhando o tempo todo com o desenvolvimento de sistemas do ponto de vista do projeto de software então é importante que eh isso fique muito claro para você enquanto você tiver trabalhando esse conteúdo aqui que é interface Human computador o nosso foco é atender pessoas humanas prover

a elas essa interação atender essas necessidades que ela demanda tudo bem falando um pouco de interface trouxe para vocês aqui um contexto Inicial uma definição inicial de interface Podemos dizer que a interface ela é um lugar de contato entre duas entidades antes ela era muito focada em software porque nós tínhamos basicamente o computador a tela um monitor e tudo toda a comunicação era mediada por esses softwares que captavam ã as entradas via clado Mouse e traziam ali alguma resposta pelo pela tela pelo monitor hoje nós temos eh interfaces variadas que incluem software e também hardware

principalmente com a internet das coisas e com a quantidade enorme de dispositivos que podem ser interfaces para acesso a sistemas interativos Então ela evoluiu e agora ela também inclui a cognição e a emoção da pessoa que tá utilizando da dessa forma a interface ela é a superfície de contato que vai refletir as propriedades físicas das partes que estão interagindo as funções a serem executadas e o balanço entre poder e controle pensando sempre aqui estamos trabalhando na interface refletindo essas propriedades e pode ser de um lado um outro computador um outro dispositivo né uma uma hardware

e do outro lado ali um ser humano interagindo com ela interagindo com o sistema através dela tá bom trazendo aqui um contexto histórico das interfaces lembra que eu comentei que lá no início a gente falava muito da interface do ponto de vista de tela né era muito focado em uso de computador Então como que a gente começou a discutir interfaces e pensar em Como os seres humanos estão em contato ou estão H sendo impactados por por esses sistemas com os computadores lá em 1945 nós temos aí a primeira versão dos grandes computadores e eles ainda

eram operados por luzes e cartões perfurados quem utilizava esses sistemas eram as pessoas que tinham inventado que estavam construindo essa tecnologia era um momento em que as interfaces elas eram luzes e cartões eram botões ali que você eh precisava preencher dentro daqueles cartões para que o sistema pudesse fazer a leitura então era uma um momento onde a interface ela não era muito eh coerente para facilitar o uso pelas pessoas tá bom bem no início do do processo evoluindo ali até 1955 a os computadores começaram a aceitar uma interação via linguagem de máquina então Então os

especialistas já conseguiam acessar esses sistemas e desenvolver rotinas com programação usando essa linguagem de máquina então a interação do humano com o computador era somente através dessa desse conhecimento técnico lembrando só os especialistas estavam utilizando esses sistemas eles não estavam ainda populares até 65 nós tivemos a evolução da linguagem de máquina lembra linguagem de máquina zer e uns somente para uma linguagem ali que facilitaria a interação das pessoas que já era o assembler então ele já trazia uma facilidade para as pessoas se comunicarem ali com o computador com uma linguagem de programação que já tinha

alguns comandos E facilitava ali a produção dessas dessas rotinas eh que precisavam ser calculadas também a interação ela acontecia principalmente por profissionais da Computação que estavam ali interagindo com aqueles computadores quando v v eh consideramos ali de 65 a 80 tivemos um grande avanço no quesito interface que são os nossos primeiros computadores com telas ali aquele bom e velho modo Bet né que é o um uma eh linha de comando ã pessoas que não eram somente aqueles especialistas né outras pessoas aumentou o número de usuários para esses computadores e começamos a ter algum grau de

interface gráfica digamos assim já tínhamos ali menus e formulários que poderiam ser preenchidos para automatizar fichas automatizar cálculos que deveriam ser feitos pelo computador então é um momento onde temos linguagens de alto nível que permitem que essas pessoas utilizem esses sistemas Claro ainda com com aquela telinha preta ali talvez não muito ã agradável para as pessoas que estão utilizando mas já era uma evolução se se saímos né da linguagem de comando aqui facilitou um pouco mais para as pessoas conseguirem utilizar e interagir com os sistemas entre 80 e 95 nós tivemos uma grande popularização dos

computadores todo tipo de profissional que precisava de um computador poderia acessá-lo porque ele já era inclusive ã possível levar ele de um lado pro outro muito diferente de quando ele surgiu lá né na época de por volta de 45 a 55 não dava para carregar um computador naquele tempo porque era muito grande então aqui nós já temos as linguagens que são orientadas a problemas ou orientadas a projet a objetos e os profissionais podem utilizar e interagir com esses sistemas utilizando uma interface Win que são janelas ícones menus e ponteiro também é nessa época aqui que

surge né que foi inventado o mouse então o mouse Ele trouxe pros computadores a potencialidade de você conseguir com esse apontador eh interagir clicar arrastar e ter acesso a outra quantidade de funcionalidades de eh acessíveis de forma visual né e possivelmente aí eh muito mais fáceis para se aprender enquanto iniciante por isso que começamos a ter aí muitos eh curiosos aprendendo a usar tecnologia usando os computadores das diversidades aí de atividades no dia a dia de 95 para cá nós já temos o uso de linguagens não não imperativas todas as pessoas podem utilizar o sistemas

e a interface ela não depende apenas de comandos vamos recuperar lá no início tínhamos apenas a linguagem de máquina depois começamos a conseguir eh a comunicação via assembler a passou para uma linguagem de alto nível depois uma linguagem orientada a objetos por exemplo E Agora Nós temos a interação via voz via gestos via imagens Então não é somente os comandos ali de uma linguagem de programação ou do uso do teclado e do mouse e do eh de janelas para isso certo então essas interfaces elas ampliam as possibilidades de construir formas de interação permitem que os

sistemas eh adotem Essas tecnologias a adotem essas formas de interagir e ampliam para nós enquanto designers de sistemas as possibilidades para atender as necessidades das pessoas então estamos aí num ótimo momento quando temos a nossa Alexa nós temos o Kinect temos outros dispositivos que fazem aí um acompanhamento de vários sinais que podem podem ser emitidos por nós seja voz seja gesto para que eh se tornem aí reconhecido pelo computador e atendam as demandas e as necessidades que nós eh tenhamos no dia a dia Nossos celulares já tem acelerômetros e uma série de facilidades aí que

permitem um uso mais completo né para adotar dentro dos nossos sistemas Então pense a partir do momento em que nós temos uma diversidade maior de formas de interagir traz também pro projeto de sistemas uma diversidade maior de possibilidades e de considerações que precisam ser feitas na hora de escolher Quais são as as possibilidades que vão ser oferecidas pros nossos usuários Ok tudo isso é trabalhado naquilo que chamamos de interação humana computador aqui a disciplina se chama interface humano computador em outros em outros cursos ela também pode ser chamada de interação por qu a interação e

a interface loguinho vocês vão perceber V que elas estão muito eh juntas mas dentro da grande área da Ciência da Computação o nome da área de pesquisa é interação e nela Nós estudamos design avaliação e implementação do uso eh desses sistemas para uso por pessoas uso humano dentro desse uso humano também estudamos os fenômenos que acontecem enquanto estão sendo utilizados ela surgiu ali por volta de 1980 que também é quando nós começamos a ter interfaces visuais começamos a ter lá ícones janelas menus possibilidades maiores de interação e também começou a se observar o impacto que

o uso desses sistemas trazia para pro dia a di dos trabalhadores ali das pessoas que utilizam esses sistemas eh paraas mais diversas finalidades o que nós estudamos quando queremos falar que ah vou estudar ihc primeiro estudamos a natureza da interação o que acontece enquanto as pessoas estão utilizando os nossos sistemas Você já parou para observar Quais são as ã dificuldades que essas pessoas enfrentam que problemas acontecem ali no dia a dia será que dentro daquele eh daquela comunicação daquela pessoa com o seu sistema Existe algum tipo de confusão algum mal entendido algum comando não foi

compreendido o que causou né essa incompreensão são fenômenos que são estudados dentro da ihc o contexto de uso como a interação do usuário com o sistema é influenciada pela localização desse usuário bom se a pessoa usuária do meu sistema trabalha sentada numa mesa com um computador ela tem uma necessidade agora e se ela trabalha por exemplo na entrada de um shopping e ela precisa quantificar as pessoas que estão entrando ali Quais são as necessidades que ela tem que são diferentes uma coisa é você trabalhar sozinho outra coisa é você precisar utilizar aquele sistema para outras

pessoas certo a necessidade desses dois perfis Muda então o contexto de uso vai modificar a forma como as pessoas interagem com o seu sistema e quando você conhece bem esse contexto de uso você consegue eh diminuir as dificuldades causadas então potencializar facilitar determinadas atividades para que essas pessoas consigam ter uma boa eh experiência durante o uso desse sistema as características humanas as pessoas são o nosso foco de atenção quando estamos projetando um sistema do ponto de vista da ihc Então quais são as capacidades ou as limitações que essas pessoas apresentam que podem impactar no uso

do meu sistema no uso do sistema que você tá projetando existem pessoas com determinadas dificuldades por exemplo olha a pessoa é ota a pessoa é destra o que isso modifica no uso do seu sistema se for um sistema computacional o mouse vai resolver isso porque o sistema operacional já considera né você consegue configurar paraa direita esquerda mas e se for um hardware que você tá projetando Tá considerando uma pessoa canhota por exemplo de que lado ele vai aparecer para aquela pessoa do lado direito do lado esquerdo Será que isso vai ser ã personalizável são cuidados

que você precisa ter Para justamente atender essas capacidades humanas claro eu peguei aqui um exemplo simples né direita esquerda mas isso acontece também com relação à linguagens com relação à visão à mobilidade ao tamanho dos ícones e teclas que você utiliza dentro do seu dispositivo principalmente hoje quando falamos em eh desenvolvimento de sistemas eh móveis né temos aí telas cada vez maiores Então é bom utilizar esse espaço de tela para que pessoas com dificuldade de manuseio possam também utilizar os nossos sistemas o tamanho do botão ali uma mão pequena pode conseguir clicar uma mão de

uma pessoa maior né de um adulto ã pode não não clicar o suficiente e não conseguir usar o espaço que você determinou na tela Esses são exemplos de características humanas que impactam diretamente a forma como você vai projetar sua interface tá bom Outra coisa que nós também avaliamos estudamos a arquitetura dos sistemas computacionais como o meu modelo de sistema do software e aqui eu estou falando da parte de desenvolvimento em si como a organização dos dados como a organização a comunicação entre as camadas dos meus eh dos meus serviços dos meus microsserviços ou Como eu

poderei melhorar desenvolver a arquitetura do meu software de uma forma forma que favoreça a experiência das pessoas é algo que por exemplo eu preciso desenvolver um sistema que funcione online ok que arquitetura de sistemas eu posso desenvolver para que quando aquela pessoa não tá com conexão não tem acesso à internet ela possa ter uma experiência menos H desgastante né então existem aí eh formas de organizar esses sistemas para que as pessoas tenham uma experiência melhor e aqui também eh nos debruçamos sobre essas questões para tentar prover aí novas formas e melhores formas de desenvolver sistemas

computacionais o processo de desenvolvimento aqui a gente tá falando de código coloquei aqui um um v1 V2 como os nossos eh códigos estão sendo mantidos estão sendo hã ão produzindo sistemas de qualidade porque a gente fala da qualidade do ponto de da do nosso da pessoa usuária que vai interagir com os sistemas e se um sistema não atende não não tem a sua implementação adequada tem muitos erros Isso vai atrapalhar sim a interação das nossas dessas pessoas com os nossos sistemas Então não é só pensar em uma tela bonita mas também pensar em um sistema

de qualidade com poucos erros com um bom acompanhamento ali da sua evolução do seu código para que tenhamos a ali num sistema de qualidade Ok acho que ficou Claro para vocês uma coisa muito importante para pensar em design de sistemas para pensar em área área de ihc nós precisamos de uma grande quantidade de conhecimentos e daí vem a multidisciplinaridade de ihc o que isso significa que conhecimentos de diversos outros Campos de pesquisa diversas outras ciências são utilizadas e são adotadas aqui para que nós possamos projetar os sistemas por exemplo a ergonomia verifica formas das pessoas

de desenvolver objetos ou formas de eh pessoas utilizando esses objetos sem causar nenhum problema eh ergonômico altura de cadeira altura de mesa como que nós trazemos esses conhecimentos para dentro dos nossos sistemas se eu estou falando de um sistema web Quais são os conceitos da ergonomia que podem ajudar a não a meu usuário não ter um cansaço não fazer um esforço repetitivo não ter nenhum problema ergonômico por conta disso a linguística Quais são os termos que eu deveria utilizar aqui no meu sistema como eu deveria conversar com o usuário de uma forma que ele compreenda

o que eu preciso que seja feito ou compreenda a minha intenção aquilo que o meu sistema tá oferecendo a ele enquanto solução psicologia como o meu usuário vai lidar com essa situação pode ser uma situação de Talvez uma ã um desconforto por algo não ter sido atendido ou talvez quando você conhece e sabe que falar daquela forma entregar determinada recompensa pode melhorar a experiência do seu usuário e deixá-lo um um pouco menos ansioso naquela experiência naquele momento de uso o mesmo vai paraa sociologia paraa engenharia pro design paraa Ciência da Computação a ciência da computação

eh Possivelmente vocês consigam visualizar de forma muito fácil né traz para nós formas de codificar formas de organizar dados formas de desenvolver sistemas que atendam melhor essas pessoas ok temos uma diversidade de disciplinas e essa lista não é extensiva então novas disciplinas provavelmente estão sendo incluídas aí no rol de conhecimentos que são importantes para quem tá desenvolvendo interfaces eh de interação para pessoas ok muito bem o que ganhamos em adotar práticas conhecimentos técnicas da ihc nos nossos sistemas trouxe aqui para vocês uma sequência de benefícios que podem ser considerados aí que podem ser ã produtivos

e benéficos para vocês enquanto desenvolvedores enquanto projetistas e também paraas pessoas que vocês vão atender com esses produtos de software tá aumenta a produtividade dos usuários uma interface que acelera o tempo de preenchimento melhora o tempo de resposta das pessoas vai também melhorar a produtividade dos seus desses usuários então se você tá lá numa fábrica e precisa inserir uma quantidade de informações daquilo que tá sendo produzido quais seriam as formas de acelerar esse preenchimento Talvez uma leitura de qrcode ao invés de teclado para digitar um código de barras Então você consegue desenvolver Essas atividades de

uma forma mais rápida também permite a redução do número e também da gravidade de erros quanto melhor você projetou sua interface quanto melhores as opções que você fornece para seus usuário menor também a a quantidade de vezes que ele vai errar e quando ele errar se você projetou essas possibilidades ele também vai ter erros menos graves e com isso ele vai conseguir se recuperar melhor e continuar a sua atividade sem ali um grande ã um grande Desencontro com o uso do sistema Pensa aí um pouquinho Quando foi a última vez que alguém algum conhecido seu

tentou utilizar um sistema um software chegou em um momento de erro e a partir dali desistiu do uso simplesmente não quero mais porque não funciona isso acontece com muita frequência então quanto menos erros o seu sistema permite e quanto menos graves eles são melhor para você que tá produzindo isso ele também reduz o custo de Treinamento alguns sistemas que são complexos eles demandam de várias horas para que as pessoas consigam aprender a utilizar por isso é muito melhor que você gaste um tempo projetando um sistema Fácil de usar com termos conhecidos pelas pessoas com uma

sequência de Passos adequada porque dessa forma você gasta menos em treinamento que também vai impactar ali em menos erro e erros menos graves todas essas características elas acabam se convergindo em um benefício maior que é a experiência do usuário uma boa experiência do usuário ela também reduz o custo de suporte técnico pessoas que erram um pouco entram menos em contato com o suporte técnico então vai também ter uma redução de custo ali com profissionais para resolver esses problemas e ela também pode aumentar as vendas e a fidelidade dos clientes conhecer os seus usuários saber como

eles precisam que as informações sejam apresentadas entender as necessidades o local onde ele tá usando aquele sistema vai te ajudar a alcançar esses benefícios aumentar as suas vendas e ter clientes mais fiéis porque as pessoas dificilmente vão querer aprender um novo sistema cada semana então é muito interessante que elas tenham uma boa experiência porque elas vão se manter ali no uso do seu sistema aqui tem as referências que eu gostaria que vocês consultassem para complementar a o conteúdo que eu apresentei hoje alguns estão na Biblioteca Virtual Ok até [Música] mais Y