O que é Interface

Interface
Ambiente onde se dá a comunicação com os
usuários do sistema.
“ A introdução de uma ferramenta de informática interativa
em um ambiente de trabalho, modifica a realização da
tarefa por ele apoiada e condiciona o
desempenho de seu operador aos erros e acertos da
equipe de desenvolvimento da interface com o
usuário deste sistema.” Cybis

Alan Kay: ‘For users, the user interface is

the program’
Interface Caracter
Interface Caracter
Interface Gráfica Amigável
Interface Gráfica Amigável
 Interface Gráfica Amigável

A interface gráfica Ela usa:

amigável é: • Icones
• Metafórica • Menus
• Intuitiva • Janelas
• Associativa • Espaços de Manipulação direta
• Multisensorial • Ferramentas e comandos
• Coerente
Interface Gráfica Amigável

Para Pierre Lévy, a principal característica da interface

amigável é a coerência. Segundo ele, ela seduz o

usuário e o liga cada vez mais ao sistema.

Ele acredita que a comunicação com o Ambiente Dígito-

Virtual (www), pelo computador ou qualquer dispositivo

disponível, não deve ser abstrata, rigidamente codificada e

desprovida de sentido para o usuário.

Interface Gráfica Amigável

Intuitiva, metafórica, e Multisensorial

Para Levý, essas características contribuem para a

‘humanização da máquina’, pois, desta forma, a interface

amigável é mais imbricada ao sistema cognitivo humano.

Interface Gráfica Amigável

A interface amigável deve ter:

Usabilidade e Coerência (adequação ao usuário)

• Facilidade de comunicação
• Facilidade de uso e aprendizagem
• Fornece um ambiente de trabalho familiar
• Fornece um mapa o objetivo da realidade (previsível e informativa)
• Simplifica a realização de tarefas
• Transmite segurança por ser controlável pelo usuário

GUI – graphical User Interface

Interface do Window em versão Demo em 1983
Interface do Window 1.0
Interface do Window 2.0
Interface do Window 2.0
Interface do Window 3.0
Interface do Window 3.0
Interface do Window 3.0
Interface do Window 3.1
Interface do Window 3.11
Interface do Window95
Interface do Window95
Interface do Window95
Interface do Window98
Windows Vista
Interface Gráfica Amigável
Interface Sis Operacional amiga - 1985
Interface Sis Operacional amiga - 1985
Interface do Lisa, Apple
Interface do Lisa, Apple
Interface do Apple IIgs System
Interface do Apple IIgs System
Interface do Apple Macintosh - 1984
Interface do Apple Macintosh - 1984
Interface do Apple Macintosh - 1984
Interface do Apple Macintosh OS 7.5.5
Interface do Apple Macintosh OS 7.5.5
Interface do Apple Macintosh OS 7.5.5
Interface do Apple Macintosh OS 9
Interface Gráfica Amigável Mac OS X
Interface Gráfica Amigável

A princípio, a interface gráfica amigável convida o usuário a

tomar decisões de acordo com o que lhe pareça mais

interessante e mais próximo das suas necessidades e

desejos na realização de uma tarefa. É através dela que

ocorre a interação utilizador/computador/Internet que

possibilita o diálogo direto e objetivo.

Interface Gráfica Amigável

“A comunicação nos dois sentidos, entre o utilizador e

o sistema, pode ser, fundamentalmente, decomposta

nas ‘entradas’, ou seja, na comunicação do usuário

com o computador, e nas ‘saídas’, onde ocorre a

comunicação do computador com o usuário”.

Pimenta & Heuser

Interface Gráfica Amigável
Interface Gráfica Amigável

Esta interação é conhecida como interação

homem/computador (Human-Computer Interation – HCI, em

português IHC – Interação Homem Computador).

“HCI é o grupo de processos, diálogos e ações através do

qual um usuário humano emprega e interage com um

computador”

Hiratsuka
Interface Gráfica Amigável

