Exemplo de Interface Homem Máquina

361 visualizações

Publicada em

Clássico exemplo de interface gráfica, envolvendo homem e máquina. Aqui, apresento alguns exemplos encontrados no site do Youtube e como seus ícones, barras e serviços interagem com o usuário.

Publicada em: Tecnologia
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
361
No SlideShare
0
A partir de incorporações
0
Número de incorporações
4
Ações
Compartilhamentos
0
Downloads
2
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Exemplo de Interface Homem Máquina

  1. 1. Disciplina Interface Homem e Máquina Interface : Condução Patricia Paula dos Santos Batista patriciapbatista.si@gmail.com Abril 2015
  2. 2. 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:
  3. 3. 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;
  4. 4. 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.2Agrupamento 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:
  5. 5. 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
  6. 6. 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:
  7. 7. 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:
  8. 8.  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.

×