Design e usabilidade em IHC

Transcrição

1 Dsign usabilidad m IHC Dpartamnto d Informática Matmática Aplicada Univrsidad Fdral do Rio Grand do Nort jair@dimap.ufrn.br

2 Rotiro Introdução ao dsign d IHC Intratividad: história volução A disciplina d IHC Toria d IHC Engnharia Smiótica Procsso d dsign d IHC A atividad d dsign Modlos protótipo Anális d usuários cnários Dsign da comunicação d IHC Arquittura da intrfac layout Dsign da intração (diálogo) Visualização da informação Avaliação d IHC O qu, quando, como, ond com qum avaliar Métodos técnicas d avaliação

3 Intratividad com computadors: história volução

4 Evolução das intrfacs d usuário 50s Intrfacs são painl d controls do hardwar usuário são ngnhiros 60-70s Intrfacs são programas m linguagns como COBOL, FORTRAN 70-80s Primiros aplicativos linguagns d comandos 80s Intrfacs gráficas com aplicativos 90s Intrfacs multimídia intrfacs Wb 00s - Intrfac tornam-s ubíquas stão m todo lugar m dispositivos móvis.

5 Intrfacs como painl d control

6 Cartõs prfurados As instruçõs forncidas m cartõs prfurados (Hollritt) Cada programa (JOB) ra ntrgu no CPD para sr procssado. Rsultados do programa m rlatórios imprssos.

7 Popularização dos computadors Com os microprocssadors, os usuários podriam tr computadors m casa para programar s divrtir Computadors ligados m tlvisors Linguagm BASIC m prmitia construção d programas simpls fazia tarfas do S.O. Intrprtador m ROM Programa armaznados m fitas K7 Appl I TK2000

8 Intragindo m BASIC A forma primária d intração é programando m BASIC. Pod-s construir programas com ntrada saída através d tclado tla, rspctivamnt INPUT var PRINT var Fonts:

9 As intrfacs gráficas Placas gráficas d alta rsolução monocromáticas Bit-mappd display Concitos Princípios Mtáfora d dsktop Objtos rprsntados por ícons, armaznados m pastas visualizados m janlas Manipulação dirta Objtos tm propridads podm sofr açõs Estilo WIMP Windows, Icons, Mnus, Pointr WYSIWYG - What You S Is What You Gt Comandos grais Mov, copy, dlt Xrox Star, 1981 Appl Macintosh, 1984

10 Primiras intrfacs gráficas Macintosh, 1984 Xrox Star, 1981

11 Divrsidad: Dsktops, Laptops, Palmtops

12 Toqu na tla Intração com toqu na tla Slcionar Arrastar Tclado virtual Estilos Hirarquia d mnus Manipulação dirta Botão hardwar único para voltar à tla inicial (hom)

13 Hands-On Computing

14 Roomwar

15 Ralidad aumntada Combinação d imagns captadas por câmras sinttizadas por computação

16 Ipad: foco na intratividad ipad crats and dfins an ntirly nw catgory of dvics that will connct usrs with thir apps and contnt in a much mor intimat, intuitiv and fun way than vr bfor. (Stv Jobs, Jan 2010) Th prcis Multi-Touch intrfac maks surfing th wb on ipad an ntirly nw xprinc, dramatically mor intractiv and intimat than on a computr

17 Dsafios As pssoas dpndm cada vz mais d srviços computacionais Sistmas bancários Uso incorrto pod lvar a prjuízos financiros Sistmas corporativos Uso intnsivo obrigatório Sistmas govrnamntais O qu dvria sr um dirito não pod sr uma dificuldad Profissionais d computação não tm formação adquada para lidar com os fators humanos dos sistmas computacionais

18 Intragindo com um sistma bancário O sistma bancário ofrc vários srviços para os clints Ao utilizar com um caixa, stamos intragindo com um sistma computacional Qustõs As pssoas sabm como utilizar? As pssoas consgum fazr o qu qurm? As pssoas stão satisfitas? O dsign d IHC é a atividad d mlhorar a qualidad na utilização dos sistmas computacionais.

19 IHC a divrsidad d usuários O dsign d IHC dv considrar qu um sistma dv star adquado aos sus usuários Sistmas podm sr utilizados por uma grand divrsidads d usuários.

20 Intragindo com um sistma corporativo SIGAA: Sistmas d control acadêmico da UFRN Apoio a divrsas atividads acadêmicas Matricula on-lin Rgistro d falta notas Programa do curso Foruns nquts Distribuição d matrial do curso Profssors, alunos funcionários são obrigados a usar no dia-a-dia Dsnvolvido pla quip da UFRN Ex-alunos, stagiários

21 Prciso consultar informaçõs sobr a disciplina d Sistmas Distribuídos...