Hoje em dia o IHC virou IHT

Interação homem tecnologia.

A interface gráfica amigável está migrando para outros

diversos outros produtos além do computador.

Ela está fortemente presente em celulares, em palmtops,

em dispositivos de mp3...

Até em geladeiras e fogões estão surgindo painéis de

interação com interface gráfica amigável.

Interface Gráfica Amigável
Interface Gráfica Amigável

Lévy (1993) cita que os princípios da interação amigável se

disseminaram no final da década de 80 e são classificados:

(1)
Na epresentação figurada, diagramática ou icôna das

estruturas de informação e dos comandos, (por oposição a

representações codificadas ou abstratas

Interface Gráfica Amigável

(2)
No uso do mause que permite ao usuário agir sobre o que

ocorre na tela de forma intuitiva, sensório-motora e não

através do envio de uma seqüência de caracteres

alfanuméricos;

(3)
Os menus que mostram constantemente ao usuário as

operações que ele pode realizar e

Interface Gráfica Amigável

(4)
As telas gráficas de alta resolução. É através do ambiente

da interação amigável que o hipertexto é compreendido e

disseminado.
Interface Gráfica Amigável

“A memória humana é estruturada de tal forma que nós

compreendemos e retemos bem melhor tudo aquilo que

esteja organizado de acordo com as relações espaciais.

Lembremos que o domínio de uma área qualquer do

saber implica, quase sempre, a posse de uma rica

representação esquemática”.

Lévy
Processos Cognitivos

As características anteriormente citadas abastecem de

forma coerente o cérebro humano, que funciona da seguinte

forma dentro dos processos cognitivos:

percepção,

reflexão,

memória e

tomada de decisão.
Tipos de Pensamentos

Tipos de pensamentos, de Gomes:

Pensamento Cognitivo:

apreensão de informações, de conhecimentos, de

descobertas.
Tipos de Pensamentos

Pensamento Retentivo

Memorização daquilo que se assimilou

Memória física: retenção através da repetição, da

prática e da aplicação de esforço e é bastante

duradoura.
Tipos de Pensamentos

Memória declarativa: baseada em informações

apreendidas por meio intelectual, isto é, por intermédio

de explicações, leituras, audição de aulas e palestras.

Pouco duradoura se não estiver associada a outras

memórias.

Memoria sensitiva: envolve emoções resultantes de situações

vividas (lembramos delas quando sentimos cheiros, vemos

imagens e ouvimos sons associados àqueles momentos.

Pirâmide da Aprendizagem

Palestras 5%

Taxa média de retenção

Leitura 10%

Áudio Visual 20%

Demonstrações 30%

Grupos de discussão 50%

Praticar Fazendo 75%

Ensinar os Outros/Uso Imediato 80%

Tipos de Pensamentos

Pensamento Julgativo

Avaliação da adequação, da qualidade de propósito e das

funções das coisas, objetos e produtos.

Pensamento Produtivo

Criação de produtos convergentes tangíveis ou concretos e

intangíveis ou abstratos, a partir de dados já conhecidos, retidos,

julgados.
Habilidades Mentais

Absortiva: Habilidade de observar e aplicar a atenção

Retentiva: Habilidade da memória em gravar e lembrar

Racionativa: Habilidade de analisar e de julgar

Criativa: Habilidade de visualizar, prever e gerar idéias

Osborn apud Gomes

Ambientes hipertextuais

No contexto da aprendizagem, o hipertexto, através de sua

apresentação em telas metafóricas de interface amigável

poderá favorecer, de inúmeras maneiras o domínio mais

rápido e mais fácil do conteúdo do que através do

audiovisual clássico ou do suporte impresso habitual.

Ambientes hipertextuais

“a concepção ergonômica para a geração de interfaces

amigáveis tem por objetivo garantir que as habilidades,

capacidades e necessidades humanas sejam levadas em

consideração no projeto de cada componente da Interface”

Valentin