01 - IHC e usabilidade [Conceitos]

72
IHC E USABILIDADE Robson Santos, D.Sc. Pós graduação em Arquitetura de Informação

Transcript of 01 - IHC e usabilidade [Conceitos]

Page 1: 01 - IHC e usabilidade [Conceitos]

IHC  E  USABILIDADE  

Robson  Santos,  D.Sc.  Pós  graduação  em  Arquitetura  de  Informação  

Page 2: 01 - IHC e usabilidade [Conceitos]

Robson  Santos  Doutor  em  Design,    PUC-­‐Rio,  Departamento  de  Artes  e  Design  

Mestre  em  Design,  PUC-­‐Rio,  Departamento  de  Artes  e  Design  

Bacharel  em  Desenho  Industrial  Escola  Superior  de  Desenho  Industrial/Uerj  

Especialista  em  Inovação  em  Tecnologia  e  Experiência  do  Usuário  no  grupo  Itaú  Unibanco  

Anteriormente,  pesquisador  sênior  no  InsLtuto  Nokia  de  Tecnologia  

Docente  e  palestrante  

www.interfaceando.com  

@interfaceando  

Page 3: 01 - IHC e usabilidade [Conceitos]

Interação humano-Computador Apresenta conceitos fundamentais de IHC e de usabilidade. Apresenta os principais métodos e técnicas para projeto e avaliação de sistemas de informação e de comunicação. Apresenta a análise da tarefa como meio efetivo para desenvolver o projeto centrado no usuário.

3  

Page 4: 01 - IHC e usabilidade [Conceitos]

Interação humano-computador no cotidiano

Page 5: 01 - IHC e usabilidade [Conceitos]

“Interação humano-computador é mais que usabilidade de páginas web.”

!

John Long (2004)

5  

Page 6: 01 - IHC e usabilidade [Conceitos]

Controle de processo de usina de filtragem de água

6  

Page 7: 01 - IHC e usabilidade [Conceitos]

Estação móvel de telemedicina

7

Page 8: 01 - IHC e usabilidade [Conceitos]

Tela de aplicativo para call center

8  

Page 9: 01 - IHC e usabilidade [Conceitos]

Dispositivos móveis

9  

Page 10: 01 - IHC e usabilidade [Conceitos]

Sistema de segurança eletrônica

10  

Page 11: 01 - IHC e usabilidade [Conceitos]

Sistema de pagamento para o varejo

11  

Page 12: 01 - IHC e usabilidade [Conceitos]

Sistema de pagamento para o varejo

12  

Page 13: 01 - IHC e usabilidade [Conceitos]

Tela de aplicativo para automação de bibliotecas

13  

Page 14: 01 - IHC e usabilidade [Conceitos]

Tela de aplicativo gráfico para controle processo em cervejaria

14  

Page 15: 01 - IHC e usabilidade [Conceitos]

Sistema de transmissão de filmes na internet

15  

Page 16: 01 - IHC e usabilidade [Conceitos]

Auto-atendimento ao público

16  

Page 17: 01 - IHC e usabilidade [Conceitos]

Aplicações domésticas

17  

Page 18: 01 - IHC e usabilidade [Conceitos]

Alguns marcos históricos da interação humano-computador

18  

Page 19: 01 - IHC e usabilidade [Conceitos]

Paul Otlet, pioneiro do gerenciamento da informação, concebe o Mundaneum, onde se concentraria o conhecimento do mundo a ser compartilhado por redes.

1924

19  

Page 20: 01 - IHC e usabilidade [Conceitos]

Vannevar Bush publica em seu artigo "As We May Think“, a idéia do Memex, reconhecido como o fundamento do hipertexto.

1945

20  

Page 21: 01 - IHC e usabilidade [Conceitos]

K. Murrell cunha o termo "Ergonomics“ (derivado de duas palavras gregas: “ergon”= trabalho, e “nomoi”= leis naturais) como o estudo da relação entre o homem e seu ambiente de trabalho.

1949

21  

Page 22: 01 - IHC e usabilidade [Conceitos]

Doug Englebart (inventor do mouse) estabelece seu laboratório de pesquisas, Augmentation Research Center, no Stanford Research Institute (SRI).

Muito dos trabalhos iniciais sobre interfaces gráficas, hipertexto, e interfaces colaborativas foram ali conduzidas.

1963

22  

Page 23: 01 - IHC e usabilidade [Conceitos]

Ted Nelson cunha o termo "hypertext".

1965

23  

Page 24: 01 - IHC e usabilidade [Conceitos]

Primeiro computador pessoal, Alto, desenvolvido no Xerox Palo Alto Research Center (PARC) o primeiro sistema comercial com um editor WYSIWYG, mouse, e interface gráfica.