22 Vou procurar nos mnus... Turmas? Consulta Turmas? Consulta Cursos?

23 Eu prciso forncr todos sts dados para fazr a busca? Eu não si o código, o tipo Por qu o chckbox?

24 Nossa! E agora? O qu dvo fazr?

25 A disciplina d IHC

26 Intração Humano-Computador Disciplina ou campo d studo intrssada no dsign, implmntação avaliação d sistmas computacionais intrativos para uso humano. studo dos fnômnos associados ao uso humano d sistmas computacionais intrativos. (ACM SIGCHI, 1992)

27 Intrfac d Usuário Conjunto d artfatos d softwar hardwar para a intração usuário-sistma. Part do sistma com a qual o usuário ntra m contato físico, prcptivo cognitivo [Moran 83] Mnsagm do dsignr para o usuário [d Souza 93]

28 Nívis m Sistmas Computacionais Nívl do computador Nívl do usuário Intração Humano-Computador Nívl social organizacional Sistma Computacional Usuário Contxto social organizacional

29 Focus d intrss m IHC Instrumntação Instrumntação tórica tórica prática prática para para o o procsso procsso d d Dsign Dsign Dsnvolvimnto Dsnvolvimnto da da aplicação aplicação Modlos Modlos do do procsso procsso d d Intração Intração sistma-usuário sistma-usuário Anális Anális do do domínio domínio d d aspctos aspctos sociais sociais organizacionais organizacionais qu qu influnciam influnciam motivam motivam a a utilização utilização do do sistma sistma Sistma Computacional Dsignr Dsign Dsign dsnvolvimnto dsnvolvimnto do do hardwar hardwar softwar softwar qu qu implmntam implmntam a a funcionalidad funcionalidad o o modlo modlo d d intração. intração. Usuário Estudo Estudo das das capacidads capacidads limitaçõs limitaçõs físicas físicas cognitivas cognitivas dos dos usuários usuários

30 Disciplinas associadas à IHC Ciência da computação Intligência Artificial Lingüística Psicologia Cognitiva Smiótica Conhcimnto Habilidads dos Espcialistas m IHC Filosofia Psicologia Social Organizacional Sociologia Ergonomia Fators Humanos Dsign Antropologia Engnharia Torias, Métodos, Técnicas Frramntas d Dsign d IHC

31 Ergonomia Fators Humanos Disciplina intrssada no dsign d produtos procssos d trabalho m conformidad com as ncssidads o bm star dos srs humanos. Ergonomia trmo utilizado na Europa Brasil Fators Humanos trmo utilizado nos EUA Ergonomia cognitiva tm objtivos smlhants à IHC

32 Dsign d IHC Dsign = dsnho, projto ou concpção Atividad d concbr (ou dsnhar), prototipar, construir avaliar: A intrfac d usuário do sistma A intração usuário-sistma A xpriência do usuário Apoiada plas disciplinas qu contribum para IHC. Ralizada por uma quip d spcialistas m divrsas disciplinas d IHC

33 Psquisa m IHC Contxto social organizacional Dsignr IHC Conhcimnto Conhcimnto sobr sobr IHC: IHC: Princípios, Princípios, dirtrizs, dirtrizs, padrõs, padrõs, normas, normas, modlos modlos torias. torias. Psquisador

34 Usabilidad Normas ISO 9126 Norma ISO 9126 Intligibilidad: É fácil ntndr os concitos utilizados? Aprnsibilidad: É fácil aprndr a usar? Opracionabilidad: É fácil oprar controlar a opração?

35 Normas ISO Dfinição d usabilidad: Qualidad d um produto d podr sr utilizado por usuários spcíficos para atingir dtrminadas mtas com ficiência, ficácia satisfação num contxto d uso spcífico. Eficácia Prcisão compltza com qu os usuários atingm os sus objtivos Obtr uma informação corrta, ntrar dados corrtamnt Eficiência Rcursos forncidos para s atingir uma mta com prcisão compltza Encontrar rapidamnt uma informação corrta sm tr qu forncr muita informação Satisfação Conforto acitabilidad do produto Contxto d Uso Usuários, tarfas, quipamntos ambint físico social

36 Problmas com usabilidad Alto custo com trinamnto Baixa produtividad Alto índic d rros comtidos Dificuldads d ntndimnto Dsmotivação para xplorar Insatisfação Custo do sistma não gra os bnfícios sprados

37 Rsumo IHC é a disciplina voltada para: O ntndimnto dos fnômnos d intração A mlhoria da usabilidad A mlhoria da prática d dsign dsnvolvimnto IHC utiliza conhcimnto d divrsas disciplinas IHC visa ofrcr: Torias métodos d invstigação (ciência) Métodos técnicas d dsign, dsnvolvimnto avaliação (prática)