24

Design Centrado no Usuário

Embed Size (px)

DESCRIPTION

Arquivo utilizado em palestra ministrada na UFMG (Universidade Federal de Minas Gerais) na Escola de Ciência da Informação aos alunos da especialização em Gestão Estratégica da Informação. (em 04/04/2011)

Citation preview

Page 1: Design Centrado no Usuário
Page 2: Design Centrado no Usuário
Page 3: Design Centrado no Usuário
Page 5: Design Centrado no Usuário

“Denomina-se design qualquer processo técnico e criativo relacionado à configuração, concepção, elaboração e especificação de um artefato”

Visão contemporânea do Design • funcional• formal • usabilidade• emocional

O que é Design?

Page 6: Design Centrado no Usuário

“É o processo de design em que as necessidades, desejos e limitações do ser humano são levadas em conta durante todas as fases de concepção e desenvolvimento de um projeto”

O que é Design Centrado no usuário?

Page 7: Design Centrado no Usuário

“É a prática de criar produtos de forma que os usuários sejam capazes de utilizá-los com o mínimo de stress e o máximo de eficiência” Woodson, 1981

O que é Design Centrado no usuário?

Page 8: Design Centrado no Usuário

Design centrado no Designer

Page 9: Design Centrado no Usuário

http://oxox.co.uk/css3/

Page 10: Design Centrado no Usuário

Precisamos conhecer para quem estamos criando e projetando as interfaces, e saber em quais circunstancias as pessoas utilizarão o produto.

• Técnicas• Baixa coordenação motora• Falta de um plugin• Não ter áudio no PC• Limitações na visão

(daltonismo, miopia)

Estas pessoas, terão (ou não)

limitações

Page 11: Design Centrado no Usuário

http://www.youtube.com/watch?v=6Cf7IL_eZ38

Em um futuro não tão distante

Duração do vídeo (5:33)

Page 12: Design Centrado no Usuário

• Identificar requisitos dos usuários e do cliente

• Criar soluções alternativas • Construir protótipos testáveis • Avaliar com usuários

Mas isso não é uma receita de bolo....Encontre a necessidade para o seu projeto.

Então, por onde começar?

Etapas do DCU

Page 13: Design Centrado no Usuário

Exemplos de métodos e processosNada melhor do que uma boa conversa. Entreviste todas as pessoas chaves para o sucesso do projeto. Entreviste clientes, diretores, e foque nos usuários.

1) Entrevistas

• faça um roteiro• grave as conversas• crie um relatório

Se preferir, você pode usar algumas ferramentas e aplicar questionários online. (Ethnio, SurveyMonkey, Google Forms)

Page 14: Design Centrado no Usuário

Exemplos de métodos e processosA final qual é mesmo o meu público? Uma persona é um perfil de usuário fictício que representa uma fatia do público-alvo e serve para motivar e guiar os membros de um projeto interativo rumo ao Design Centrado no Usuário

2) Personas

• engaja e conscientiza a equipe de projeto• chega-se a um consenso dos interesses do usuário• mantém o foco no usuário durante todo o projeto• agiliza a tomada de decisões porque não é preciso consultar

usuários reais a cada etapa do projeto

Page 15: Design Centrado no Usuário

Exemplos de métodos e processosResumidamente, etnografia é ir para o ambiente em que a pessoa costuma realizar as suas tarefas e buscar informações para suas perguntas, o que se difere muito de um focus group, teste de usabilidade e outras técnicas “frias”.

3) Observação / Etnografia

Page 16: Design Centrado no Usuário

Exemplos de métodos e processosCardsorting é uma técnica de categorização de cartões. O objetivo é criar um sistema de organização de conteúdo que reflita o modo de pensar das pessoas.

O cardsorting, por si só, não determina o sistema de organização, ele informa tendências e indica direções a serem seguidas.

4) Cardsorting

Page 17: Design Centrado no Usuário

Exemplos de métodos e processosProtótipo, ou Wireframes devem mostrar como uma página se comporta de uma perspectiva da arquitetura, deve exibir os elementos de navegação, e definir quais os elementos terão maior destaque do conteúdo.

5) Prototipação

Page 18: Design Centrado no Usuário

Exemplos de métodos e processosTeste de Usabilidade tem por objetivo verificar a facilidade que o software possui de ser claramente compreendido e manipulado pelo usuário.

Os usuários são designados para desenvolver tarefas típicas e críticas havendo com isso uma coleta de dados para serem posteriormente analisados.

6) Testes de usabilidade

Page 19: Design Centrado no Usuário

http://www.youtube.com/watch?v=9fbWPwZWgLo

Teste do marshmallow

Duração do vídeo (3:45)

Page 20: Design Centrado no Usuário

É o processo de aquisição de conhecimento e destreza para executar uma determinada tarefa.

“Os usuários esperam que os elementos convencionais funcionem de certar maneira quando visitam um novo site, pois é assim que quase sempre as coisas funcionam”

No dicionário > convenção = costume admitido

Curva de aprendizado

Convenções na internet

Page 21: Design Centrado no Usuário

Pensem em uma imagem / ícone que represente para você comércio eletrônico.

Vamos testar?

Pensem em uma imagem / ícone que represente para você a ação de salvar.

Page 22: Design Centrado no Usuário

Podemos alterar o comportamento das pessoas através do design?

Escada Musical / Duração do vídeo (1:48)

http://www.youtube.com/watch?v=1VosGS2-HggUtilize a lixeira / Duração do vídeo (1:28)

http://www.youtube.com/watch?v=8pl_mPLnnLo

Page 23: Design Centrado no Usuário

As pessoas mudam?

Para você que ainda usa o disquete como ícone de Salvar (3:26)

http://www.youtube.com/watch?v=gdSHeKfZG7c

Escala pentatônica (3:13)

Veja o vínculo cognitivo criado entre a informação visual e a sonorahttp://vimeo.com/5732745

We All Want to Be Young (9:31)

http://www.youtube.com/watch?v=ZidBmzFFSyk

Page 24: Design Centrado no Usuário

Obrigado!

Guilherme Marques http://www.guilhermemarques.com

@guimarques