Projeto de Interfaces Prof. Anderson Mine Fernandes Coordenador Sistemas para Internet FAU Sócio Uniti Tecnologia de Informação Compra Canibal – Loja Oficial do Mundo Canibal www.compracanibal.com.br anderson@faculdadealfaumuarama.com.br www.professorburnes.com

IHC / IHM Interação ou Interface Humano Computador Interface Homem Máquina Pra que serve? Desenvolvimento de sistemas eficientes e efetivos Um bom sistemas ou interface pode estimular o usuário, motivá-lo e até deixá-lo feliz

Evolução

Evolução

Evolução

Evolução

Evolução

Evolução

Evolução

Evolução

Evolução

Evolução

Evolução

Evolução

Evolução

Evolução

Evolução

Evolução

Evolução

Evolução

Evolução

Evolução

Evolução

Evolução

Evolução

Evolução

Evolução

Evolução

Evolução

Evolução

Evolução

Evolução

Evolução

Evolução

Evolução

Evolução

Evolução

Design de Interação Pra que serve? Desenvolver sistemas interativos que provoquem respostas positivas por parte dos usuários. Aspectos afetivos Interfaces expressivas Frustração do usuário

Aspectos Afetivos Produção de uma resposta emocional Alegria, felicidade, tristeza, frustração Projetos de computadores que podem se comportar como humanos COG do MIT – programador para ter a inteligência e se comportar como um bebê de 2 anos.

Interfaces Expressivas Ligada ao design de interfaces afetivas Consiste em utilizar ícones expressivos ou elementos gráficos que podem transmitir estados emocionais

Interfaces Expressivas Uma vantagem da utilização de designs expressivos é que ele oferece um feedback tranquilizador ao usuário. Quanto mais eficaz for o uso das imagens, mais envolvente e agradável ele será (Mullet e Sano, 1995). No passado o IHC focava mais na usabilidade, e menos nas interfaces mais agradáveis.

Interfaces Expressivas Agente amigável de sistema

Interfaces Expressivas Agente amigável de sistema é um companheiro virtual, que pode deixar os usuários mais inexperientes mais a vontade com o uso do sistema. Ajuda a executar tarefas e tirar dúvidas.

Interfaces Expressivas

Interfaces Expressivas Outras formas expressivas são os sons, que podem provocar respostas emocionais do usuário. O Windows possui sons diferentes para cada tarefa. O ICQ possuía um som interessante quando alguém lhe enviava uma mensagem.

Frustração do Usuário Todas as pessoas já devem ter se sentido frustradas ao utilizar um computador ou sistema. Muitas vezes se sente indignado.

Frustração do Usuário Aplicação não funciona ou falha Sistema não faz o que o usuário deseja Quando as expectativas do usuário não são atendidas Quando as mensagens de erro são vagas, confusas Quando a aparência apresenta muitos defeitos de cor, ou é muito confusa

Frustração do Usuário Quando um sistema não fornece informações suficientes que permitam o usuário saber o que fazer

Exercício Vamos discutir: Exemplos específicos de cada uma das categorias acima Frustra com dispositivos interativos Celular Tablets Notebooks Em ordem dos erros que lhe aborrecem menos Quais os piores?

Frustração do Usuário A frustração é ligada normalmente a design mal feitos, pela falta ou inexistente do mesmo. Esses defeitos podem ser tão ruins, que o usuário pode abandonar a aplicação ou site. Vamos ver os clássicos causadores de frustrações.

Frustração do Usuário Ilusão: quando as expectativas de um usuário não são atendidas e ele é apresentado a um display ilusionista.

Frustração do Usuário Quando você clica em um link e descobre que ele não existe ou está em construção

Frustração do Usuário Mensagens de erro: quando um sistema emite um erro que não deveria, o sistema deveria estar funcionando, ou quando emite um erro com uma mensagem não entendível pelo usuário.

Frustração do Usuário Sobrecarga: fazer com que o usuário tenha de realizar vários updates ou manutenções excessivas. Fazer um site ou sistema que não funcionam em todos os navegadores.

Frustração do Usuário Aparência: quando a aparência de um site é desagradável. Cheios de textos, imagens animadas, banners e música. Teclados e outros tipos e botões de entrada mal projetados. Designs infantis Número excessivo de operações para se chegar a um local

Design de Interação Design é uma atividade prática e criativa, consiste em desenvolver um produto que agrade aos usuários.

Design de Interação Devemos entender o que o usuário espera que o produto faça. Coleta de requisitos com os usuários. Exemplo: o usuário deseja um site onde ele possa cadastrar uma agenda online, com base em um cadastro prévio e um login. Vamos fazer um esboço?

Design de Interação O design de interação possui 4 tarefas básicas Identificar as necessidades e estabelecer requisitos Desenvolvendo designs alternativos Construindo versões interativas dos designs Avaliar os designs