1973

24  

Page 25: 01 - IHC e usabilidade [Conceitos]

Motorola apresenta o protótipo do telefone celular DynaTAC. Dr. Martin Cooper faz a primeira chamada.

1973

25  

Page 26: 01 - IHC e usabilidade [Conceitos]

Interfaces de manipulação direta são apresentadas comercialmente: primeiro com o Xerox Star em 1981, seguido pelo Apple Lisa em 1982, e pelo Apple Macintosh, em 1984.

1981

26  

Page 27: 01 - IHC e usabilidade [Conceitos]

Microsoft Windows 1.0 é lançado.

1985

27  

Page 28: 01 - IHC e usabilidade [Conceitos]

Paul Smolensky cunha o termo "User-Centered Design".

1986

USER CENTERED DESIGN

28  

Page 29: 01 - IHC e usabilidade [Conceitos]

Tim Berners-Lee desenvolve a World-Wide Web (WWW).

1990

29  

Page 30: 01 - IHC e usabilidade [Conceitos]

Lançamento do Mosaic, o primeiro browser amplamente utilizado.

1993

30  

Page 31: 01 - IHC e usabilidade [Conceitos]

Donald Norman cunha o termo "user experience".

1993

31  

Page 32: 01 - IHC e usabilidade [Conceitos]

A International Standards Organization publica "Guidance on Usability" (ISO 9241-11).

1998

32  

Page 33: 01 - IHC e usabilidade [Conceitos]

Apple lança iPhone.

2007

33  

Page 34: 01 - IHC e usabilidade [Conceitos]

HTC lança G1, primeiro aparelho com Android.

2008

34  

Page 35: 01 - IHC e usabilidade [Conceitos]

2008   Facebook Ads   iPod touch   Kindle (Amazon)   World of Warcraft alcança 9

milhões de usuários   Google Street View   Windows Vista   YouTube em português   Google Sky

  Tweetdeck   Apple App Store   Android open source   Google Wave   Facebook: início dos lucros   Google Chrome   Classes CDE > AB   Groupon

35  

Page 36: 01 - IHC e usabilidade [Conceitos]

2009/2010/2011   Nook (Barnes and Nobles)   Farmville   #iranelection   #forasarney   Acordo ortográfico da língua

portuguesa   China: terceira economia

mundial   1.5 bilhão de usuários de

Internet   The Sims 3   Windows 7   Flickr: 3.6 bilhões de

imagens

  iPad   iPhone 4   Peixe Urbano   Avatar: maior bilheteria no cinema   Expo 2010, Shangai   Primeira forma de vida artificial   60 anos de TV no Brasil   Brasil: 190.732.694 habitantes

  Protestos no Egito, Iêmen e Tunísia

  iPad 2   Wikipedia: 10 anos

Page 37: 01 - IHC e usabilidade [Conceitos]

O futuro...

Page 38: 01 - IHC e usabilidade [Conceitos]

Vida digital!

Além...

O que importa são as pessoas e as interações entre elas.

38  

Page 39: 01 - IHC e usabilidade [Conceitos]

Ergonomia

Page 40: 01 - IHC e usabilidade [Conceitos]

ergon + nomos

Estes termos gregos denominam a ciência do trabalho.

40  

Page 41: 01 - IHC e usabilidade [Conceitos]
Page 42: 01 - IHC e usabilidade [Conceitos]

A Ergonomia promove uma abordagem holística na qual são levados em conta fatores :   físicos   cognitivos   sociais   organizacionais   ambientais   outros fatores relevantes

42  

Page 43: 01 - IHC e usabilidade [Conceitos]

Ergonomia física

Ergonomia cognitiva

Ergonomia organizacional

43  

Page 44: 01 - IHC e usabilidade [Conceitos]

A Ergonomia está interessada em utilizar as ciências para melhorar as condições de trabalho humano. 44  

Page 45: 01 - IHC e usabilidade [Conceitos]

Entende-se por trabalho toda ação humana

intermediada por uma interface

física, eletrônica ou mecânica.

45  

Page 46: 01 - IHC e usabilidade [Conceitos]

TRABALHADOR/ CONSUMIDOR/

USUÁRIO

LOCAL DE TRABALHO/ CONTEXTO

ORGANIZAÇÃO DO TRABALHO/

TAREFA

46  

Page 47: 01 - IHC e usabilidade [Conceitos]

Interação Humano-Computador

Page 48: 01 - IHC e usabilidade [Conceitos]

A Interação Humano-Computador (IHC) é um campo de estudo interdisciplinar que tem como objetivo geral entender como e porque as pessoas utilizam (ou não utilizam) a tecnologia da informação.

48  

