Usabilidade
         em
Aplicações Multimédia




                   Alcides Fonseca
Momentos WTF!?
Microondas Novo
Microondas Novo
Microondas Novo
Microondas Novo



                  Tempo
Microondas Novo



                  Tempo
Microondas Novo



                   Tempo
                  Atalhos
Microondas Novo



                   Tempo
                  Atalhos
Microondas Novo



                   Tempo
                  Atalhos

                  Modos
Microondas Novo



                   Tempo
                  Atalhos

                  Modos
Microondas Novo



                   Tempo
                  Atalhos

                  Modos

                  Acção
Microondas Novo



                   Tempo
                  Atalhos

                  Modos

                  Acção
Microondas Novo



                   Tempo
                  Atalhos

                  Modos

                  Acção
  ...
Microondas Novo



                   Tempo
                  Atalhos

                  Modos

                  Acção
  ...
Microondas Novo



                   Tempo
                  Atalhos

                  Modos

                  Acção
  ...
Microondas Novo



                   Tempo
                  Atalhos

                  Modos

                  Acção
  ...
Microondas Velho
Microondas Velho
Microondas Velho




          25€
Definição
Origem
Eficácia                Eficiência




          Satisfação
Tarefa

Utilizador


Ambiente
Learnability
 Efficiency
Memorability
  Errors
Satisfaction
Acessibilidade
               Interaction Design
                   Ergonomia
learnability
Boas práticas
Consistência
Ctrl+B,I
Ctrl+S
Ctrl+F
http://www.uc.pt/fctuc/dei
Navigation
Layout
Grid Systems
Tipografia
Serif vs Sans-Serif
Cor
http://colorschemedesigner.com/
Significados

• Erro
• Sucesso
• Aviso
• Texto em cor neutra.
∆ Brightness > 125
               Difference > 500


Brightness = (R x 299 + G x 587 + B x 114) / 1000

