Conceitos Básicos. Aula 02 06/03/2013. INF1403 Introdução a IHC. Profa. Luciana Salgado

Transcrição

1 1 Conceitos Básicos Aula 02 06/03/2013

2 2 Objetivos da Aula Computação & Informática Tecnologias de Informação e Comunicação

3 3 Computação & Informática (1/2) Informática Alguns vêem no termo uma ênfase tecnológica Disciplina voltada para a construção de programas e sistemas computacionais, para uma variedade indefinidamente grande de propósitos O usuário é quem tem estes propósitos. Qual o desafio da informática? Realizar os propósitos dos usuários através de computação.

4 4 Computação & Informática (2/2) de gente para gente O papel das interfaces de usuário é contar a computação que existe por trás de todo programa/sistema de uma forma compreensível e usável.

5 5 De gente para gente A computação é mecânica, mas o significado é humano. Exemplo muito simples INPUT a INPUT b c a * b OUTPUT a vezes b é:" c (OUTPUT multipliquei a por b ) Interface (externalização do significado interno)

6 6 O que queremos ouvir do usuário? Quem ele é Características pessoais relevantes Físicas Cognitivas Sócio-culturais Outras O que deseja ou precisa fazer Necessidades e expectativas De que formas preferenciais e por quê. Atitudes, gostos, pendores, condições de contorno Como o nosso conhecimento e talento profissional pode MELHORAR a vida deste usuário? Por quê?

7 7 O que queremos dizer para o usuário? Eis a minha visão de quem você é, o que aprendi que você deseja ou precisa fazer, de que formas preferenciais e por quê. Este é o sistema que conseqüentemente elaborei para você, e esta é a forma como você pode ou deve usá-lo para realizar um conjunto de objetivos que se enquadram nesta visão. Queremos EXTERNALIZAR significados que FAÇAM SENTIDO para o nosso usuário. Queremos que ele ache o nosso produto tão bom quanto nós achamos!

8 8 Interface meio de EXTERNALIZAÇÃO de significados A interface apresenta uma tradução dos significados computados internamente pelos programas e sistemas. Ela COMUNICA o entendimento do programador/desenvolvedor sobre quem o usuário é, o que ele deseja ou precisa fazer, de que formas preferenciais e por quê.

9 9 Mas... estamos falando de um único usuário? Quantos usuários há para um mesmo programa ou sistema? Que papéis desempenham e que características têm? Há conflitos e dilemas entre diferentes tipos e papéis de usuários? exemplos e comentários.

10 10 Um exemplo prático Filme: abrirarquivoword.avi E se aquele documento super importante não abrir?

11 11 Tecnologias de Informação e Comunicação Estão em toda parte: conectividade, mobilidade, acesso, computação embarcada, etc. Transformações Sociais Alguns exemplos selecionados No plano mundial: Culturas de Participação Acesso ao conhecimento (nem sempre autorizado ou confiável) No plano brasileiro: Mobilização contra Renan Calheiros (petição on-line) Projetos de Inclusão Social do Governo

12 12 Exemplo: Votação na urna eletrônica e na cédula impressa

13 13 Instruções do TSE para o eleitor

14 14 O caso do voto involuntariamente nulo

15 15 O caso do voto involuntariamente nulo

16 16 O caso do voto involuntariamente nulo

17 17 E o do voto voluntariamente nulo

18 18 Como votar branco ou nulo na urna eletrônica Evidente questão de usabilidade

19 19 A interface da urna pode influenciar os destinos políticos do Brasil? alternativas de design de interface Branco Corrige Confirma Confirma Branco Corrige Confirma Corrige Branco ou Nulo Confirma Qualquer um Corrige Nenhum Confirma Corrige Não quero votar (em nenhum) expressando intenções de voto pela interface da urna

20 20 Diferentes visões e interesses associados a cada aplicação Diversos atores (stakeholders) O caso de aplicações de comércio eletrônico: quantos Profa. e Luciana quais Salgado os interessados e envolvidos?

21 21 Abordagem de desenvolvimento: construir sistemas de dentro para fora (tenho dados e computações disponíveis; quero que as pessoas possam usá-los) CORRIQUEIRO! Primeiro havia o sistema para certas pessoas usarem; depois apareceram mais usuários interessados. de fora para dentro (tenho pessoas com necessidades e oportunidades para realizar; preciso de dados e computações para ajudá-las nestas situações) IDEAL! Primeiro havia usuários interessados; para atendê-los foram desenvolvidos sistemas.

22 22 Benefícios de IHC (por que estudar IHC?) Melhorar a concepção, construção e inserção das TICs na vida das pessoas, sempre buscando uma boa experiência de uso. O aumento da qualidade de uso contribui para: Aumentar a produtividade dos usuários; Reduzir o número e a gravidade dos erros cometidos pelos usuários; Reduzir o custo de treinamento; Reduzir o custo de suporte técnico; Aumentar as vendas e a fidelidade do cliente;...

23 23

24 24 IHC: área de conhecimento multidisciplinar Conhecer computação Técnicas de projeto de sistemas Técnicas de desenvolvimento de software Domínio de várias tecnologias Etc. Conhecer pessoas e processos sociais Entender de processos cognitivos Entender de processos sociais Entender aspectos ergonômicos Técnicas de comunicação individual e coletiva Técnicas de design de produtos Etc. Uma andorinha não faz verão. Trabalhar em IHC é trabalhar em grupo.

25 25 Projeto de Curso Envolverá avaliação, (re) design e prototipação de sistema interativo para a Web. O projeto será feito em grupos de 3 ou 4 alunos. Cada grupo poderá escolher o tipo de sistema público que mais lhe interessar. Conhecimentos Técnicos Necessários: Linguagem HTML (nível intermediário; indispensável) Linguagem Javascript (nível básico; desejável) Familiaridade com o imacros (nível intermediário; desejável) Familiaridade com o Greasemonkey (nível básico; desejável) Familiaridade com o Pencil (nível intermediário; indispensável)

26 26 Exercício de Familiarização com Ferramentas Fazer o tutorial online da W3C sobre: HTML (obrigatório) Endereço do tutorial: Fazer o teste (QUIZ) ao final dos capítulos, imprimir os resultados e trazer para a aula de 2a-feira dia 11/03. Como fazer o teste? Na página indicada acima, procurar HTML QUIZ e clicar no link Como imprimir os resultados Aperte o botão ao final do teste ; quando a página de resultados for carregada, utilize a função imprimir do seu browser.

27 27 Perguntas? 1. Não entendo inglês suficientemente bem: O que faço? Você pode escolher Português como idioma na página da W3C. 2. Já sei HTML: Preciso fazer o exercício? Se você já sabe HTML, pode fazer direto o QUIZ (não esqueça de imprimir e trazer para a aula). Sugere-se que você passe, em seguida para o curso de CSS (Cascading Style Sheets) e/ou de Javascript. 3. O exercício é para nota? Não, o exercício não é para nota. Porém, ele contribuirá para a avaliação do seu comprometimento com a disciplina e assim poderá vir a somar alguns pontos na sua nota final.

28 28 Referências Livro capítulos 1 e 2 (até pág. 26) BARBOSA, S.D.J.; SILVA, B.S. Interação Humano-Computador. Editora Campus-Elsevier, 2010.