Post on 29-Jun-2015
description
“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
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