Dierence = max(R1,...
Feedback
Explicitas

Humanas

Educadas

Precisas

Sugestões
Inovação
Testes de Usabilidade
Pontos a observar

• Postura
• Posição das mãos
• Cara
• Olhos
• Cursor
http://alcidesfonseca.com/
http://delicious.com/alcidesfonseca/usability
Usabilidade
Usabilidade
Usabilidade
Usabilidade
Usabilidade
Usabilidade
Usabilidade
Usabilidade
Usabilidade
Usabilidade
Usabilidade
Usabilidade
Usabilidade
Usabilidade
Usabilidade
Usabilidade
Usabilidade
Usabilidade
Usabilidade
Usabilidade
Usabilidade
Usabilidade
Usabilidade
Próximos SlideShares
Carregando em…5
×

Usabilidade

713 visualizações

Publicada em

Slides de uma aula de Multimédia que dei no DEI - FCTUC.

Publicada em: Educação, Tecnologia, Negócios
0 comentários
1 gostou
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
713
No SlideShare
0
A partir de incorporações
0
Número de incorporações
3
Ações
Compartilhamentos
0
Downloads
18
Comentários
0
Gostaram
1
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide
  • Usabilidade em Aplicações Multimédia





























  • Como várias coisas boas na nossa vida, a usabilidade nasceu com uma coisa menos boa.
  • Na segunda guerra mundial assistiu-se a um grande desenvolvimento tecnológico. Os aviões foram um exemplo. No entanto devido à complexidade de controlo, existiam muitos acidentes, o que não era muito bom para os pilotos (morriam) nem para o país que perdia bastante dinheiro.
  • Eficácia - Atingir o objectivo (Copiar um ficheiro para a pen)
    Eficiência - Conseguir fazer isso com o minimo de esforço e tempo (arrastar o icon)
    Satisfação - Achar o processo natural e não moroso.
  • Tarefa - Saber o objectivo do nosso produto, dado pelo utilizador. Conhecer bem o seu funcionamento.
    Utilizador - Conhecer quem vai usar o programa. São experientes, percebem do assunto?
    Ambiente - Em que meios vai correr o programa, o tempo que vão ter disponível, etc..
  • Learnability - Facilidade com que se aprende (curva de aprendizagem)
    Efficiency - Consegue-se o objectivo
    Memorability - Quando voltamos a usar o objecto, se é fácil lembrar como se faz
    Errors - Se existem, são explicativos? Ajudam o utilizador?
    Satisfação - Se o utilizador não gostar da experiência, não a repete.
  • Acessibilidade - Permitir que todos usem toda a aplicação
    Interaction Design - Estudar as formas de interagir com o objecto (Multi-Touch, Wii, iPhone)
    Ergonomia - Desenhar os objectos a pensar nas capacidades humanas
    Learnability - Capacidade de o objecto oferecer auto-aprendizagem.
  • No dia a dia associamos o design de um objecto à sua forma, ao facto de ser bonito, moderno e aplativo.
  • Na realidade o Design é a combinação da forma e da função. Um objecto tem de ter uma forma que optimize a sua função. Tudo o resto é marketing.
  • Este é o Kinesis Pro, um teclado para programadores profissionais.
  • O nosso cérebro é a coisa mais complexa neste planeta.
  • Estes aspectos normalmente caracterizam as pessoas ligadas à arte. Por exemplo os Designers.
  • O Lado Esquerdo está associado a matemáticos, físicos, engenheiros.
  • No entanto para alcansar produtos excelentes, é preciso juntar designers e engenheiros. E este é o desafio actualmente.

























  • Usabilidade

    1. 1. Usabilidade em Aplicações Multimédia Alcides Fonseca
    2. 2. Momentos WTF!?
    3. 3. Microondas Novo
    4. 4. Microondas Novo
    5. 5. Microondas Novo
    6. 6. Microondas Novo Tempo
    7. 7. Microondas Novo Tempo
    8. 8. Microondas Novo Tempo Atalhos
    9. 9. Microondas Novo Tempo Atalhos
    10. 10. Microondas Novo Tempo Atalhos Modos
    11. 11. Microondas Novo Tempo Atalhos Modos
    12. 12. Microondas Novo Tempo Atalhos Modos Acção
    13. 13. Microondas Novo Tempo Atalhos Modos Acção
    14. 14. Microondas Novo Tempo Atalhos Modos Acção Tempo
    15. 15. Microondas Novo Tempo Atalhos Modos Acção Tempo
    16. 16. Microondas Novo Tempo Atalhos Modos Acção Tempo Abrir
    17. 17. Microondas Novo Tempo Atalhos Modos Acção Tempo Abrir +200€
    18. 18. Microondas Velho
    19. 19. Microondas Velho
    20. 20. Microondas Velho 25€
    21. 21. Definição
    22. 22. Origem
    23. 23. Eficácia Eficiência Satisfação
    24. 24. Tarefa Utilizador Ambiente
    25. 25. Learnability Efficiency Memorability Errors Satisfaction
    26. 26. Acessibilidade Interaction Design Ergonomia learnability
    27. 27. Boas práticas
    28. 28. Consistência
    29. 29. Ctrl+B,I Ctrl+S Ctrl+F
    30. 30. http://www.uc.pt/fctuc/dei
    31. 31. Navigation
    32. 32. Layout
    33. 33. Grid Systems
    34. 34. Tipografia
    35. 35. Serif vs Sans-Serif
    36. 36. Cor
    37. 37. http://colorschemedesigner.com/
    38. 38. Significados • Erro • Sucesso • Aviso • Texto em cor neutra.
    39. 39. ∆ Brightness > 125 Difference > 500 Brightness = (R x 299 + G x 587 + B x 114) / 1000 Dierence = max(R1,R2) - min(R1,R2) + max(G1,G2) - min(G1,G2) + max(B1,B2) - min(B1,B2)
    40. 40. Feedback
    41. 41. Explicitas Humanas Educadas Precisas Sugestões
    42. 42. Inovação
    43. 43. Testes de Usabilidade
    44. 44. Pontos a observar • Postura • Posição das mãos • Cara • Olhos • Cursor
    45. 45. http://alcidesfonseca.com/ http://delicious.com/alcidesfonseca/usability

    ×