8
Disciplina Interface Homem e Máquina Interface : Condução Patricia Paula dos Santos Batista [email protected] Abril 2015

Exemplo de Interface Homem Máquina

Embed Size (px)

Citation preview

Page 1: Exemplo de Interface Homem Máquina

Disciplina Interface Homem e Máquina

Interface : Condução

Patricia Paula dos Santos Batista

[email protected]

Abril 2015

Page 2: Exemplo de Interface Homem Máquina

1. Introdução

As interfaces são utilizadas como forma de registrar e transmitir informações

desde os primórdios da civilização, passando pelo desenvolvimento da escrita,

da invenção da imprensa, do telégrafo, do telefone, do cinema, da televisão e,

mais recentemente, das redes de computadores.

É um desafio muito grande avaliar as qualidades ergonômicas de interfaces

interativas, porque vários são os critérios de avaliação disponíveis e as

situações de uso. Contudo, criar uma interface interativa que atenda às

necessidades e desejos dos usuários, é uma tarefa ainda mais complexa. Para

se alcançar o sucesso na concepção e avaliação de interfaces interativas, é

necessário o emprego de critérios bem definidos e voltados para a identificação

e classificação das qualidades e problemas ergonômicos. Neste trabalho, foi

escolhido o site www.youtube.com, pois o mesmo oferece várias funções a

serem analisadas do ponto de vista ergonômico e do usuário.

2. Critérios de Avaliação

2.1 Presteza

A interface prestativa guia o usuário e o poupa do aprendizado de uma série de

comandos, permitindo-lhe saber o modo ou o estado onde se encontra no

diálogo, bem como o que fez para se encontrar nessa situação.

Abaixo, analisamos na imagem as funções da página inicial do site, a home:

Page 3: Exemplo de Interface Homem Máquina

Presteza

Imagem 1

Como podemos observar, há vários elementos no site que agregam informações

importantes para o usuário:

1. Menu de interação dos dados de acesso do usuário, nele contém os vídeos

“recomendados”, onde são armazenados vídeos patrocinados ou vídeos que são

do perfil do usuário. Há o “meu canal” onde se encontram os vídeos de origem

do usuário; “minhas inscrições” é aba onde se concentra todos canais onde o

usuário está inscrito; “histórico” guarda todo o histórico acessado; “assistir mais

tarde” é onde são salvos os vídeos que o usuário salvou para assistir em um

momento oportuno;

2. A “playlist” é uma categoria onde são salvos todos os vídeos que o usuário

positivou com um “like”;

3. Em “inscrições” são salvos todos os canais onde o usuário se inscreveu;

4. Logo abaixo, na página, são exibidos modos de configuração para

gerenciamento de canais onde se está inscrito assim como buscar o mesmo;

5. Na aba superior há opções semelhantes às categorias laterais para maior

facilitação de acesso do usuário, que ao invés de procurar pelas categorias

laterais e procura-los, pode clicar diretamente nestas opções que levam

diretamente ao foco;

Page 4: Exemplo de Interface Homem Máquina

6. A categoria “recomendado” exibe os vídeos recomendados para exibição ao

usuário de acordo com a afinidade, acesso e perfil do mesmo;

7. Formulário de busca na parte superior da página, denotando maior facilidade de

acesso e condiz com a prática ergonômica da web;

8. Área do perfil do usuário.

2.2 Agrupamento de distinção de itens

Diz respeito à organização visual dos itens de informação, relacionados uns com

os outros, levando em conta a localização e algumas características gráficas,

como o formato, para indicar as relações entre os vários itens mostrados,

apontando se pertencem ou não a uma dada categoria. O critério

agrupamento/distinção de itens está subdividido em localização e formato.

Podemos averiguar estas características de acordo com a imagem abaixo:

Page 5: Exemplo de Interface Homem Máquina

Agrupamento e distinção de itens

Imagem 2

Como podemos perceber, o agrupamento e a distinção de itens nesta imagem

está explícita. Na opção 1, com o fundo escuro, há a seleção feita pelo próprio

random do site de acordo com a afinidade do vídeo escolhido, assim tem-se uma

playlist automática, reduzindo o tempo do usuário de escolher um novo vídeo

após ter terminado o selecionado inicialmente. Já na opção 2, logo abaixo e de

fundo claro, tem se os vídeos de forma unificada, caso o usuário goste do vídeo

que selecionou, ele tem a oportunidade de selecionar outro do mesmo

compartilhador, cantor ou canal.

2.3 Formato e Localização

Page 6: Exemplo de Interface Homem Máquina

Diz respeito ao posicionamento relativo dos itens, estabelecido para indicar se

eles pertencem ou não a uma dada categoria, ou ainda, para indicar diferenças

entre categorias e o posicionamento relativo dos itens dentro de uma categoria.

Segue o exemplo abaixo:

Formato e localização

Imagem 3

A aba “Assista de novo” corresponde à localização estratégica do site, está na

home e induz o usuário a ver novamente o vídeo que assistiu na ultima sessão.

Os itens contidos nesta categoria também é condizente com o acesso do usuário

que fica salvo no cookie do navegador e/ou no cookie do perfil do usuário – os

mesmos vídeos sugeridos via navegador de um desktop, por exemplo, será

exibido via mobile se ambos os equipamentos estiverem associados ao perfil do

Google do mesmo usuário.

2.4 Legibilidade

Diz respeito às características lexicais das informações que possam dificultar ou

facilitar a leitura da informação, como o brilho do caráter, o contraste letra/fundo,

o tamanho da fonte, o espaçamento entre palavras, o espaçamento entre linhas,

o espaçamento de parágrafos, o comprimento da linha. Segue um exemplo

abaixo:

Page 7: Exemplo de Interface Homem Máquina

Legibilidade

Imagem 4

Conforme pode-se perceber, apesar da página apresentar várias informações, o

site é legível e de confiabilidade.

2.5 Feedback Imediato

Diz respeito às respostas do sistema às ações do usuário. Essas entradas

podem ir do simples pressionar de uma tecla, até uma lista de comandos. As

respostas do computador devem ser fornecidas de forma rápida, com um tempo

de resposta apropriado e consistente para cada tipo de transação. A qualidade

e rapidez do feedback são dois fatores importantes para o estabelecimento da

satisfação e confiança do usuário, assim como para o entendimento do diálogo,

e possibilitam que o usuário tenha um melhor entendimento do funcionamento

do sistema. Por ser um site que contém muitas imagens e vídeos, quais são

naturalmente de peso maior, no caso do Youtube o feedback imediato será

relativo pois depende de algumas varáveis, dentre elas:

Page 8: Exemplo de Interface Homem Máquina

Disponibilidade do vídeo do servidor de acesso via Google Global Cache, qual

facilita a transmissão via streaming de forma mais veloz (na nossa região

somente o provedor Sinal Br oferece este tipo de serviço);

Disponibilidade da banda de internet;

Qualidade do hardware acessante.

3. Conclusão

Conclui se que devem ser intensificadas pesquisas em ergonomia voltadas para

o aspecto de acessibilidade, que facilitem o acesso ao sistema (indivíduos

portadores de alguma deficiência física) e a melhoria da qualidade de vida.

O site analisado, Youtube, pertencente à empresa Google, tem apresentado

melhorias constantes, principalmente referente às adaptações de hardware. A

própria empresa concedente oferece o serviço “Google Help” com uma aba

própria do Youtube para sanar as dúvidas dos usuários.