Interação Humano-Computador Profa. Ticianne Ribeiro

Sistemas e Mídias Digitais

AULA XIV DESIGN DE IHC – MODELAGEM DA INTERFACE

2

3

Cenários de Interação

Ticianne Ribeiro - Design de Interação

4

Ticianne Ribeiro - Design de Interação

5

Representam intervenções Detalhe de ações dos usuários e respostas. Ricos em detalhes.

Mas não contém detalhes de interface. Referências às perguntas da narrativa.

Diversos cenários para uma situação.

Ticianne Ribeiro - Design de Interação

6

Ticianne Ribeiro - Design de Interação

7

Design da Interface

Ticianne Ribeiro - Design de Interação

8

Ticianne Ribeiro - Design de Interação

9

Definir interface Que modo de interação? Há uma metáfora?

Que paradigma de interação?

Que modo de interação?

Ticianne Ribeiro - Design de Interação

10

Ticianne Ribeiro - Design de Interação

11

Estilos de Interação Linguagens de comando. Linguagem natural.

Menus e formulários. WIMP – Windows, Icons, Menus and Pointers

Manipulação direta.

Ticianne Ribeiro - Design de Interação

12

Linguagens de Comando Vocabulário do usuário. Gramática reflete conceitualização.

Usuários experientes / treinamento.

Ticianne Ribeiro - Design de Interação

13

Linguagem Natural Idioma do usuário. Usuários novatos.

Ticianne Ribeiro - Design de Interação

14

Menus Oferta de opções. Organização razoável, memorável e conveniente.

Estrutura: profundidade e largura. Ordem. Agrupamento.

Ticianne Ribeiro - Design de Interação

15

Formulários Ordem. Agrupamento. Atalhos e navegação.

Prevenção e recuperação de erros.

Ticianne Ribeiro - Design de Interação

16

Manipulação Direta Ações rápidas, incrementais e reversíveis. Resultado imediato. Melhor aprendizado, memorização e motivação.

Dificuldade para deficientes visuais/motores.

Ticianne Ribeiro - Design de Interação

17

WIMP Junção de modos de interação.

Há uma metáfora?

Ticianne Ribeiro - Design de Interação

18

Ticianne Ribeiro - Design de Interação

19

Escolha da metáfora 1 – Entenda o que o sistema vai fazer. 2 – Entenda que partes do sistema são prováveis de causar problemas ao usuário. 3 – Sugira algumas metáforas e valide.

Ticianne Ribeiro - Design de Interação

20

Que paradigma de interação?

Ticianne Ribeiro - Design de Interação

21

Ticianne Ribeiro - Design de Interação

22

Escolha do paradigma Pense nas tarefas do usuário, com os paradigmas em mente. Pense nos requisitos de ambiente.

Representações da Interface

Ticianne Ribeiro - Design de Interação

23

Ticianne Ribeiro - Design de Interação

24

Como representar? Informalmente ou formalmente. Diferentes níveis de abstração.

Diferentes níveis de fidelidade.

Ticianne Ribeiro - Design de Interação

25

Ticianne Ribeiro - Design de Interação

26

Ticianne Ribeiro - Design de Interação

27

Design de Sistemas Adaptáveis e Adaptativos

Ticianne Ribeiro - Design de Interação

28

Ticianne Ribeiro - Design de Interação

29

Liberdade ao usuário Configurar. Adaptar.

Estender. Quando e como comunicar o que pode ser adaptado.

Como comunicar consequências. Restringir para preservar identidade do sistema.

Ticianne Ribeiro - Design de Interação

30

Adaptáveis Usuários modificam o sistema.

Ticianne Ribeiro - Design de Interação

31

Adaptativos Adaptam-se automaticamente ao usuário. Aprendem com feedback.

Ticianne Ribeiro - Design de Interação

Dúvidas?

32