Design Centrado no Usuário
Upcoming SlideShare
Loading in...5
×
 

Design Centrado no Usuário

on

  • 4,135 views

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. ...

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)

Statistics

Views

Total Views
4,135
Slideshare-icon Views on SlideShare
807
Embed Views
3,328

Actions

Likes
2
Downloads
42
Comments
0

7 Embeds 3,328

http://guilhermemarques.wordpress.com 2963
http://guilhermemarques.com 343
url_unknown 9
http://www.feedspot.com 5
http://digg.com 5
http://translate.googleusercontent.com 2
http://webcache.googleusercontent.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Design Centrado no Usuário Design Centrado no Usuário Presentation Transcript

    • O que é Design?
      “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 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?
      “É 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
    • 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.
      Estas pessoas, terão (ou não) limitações
      • Técnicas
      • Baixa coordenação motora
      • Falta de um plugin
      • Não ter áudio no PC
      • Limitações na visão(daltonismo, miopia)
    • Em um futuro não tão distante
      http://www.youtube.com/watch?v=6Cf7IL_eZ38
      Duração do vídeo (5:33)
    • Etapas do DCU
      Mas isso não é uma receita de bolo....Encontre a necessidade para o seu projeto.
      Então, por onde começar?
      • Identificar requisitos dos usuários e do cliente
      • Criar soluções alternativas
      • Construir protótipos testáveis
      • Avaliar com usuários
    • Exemplos de métodos e processos
      1) Entrevistas
      Nada melhor do que uma boa conversa. Entreviste todas as pessoas chaves para o sucesso do projeto. Entreviste clientes, diretores, e foque nos usuários.
      • 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 processos
      2) Personas
      A 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
      • 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 processos
      3) Observação / Etnografia
      Resumidamente, 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 focusgroup, teste de usabilidade e outras técnicas “frias”.
    • Exemplos de métodos e processos
      4) Cardsorting
      Cardsorting é 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.
    • Exemplos de métodos e processos
      5) Prototipação
      Protó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.
    • Exemplos de métodos e processos
      6) Testes de usabilidade
      Teste 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.
    • Teste do marshmallow
      http://www.youtube.com/watch?v=9fbWPwZWgLo
      Duração do vídeo (3:45)
    • Curva de aprendizado
      É o processo de aquisição de conhecimento e destreza para executar uma determinada tarefa.
      Convenções na internet
      No dicionário > convenção = costume admitido
      “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”
    • Vamos testar?
      Pensem em uma imagem / ícone que represente para você comércio eletrônico.
      Pensem em uma imagem / ícone que represente para você a ação de salvar.
    • Podemos alterar o comportamento das pessoas através do design?
      http://www.youtube.com/watch?v=8pl_mPLnnLo
      Escada Musical / Duração do vídeo (1:48)
      http://www.youtube.com/watch?v=1VosGS2-Hgg
      Utilize a lixeira / Duração do vídeo (1:28)
    • 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