Page 49: 01 - IHC e usabilidade [Conceitos]

O termo Human Computer Interaction começou a ser adotado no meio dos anos 80 como uma maneira de descrever um novo campo de estudo cuja principal preocupação era como o uso de computadores poderia enriquecer a vida pessoal e profissional de seus usuários.

Enfocavam-se, em particular, as capacidades e limitações dos usuários, ou seja, buscava-se entender o lado humano da interação com sistemas computadorizados.

49  

Page 50: 01 - IHC e usabilidade [Conceitos]

IHC é o estudo e a teoria da interação entre humanos e tecnologia complexa e diz respeito a como as atuais tecnologias de input e output afetam a interação e quando e como estas tecnologias e técnicas devem ser melhor usadas.

Em termos de design, IHC é o estudo do processo de design, e seu objetivo global é promover uma mudança do projeto centrado no sistema para projeto centrado no usuário.

50  

Page 51: 01 - IHC e usabilidade [Conceitos]

Áreas de estudo dentro de HCI:

  Pesquisa sobre impacto organizacional

  Pesquisa em design e desenvolvimento

  Pesquisa no nível da tarefa

  Pesquisa na adequação de modelos

  Pesquisa em hardware e software interativos

51  

Page 52: 01 - IHC e usabilidade [Conceitos]

IHC relaciona-se com o projeto de sistemas computacionais que sejam seguros, eficientes, fáceis e agradáveis de usar tanto quanto funcionais.

IHC diz respeito ao entendimento de como as pessoas usam sistemas computacionais para que sistemas melhores possam ser projetados para atender mais aproximadamente às necessidades dos usuários.

52  

Page 53: 01 - IHC e usabilidade [Conceitos]

:: Tarefa

:: Usuário

:: Ambiente/Contexto

53  

Page 54: 01 - IHC e usabilidade [Conceitos]

IHC

54  

Page 55: 01 - IHC e usabilidade [Conceitos]

55  

Page 56: 01 - IHC e usabilidade [Conceitos]

Usabilidade

Page 57: 01 - IHC e usabilidade [Conceitos]

57  

Page 58: 01 - IHC e usabilidade [Conceitos]

A usabilidade está diretamente ligada ao diálogo na interface.

Capacidade do software em permitir que o usuário alcance suas metas de interação com o sistema.

  fácil de aprender   eficiente na utilização   ter poucos erros.

58  

Page 59: 01 - IHC e usabilidade [Conceitos]

EFETIVIDADE

EFICIÊNCIA

SATISFAÇÃO

USABILIDADE

ISO 9241 - 11

Usuários específicos

Tarefas específicas

Ambientes específicos

59  

Page 60: 01 - IHC e usabilidade [Conceitos]

Projeto Centrado no Usuário

Page 61: 01 - IHC e usabilidade [Conceitos]

Experiência do usuário é resultado de como o produto se comporta quando é usado no cotidiano.

61  

Page 62: 01 - IHC e usabilidade [Conceitos]

Experiência do usuário trata de como um produto funciona por fora, onde uma pessoa entra em contato com ele e com ele realiza um trabalho.

62  

Page 63: 01 - IHC e usabilidade [Conceitos]

63  

Page 64: 01 - IHC e usabilidade [Conceitos]

Projetar para usuários  Abordagem dominante  Aplicação de teorias, leis

e princípios gerais  O ergonomista/projetista

atua em nome do usuário  Propício para projetos

genéricos  O ergonomista decide o

que é melhor para o usuário

Projetar com usuários   Abordagem resultante de críticas

ao "projeto para usuários"   Ergonomia participativa   Consideração com questões

inerentes ao ser humano: ambições, crenças, emoções e outras

  Ergonomista atua como agente de mudança

  Abordagem apropriada para projetos identificados ou locais

  Os usuários decidem por si mesmos

64  

Page 65: 01 - IHC e usabilidade [Conceitos]

A abordagem de projeto centrado no usuário, leva em conta o ser humano em cada etapa do desenvolvimento de um produto ou serviço.

Tudo que o usuário experimenta deve ser resultado de uma decisão consciente da parte do projetista. 65  

Page 66: 01 - IHC e usabilidade [Conceitos]

Terminais Informatizados

Page 67: 01 - IHC e usabilidade [Conceitos]

67  

Page 68: 01 - IHC e usabilidade [Conceitos]

68  

Page 69: 01 - IHC e usabilidade [Conceitos]

69  

Page 70: 01 - IHC e usabilidade [Conceitos]
Page 71: 01 - IHC e usabilidade [Conceitos]
Page 72: 01 - IHC e usabilidade [Conceitos]

Robson Santos www.interfaceando.com

@interfaceando

Muito obrigado!