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?

“É 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?

“É 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?

Design centrado no Designer

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

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

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

Em um futuro não tão distante

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

• 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

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)

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

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

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

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

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

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

Teste do marshmallow

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

É 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

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.

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

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

Obrigado!

Guilherme Marques http://www.guilhermemarques.com

@guimarques