35
INTERFACE HOMEN- MÁQUINA DESENHO DE INTERFACES E ACESSIBILIDADE

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

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

INTERFACE HOMEN-

MÁQUINADESENHO DE INTERFACES E ACESSIBILIDADE