interface homen- mÁquina · estes dispositivos e a outros programas (por exemplo, um navegador...
TRANSCRIPT
![Page 1: INTERFACE HOMEN- MÁQUINA · estes dispositivos e a outros programas (por exemplo, um navegador web). ... Principio 4: Robustez: o conteúdo dever ser suficientemente robusto para](https://reader035.vdocument.in/reader035/viewer/2022071211/6023046686bd356ae95c8094/html5/thumbnails/1.jpg)
INTERFACE HOMEN-
MÁQUINADESENHO DE INTERFACES E ACESSIBILIDADE
![Page 2: INTERFACE HOMEN- MÁQUINA · estes dispositivos e a outros programas (por exemplo, um navegador web). ... Principio 4: Robustez: o conteúdo dever ser suficientemente robusto para](https://reader035.vdocument.in/reader035/viewer/2022071211/6023046686bd356ae95c8094/html5/thumbnails/2.jpg)
Avaliação(30 Min)
1. Desenhar sistemas para que os usuários possam interatuar
com eles da forma mais fácil, cómoda e intuitiva possível é
uma característica da usabilidade. Mencione que
objectivos primários de usabilidade deve cumprir um
aplicativo.
2. ¿Mencione quais são as 10 Heurísticas de Nielsen?
3. ¿Por que é necessário avaliar a usabilidade?
![Page 3: INTERFACE HOMEN- MÁQUINA · estes dispositivos e a outros programas (por exemplo, um navegador web). ... Principio 4: Robustez: o conteúdo dever ser suficientemente robusto para](https://reader035.vdocument.in/reader035/viewer/2022071211/6023046686bd356ae95c8094/html5/thumbnails/3.jpg)
Tarefa 1
Explicar em que consistem os objectivos de usabilidade
secundários.
![Page 4: INTERFACE HOMEN- MÁQUINA · estes dispositivos e a outros programas (por exemplo, um navegador web). ... Principio 4: Robustez: o conteúdo dever ser suficientemente robusto para](https://reader035.vdocument.in/reader035/viewer/2022071211/6023046686bd356ae95c8094/html5/thumbnails/4.jpg)
Preece, J. 2002,
Interaction design:
beyond human-
computer
Primários
Secundários
![Page 5: INTERFACE HOMEN- MÁQUINA · estes dispositivos e a outros programas (por exemplo, um navegador web). ... Principio 4: Robustez: o conteúdo dever ser suficientemente robusto para](https://reader035.vdocument.in/reader035/viewer/2022071211/6023046686bd356ae95c8094/html5/thumbnails/5.jpg)
Tarefa 2
Caracterizar os métodos de avaliação da usabilidade.
Bibliografia: site MPlu+a
http://www.grihotools.udl.cat/mpiua/
![Page 6: INTERFACE HOMEN- MÁQUINA · estes dispositivos e a outros programas (por exemplo, um navegador web). ... Principio 4: Robustez: o conteúdo dever ser suficientemente robusto para](https://reader035.vdocument.in/reader035/viewer/2022071211/6023046686bd356ae95c8094/html5/thumbnails/6.jpg)
Avaliação da usabilidade. Métodos
1. Avaliação heurística
2. Caminho cognitivo
3. Inspecção de regulares
4. Observação de campo
5. Focus group
6. Entrevistas
7. Questionários
8. Gravação de uso
(Logging)
9. Card sorting
10. Medida de prestações
11. Pensando em voz alta
(Thinking aloud)
![Page 7: INTERFACE HOMEN- MÁQUINA · estes dispositivos e a outros programas (por exemplo, um navegador web). ... Principio 4: Robustez: o conteúdo dever ser suficientemente robusto para](https://reader035.vdocument.in/reader035/viewer/2022071211/6023046686bd356ae95c8094/html5/thumbnails/7.jpg)
Objectivo da aula
Caracterizar os elementos principais da acessibilidade como
propriedade de uma aplicativo informático.
![Page 8: INTERFACE HOMEN- MÁQUINA · estes dispositivos e a outros programas (por exemplo, um navegador web). ... Principio 4: Robustez: o conteúdo dever ser suficientemente robusto para](https://reader035.vdocument.in/reader035/viewer/2022071211/6023046686bd356ae95c8094/html5/thumbnails/8.jpg)
Conteúdo
Definição de acessibilidade
Características da acessibilidade
Princípios da WCAG 2.0
Benefícios da acessibilidade
Design Universal (DU)
Metodologias que ajudam a avaliar a acessibilidade
Orientação do Seminário #2
![Page 9: INTERFACE HOMEN- MÁQUINA · estes dispositivos e a outros programas (por exemplo, um navegador web). ... Principio 4: Robustez: o conteúdo dever ser suficientemente robusto para](https://reader035.vdocument.in/reader035/viewer/2022071211/6023046686bd356ae95c8094/html5/thumbnails/9.jpg)
Usabilidade e acessibilidade são dois conceitos iguais?
![Page 10: INTERFACE HOMEN- MÁQUINA · estes dispositivos e a outros programas (por exemplo, um navegador web). ... Principio 4: Robustez: o conteúdo dever ser suficientemente robusto para](https://reader035.vdocument.in/reader035/viewer/2022071211/6023046686bd356ae95c8094/html5/thumbnails/10.jpg)
Definições.
Usabilidade
Medida na que um produto
se pode usar por
determinados usuários para
conseguir objectivos
específicos com
efectividade, eficiência e
satisfação num contexto de
uso especificado.
ISO 9241-11
≠
Acessibilidade
Permitir que as pessoas
possam utilizar o seu sistema
sem se preocupar com a
dificuldade que elas
possuem.
![Page 11: INTERFACE HOMEN- MÁQUINA · estes dispositivos e a outros programas (por exemplo, um navegador web). ... Principio 4: Robustez: o conteúdo dever ser suficientemente robusto para](https://reader035.vdocument.in/reader035/viewer/2022071211/6023046686bd356ae95c8094/html5/thumbnails/11.jpg)
Definições.
A usabilidade procura que o aplicativo se possa usar
facilmente por um conjunto de usuários específico, a
acessibilidade procura que o aplicativo se possam usar por
todas as pessoas.
acessível = que se possa aceder a isso
usável = que seja fácil de usar
![Page 12: INTERFACE HOMEN- MÁQUINA · estes dispositivos e a outros programas (por exemplo, um navegador web). ... Principio 4: Robustez: o conteúdo dever ser suficientemente robusto para](https://reader035.vdocument.in/reader035/viewer/2022071211/6023046686bd356ae95c8094/html5/thumbnails/12.jpg)
Definições.
Acessibilidade significa não apenas permitir que pessoas
com deficiências ou mobilidade reduzida participem de
actividades que incluem o uso de productos, servicios e
informação, mas a incluso e extensão do uso destes por
todas as pessoas presentes em uma determinada
população, visando sua adaptação e locomoção,
eliminando as barreiras.
![Page 13: INTERFACE HOMEN- MÁQUINA · estes dispositivos e a outros programas (por exemplo, um navegador web). ... Principio 4: Robustez: o conteúdo dever ser suficientemente robusto para](https://reader035.vdocument.in/reader035/viewer/2022071211/6023046686bd356ae95c8094/html5/thumbnails/13.jpg)
Definições.
Acessibilidade significa proporcionar flexibilidade para
acomodar às necessidades da cada usuário e a suas
preferências e/ou limitações.
![Page 14: INTERFACE HOMEN- MÁQUINA · estes dispositivos e a outros programas (por exemplo, um navegador web). ... Principio 4: Robustez: o conteúdo dever ser suficientemente robusto para](https://reader035.vdocument.in/reader035/viewer/2022071211/6023046686bd356ae95c8094/html5/thumbnails/14.jpg)
Características da acessibilidade
A acessibilidade proporciona-se mediante uma
combinação de hardware e software: O primeiro
proporciona os mecanismos físicos que permitem salvar
certas discapacidades e o segundo proporciona a maneira
eficaz de aceder às funcionalidades e informações para
estes dispositivos e a outros programas (por exemplo, um
navegador web).
![Page 15: INTERFACE HOMEN- MÁQUINA · estes dispositivos e a outros programas (por exemplo, um navegador web). ... Principio 4: Robustez: o conteúdo dever ser suficientemente robusto para](https://reader035.vdocument.in/reader035/viewer/2022071211/6023046686bd356ae95c8094/html5/thumbnails/15.jpg)
Características da acessibilidade
A acessibilidade divide-se em física e cognitiva e está
relacionada com os aspectos ergonómicos vistos dantes nas
aulas.
![Page 16: INTERFACE HOMEN- MÁQUINA · estes dispositivos e a outros programas (por exemplo, um navegador web). ... Principio 4: Robustez: o conteúdo dever ser suficientemente robusto para](https://reader035.vdocument.in/reader035/viewer/2022071211/6023046686bd356ae95c8094/html5/thumbnails/16.jpg)
Acessibilidade envolve...
Deficiências definitivas ou temporárias
Visual, auditiva, motora, cognitiva, etc...
Habilidade motora(Ambidestro, destro, canhoto)
Diversidade de dispositivos
Acesso via celular ou smartphone
Diferentes públicos (Idosos, crianças)
Letramento (Analfabetismo funcional)
![Page 17: INTERFACE HOMEN- MÁQUINA · estes dispositivos e a outros programas (por exemplo, um navegador web). ... Principio 4: Robustez: o conteúdo dever ser suficientemente robusto para](https://reader035.vdocument.in/reader035/viewer/2022071211/6023046686bd356ae95c8094/html5/thumbnails/17.jpg)
Algumas melhores prácticas de
acessibilidade
Escolha as cores de forma prudente e valide o contraste!
Evite associar informações apenas com cor (combine ícones
ou textos)
Cuidar o espaçamento, fonte, tamanho da fonte e altura dá
linha do texto a projectar.
Evite muitos efeitos de fonte.
![Page 18: INTERFACE HOMEN- MÁQUINA · estes dispositivos e a outros programas (por exemplo, um navegador web). ... Principio 4: Robustez: o conteúdo dever ser suficientemente robusto para](https://reader035.vdocument.in/reader035/viewer/2022071211/6023046686bd356ae95c8094/html5/thumbnails/18.jpg)
Ferramentas para validar o
combinação de cores
http://paletton.com/#uid=11S0u0klllljw51krdbmftvnaLX
http://www.coloradd.net/
http://color.method.ac/
![Page 19: INTERFACE HOMEN- MÁQUINA · estes dispositivos e a outros programas (por exemplo, um navegador web). ... Principio 4: Robustez: o conteúdo dever ser suficientemente robusto para](https://reader035.vdocument.in/reader035/viewer/2022071211/6023046686bd356ae95c8094/html5/thumbnails/19.jpg)
![Page 20: INTERFACE HOMEN- MÁQUINA · estes dispositivos e a outros programas (por exemplo, um navegador web). ... Principio 4: Robustez: o conteúdo dever ser suficientemente robusto para](https://reader035.vdocument.in/reader035/viewer/2022071211/6023046686bd356ae95c8094/html5/thumbnails/20.jpg)
![Page 21: INTERFACE HOMEN- MÁQUINA · estes dispositivos e a outros programas (por exemplo, um navegador web). ... Principio 4: Robustez: o conteúdo dever ser suficientemente robusto para](https://reader035.vdocument.in/reader035/viewer/2022071211/6023046686bd356ae95c8094/html5/thumbnails/21.jpg)
WCAG 2.0 Web Content Accessibility Guidelines 2.0
É a última versão das pautas de acessibilidade do conteúdo
na Web do World Wide Web Consortium (W3C).
Esta guia permite ao desenvolvedor desenhar o conteúdo
para que seja acessível a uma faixa mais ampla de pessoas
com discapacidades, incluindo cegueira e baixa visão,
surdez e perda de audição, dificuldades de aprendizagem,
limitações cognitivas, movimento limitado, discapacidade
do fala, fotosensibilidad e combinações destas.
![Page 22: INTERFACE HOMEN- MÁQUINA · estes dispositivos e a outros programas (por exemplo, um navegador web). ... Principio 4: Robustez: o conteúdo dever ser suficientemente robusto para](https://reader035.vdocument.in/reader035/viewer/2022071211/6023046686bd356ae95c8094/html5/thumbnails/22.jpg)
Princípios da WCAG 2.0
Princípio 1: Perceptível: a informação e os componentes da
interface de usuário devem ser mostrados aos usuários em
formas que eles possam entender.
Princípio 2: Operável: Os componentes da interface de
usuário e a navegação deve ser manejável.
Princípio 3: Compreensível. A informação e as operações de
usuários devem ser compreensíveis.
![Page 23: INTERFACE HOMEN- MÁQUINA · estes dispositivos e a outros programas (por exemplo, um navegador web). ... Principio 4: Robustez: o conteúdo dever ser suficientemente robusto para](https://reader035.vdocument.in/reader035/viewer/2022071211/6023046686bd356ae95c8094/html5/thumbnails/23.jpg)
Princípios da WCAG 2.0
Principio 4: Robustez: o conteúdo dever ser suficientemente
robusto para que possa ser bem interpretado por uma
grande variedade de usuários, incluindo tecnologias de
assistência.
![Page 24: INTERFACE HOMEN- MÁQUINA · estes dispositivos e a outros programas (por exemplo, um navegador web). ... Principio 4: Robustez: o conteúdo dever ser suficientemente robusto para](https://reader035.vdocument.in/reader035/viewer/2022071211/6023046686bd356ae95c8094/html5/thumbnails/24.jpg)
Benefícios da acessibilidade
Social EconómicoTecnológico
![Page 25: INTERFACE HOMEN- MÁQUINA · estes dispositivos e a outros programas (por exemplo, um navegador web). ... Principio 4: Robustez: o conteúdo dever ser suficientemente robusto para](https://reader035.vdocument.in/reader035/viewer/2022071211/6023046686bd356ae95c8094/html5/thumbnails/25.jpg)
Design Universal (DU)
“Design Universal é o design de productos e de ambientes
para serem usados por todas as pessoas, na maior extensão
possível, sem a necessidade de adaptação ou design
especializado”.
![Page 26: INTERFACE HOMEN- MÁQUINA · estes dispositivos e a outros programas (por exemplo, um navegador web). ... Principio 4: Robustez: o conteúdo dever ser suficientemente robusto para](https://reader035.vdocument.in/reader035/viewer/2022071211/6023046686bd356ae95c8094/html5/thumbnails/26.jpg)
Princípios do Design Universal (DU)
Equiparação nas possibilidades de uso.
O design é útil e comercializável ás pessoas com habilidades
diferenciadas.
Flexibilidade no uso.
O design atende a uma ampla gama de indivíduos, preferências e
habilidades.
Uso simple e intuitivo.
O uso do design é de fácil comprensão, independientemente de
experiência, nível de formação, conhecimento do idioma ou da
capacidade de concentração do usuário.
![Page 27: INTERFACE HOMEN- MÁQUINA · estes dispositivos e a outros programas (por exemplo, um navegador web). ... Principio 4: Robustez: o conteúdo dever ser suficientemente robusto para](https://reader035.vdocument.in/reader035/viewer/2022071211/6023046686bd356ae95c8094/html5/thumbnails/27.jpg)
Princípios do Design Universal (DU)
Captação da informação.
O design comunica eficazmente ao usuário as informações
necessárias, independientemente de sua capacidade sensorial ou
de condições ambientais.
Tolerância ao erro.
O design minimiza o risco e as consequências adversas de acções
involuntárias ou imprevistas.
Mínimo esforço físico.
O design pode ser utilizado com um mínimo de esforço, de forma
eficiente e confortável.
![Page 28: INTERFACE HOMEN- MÁQUINA · estes dispositivos e a outros programas (por exemplo, um navegador web). ... Principio 4: Robustez: o conteúdo dever ser suficientemente robusto para](https://reader035.vdocument.in/reader035/viewer/2022071211/6023046686bd356ae95c8094/html5/thumbnails/28.jpg)
Princípios do Design Universal (DU)
Dimensão e espaço para uso e interacção
O design oferece espaços e dimensões apropriados para
interacção, manipulação e uso, independentemente de tamanho,
postura ou mobilidade do usuário.
![Page 29: INTERFACE HOMEN- MÁQUINA · estes dispositivos e a outros programas (por exemplo, um navegador web). ... Principio 4: Robustez: o conteúdo dever ser suficientemente robusto para](https://reader035.vdocument.in/reader035/viewer/2022071211/6023046686bd356ae95c8094/html5/thumbnails/29.jpg)
Metodologias que ajudam a avaliar a
acessibilidade
Metodologia de Avaliação de Conformidade com a
Acessibilidade em web site. (Website Accessibility
Conformance Evaluation Methodology, WCAG-EM 2.0)
Utiliza-se para fazer uma
avaliação exhaustiva de um
Website de acordo com as
pautas WCAG 2.0 e combina a
validação automática,
semiautomática e manual.
![Page 30: INTERFACE HOMEN- MÁQUINA · estes dispositivos e a outros programas (por exemplo, um navegador web). ... Principio 4: Robustez: o conteúdo dever ser suficientemente robusto para](https://reader035.vdocument.in/reader035/viewer/2022071211/6023046686bd356ae95c8094/html5/thumbnails/30.jpg)
Metodologias que ajudam a avaliar a
acessibilidade
Caminho por barreiras de acessibilidade (Barrier
Walkthrough)
![Page 31: INTERFACE HOMEN- MÁQUINA · estes dispositivos e a outros programas (por exemplo, um navegador web). ... Principio 4: Robustez: o conteúdo dever ser suficientemente robusto para](https://reader035.vdocument.in/reader035/viewer/2022071211/6023046686bd356ae95c8094/html5/thumbnails/31.jpg)
Tarefa
Caracterizar as metodologias de avaliação da
acessibilidade mencionadas.
Bb. MPlu+
http://www.grihotools.udl.cat/mpiua/accessibilidad/metodo
logias-que-ayudan-a-evaluar-la-accesibilidad/
![Page 32: INTERFACE HOMEN- MÁQUINA · estes dispositivos e a outros programas (por exemplo, um navegador web). ... Principio 4: Robustez: o conteúdo dever ser suficientemente robusto para](https://reader035.vdocument.in/reader035/viewer/2022071211/6023046686bd356ae95c8094/html5/thumbnails/32.jpg)
Conclusões...
Que se entende por acessibilidade?
Quais são os princípios da acessibilidade web?
Quais são os benefícios da acessibilidade?
Que metodologias existem para avaliar a acessibilidade?
![Page 33: INTERFACE HOMEN- MÁQUINA · estes dispositivos e a outros programas (por exemplo, um navegador web). ... Principio 4: Robustez: o conteúdo dever ser suficientemente robusto para](https://reader035.vdocument.in/reader035/viewer/2022071211/6023046686bd356ae95c8094/html5/thumbnails/33.jpg)
Orientação do Seminário #2
Caracterize um aplicativo informático que leve tempo no
mercado, tendo em conta princípios ergonómicos, de
usabilidade e acessibilidade, e as mudanças que tem tido ao
longo do tempo. Como ajuda para a resposta tem os seguintes
elementos:
Dados generais do aplicativo.
Características de funcionamento.
Evolução(Mudanças).
Avaliação (Princípios que cumpre ou não cumpre)
![Page 34: INTERFACE HOMEN- MÁQUINA · estes dispositivos e a outros programas (por exemplo, um navegador web). ... Principio 4: Robustez: o conteúdo dever ser suficientemente robusto para](https://reader035.vdocument.in/reader035/viewer/2022071211/6023046686bd356ae95c8094/html5/thumbnails/34.jpg)
Orientação do Seminário #2
Sugestões de aplicativos :
1. Facebook
2. Mozilla Firefox
3. S. O. Windows
4. Microsoft oficce word
5. S. O. Android
6. Google Chrome
7. Microsoft oficce PP
8. Youtube
9. Avast
10. Google+
11. Twitter
![Page 35: INTERFACE HOMEN- MÁQUINA · estes dispositivos e a outros programas (por exemplo, um navegador web). ... Principio 4: Robustez: o conteúdo dever ser suficientemente robusto para](https://reader035.vdocument.in/reader035/viewer/2022071211/6023046686bd356ae95c8094/html5/thumbnails/35.jpg)
INTERFACE HOMEN-
MÁQUINADESENHO DE INTERFACES E ACESSIBILIDADE