Usabilidade

709 views

Published on

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

Published in: Education, Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
709
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
18
Comments
0
Likes
1
Embeds 0
No embeds

No notes for 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

    ×