Usabilidade é o conceito de examinar a eficiência, eficácia e satisfação do usuário com um objeto. O documento discute os componentes da usabilidade, incluindo função comunicativa versus função pragmática, e fornece exemplos de boas e más práticas de usabilidade na internet.

1. Usabilidade Da Comunicação à Internet

2. Luciana Cattony - Arquiteta de informação Principais clientes atendidos como arquiteta de informação: Experiência profissional: Quem sou

3. Definindo usabilidade

4. Usabilidade é um conceito criado para examinar a eficiência, a eficácia e a satisfação que norteiam o entendimento das funções e usos de determinado objeto.

8. Entende-se que nenhuma comunicação traz a verdade, somente mostra a re-(a)presentação do que se pode considerar verdadeiro. A usabilidade implica o exame da função comunicativa. Concluindo sobre a inter-dependência da usabilidade com a comunicação.

9. - compreender e saber usar o objeto, - memorizar sua prática, - não cometer erros e sentir prazer. Para a interação do sensível ou estético com o inteligível, prático ou funcional, o projetista deve motivar o usuário a: Onde devemos ligar o mouse? Onde devemos ligar o teclado? No conector de cima ou no de baixo? As cores e os ícones ajudam a descobrir algo? Buscando o equilíbrio: sensível e inteligível

11. • Considerar a diversidade de competências / habilidades; • Ouvir as observações dos usuários e envolvê-los no processo. Quem nunca usou o telefone celular para saber a hora certa? Solução proposta Auxiliando o usuário www.baddesigns.com

12. • Apresentar estratégias que auxiliem sua prática; • Usar métodos claros, testados e adequados aos diversos níveis de usuários. Auxiliando o usuário http://www.jitterbug.com/Home.aspx

15. Avaliando a usabilidade

16. Contexto Temporal

17. Contexto espacial www.baddesigns.com

18. Contexto espacial www.baddesigns.com

19. Onde: Manchester Problema: carros de passeio que insistiam em trafegar nas faixas exclusivas para ônibus. Vamos avaliar a solução proposta. Assista ao vídeo Contexto tecnológico http://www.youtube.com/watch?v=WEbmJi3ROKk

20. Usabilidade na Internet

29. http://acessodigital.net/video.html Vídeo Acessibilidade Web: Custo ou benefício? acessodigital.net

31. Orientação para uma arquitetura eficiente

32. Wireframes

33. Como diz o próprio termo em inglês diz, wireframe é o “esqueleto” da página. É uma marcação dos elementos presentes na interface, em níveis de cinza, mas organizados de forma que se compreenda a hierarquia das informações dispostas na tela. A marcação é feita através de boxes, sem nenhum compromisso com escala ou acabamento. Também não há nenhum compromisso com a posição de cada elemento na página. O diretor de arte pode transformar o wireframe em uma tela totalmente diferente, mas a hierarquia das informações será preservada. Definindo Wireframes

34. Exemplo 1 - Site institucional SKY

35. Exemplo 4 - Desafio SKY (aba do msn)

36. Dúvidas?

37. _e-mail: [email_address] _blog: www.vlrica.com.br/blog www.plantabaixa.wordpress.com Obrigada. Foi um prazer trocar idéias e aprender com vocês! :)