Upload
guilherme-marques
View
5.585
Download
0
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
“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