UXeAcessibilidade

INSTITUTO FEDERAL CATARINENSE

Campus Ibirama

User Experience e Acessibilidade

Experiência do Usuário

Experiência do usuário é focar o projeto no usuário, entender necessidades e saber conciliar sua

Alguns Problemas

● Quando você consegue entregar as telas?

● Mas é só a home e uma interna. Só a “cara” do

Como Chegamos nas Telas?

O que Temos em UX?

● Vamos analisar os mais conhecidos.

– UX - User Experience – UI - User Interface

Divisor de Águas

UX e UI

UX Designer

● ELE NÃO É

– O cara que faz botões – O cara que dá um tapa

no layout – Dá um jeito na apresentação – Recorta foto – Arrumador de foto do sobrinho ● ELE FAZ – Direção de arte – Identidade visual

– Layouts com padrões

visuais, tipografia e estética

– Pensa em como deixar

as coisas melhores

– Cria experiências e

AI – Arquitetura da Informação

● Arquitetura de Informação é tornar o complexo claro.

WURMAN (1997)

● Foca na organização e estrutura do conteúdo de

AI – Arquitetura da Informação

Mas Então...O que é UX?

● Experiência de Usuário (UX) é um termo para o nível de

satisfação geral dos usuários enquanto usam o seu produto ou sistema.

● UX = soma de uma série de interações

● Experiência de Usuário (UX) representa a percepção

deixada na mente das pessoas depois de uma série de interações entre as pessoas, objetos e eventos – ou uma combinação entre eles.

Pilares da UX

Por Onde Começar?

Descobrir

• o problema

• perfil do seu usuário • o que pensam • como agem Pesquisar • Requisitos • Referências • Usuários • Objetivos Analisar o que pode ser feito para melhorar o

Foco na Informação Útil

● Para ter sucesso precisamos isolar a informação

específica de que precisamos e levá-las às pessoas que realmente irão usá-las

Interação Além das Expectativas

Acessibilidade na Web

Acessibilidade na Web significa que pessoas com deficiências podem perceber, entender, navegar e interagir além de poder contribuir para a web (Web

A Quem se Destina?

– Cegos:Pessoas que navegam com leitores de tela

– Daltônicos:Dificuldade em enxergar cores e contrastes – Baixa visão:Necessidade de aumento de tela para ler

● Deficientes auditivos

– Pessoas que não conseguem acompanhar um vídeo na internet com áudio.

● Deficientes motores

– Pessoas que utilizam o computador com apenas um dedo(ou nem isso) ou

Acessibilidade

Fazer um site acessível não é só se preocupar com um determinado grupo de pessoas: É se preocupar

WAI e WCAG

● WAI -Web Accessibility Initiative

– Iniciativa do W3C que trabalha em conjunto com organizações de

todo o mundo desenvolvendo estratégias, orientações e recursos para ajudar a tornar a Web acessível à pessoas com deficiência.

● WCAG -Web Content Accessibility Guidelines

– São as Recomendações para a acessibilidade do conteúdo da

Web, documentos que explicam como tornar o conteúdo Web acessível a pessoas com deficiências, destinando-se a todos os criadores de conteúdo Web (autores de páginas e projetistas de sites) e aos programadores de ferramentas para criação de

WCAG 2.0 - Princípios

● Princípio 1: Perceptível

– A informação e os componentes da interface do usuário

têm de ser apresentados aos usuários em formas que eles possam perceber.

● Isto significa que os usuários devem ser capazes de

perceber a informação que está sendo apresentada, não podendo ser invisível para todos os seus

Recomendações

● 1.1 Fornecer alternativas textuais para qualquer conteúdo não textual

● 1.2 Fornecer alternativas para multimídia

● 1.3 Criar conteúdo que possa ser apresentado de modos diferentes

sem perder informação ou estrutura

● 1.4 Tornar mais fácil aos usuários a visualização e audição de

WCAG 2.0 - Princípios

– Os componentes de interface de usuário e a navegação

têm de ser operáveis.

● Isto significa que os usuários devem ser capazes de

operar a interface

● A interface de interação não pode exigir interação que o

Recomendações

● 2.1 Fazer com que todas as funcionalidades estejam disponíveis no

teclado

● 2.2 Prover tempo suficiente para os usuários lerem e usarem o

conteúdo

● 2.3 Não projetar conteúdo de uma forma conhecida por causar

ataques epiléticos

● 2.4 Prover formas de ajudar os usuários a navegar, localizar conteúdos

WCAG 2.0 - Princípios

● Princípio 3: Compreensível

– A informação e a operação da interface de usuário têm de ser

compreensíveis.

● Isto significa que os usuários devem ser capazes de

compreender as informações, bem como o funcionamento da interface do usuário

● O conteúdo ou operação não pode ir além de sua

Recomendações

● 3.1 Tornar o conteúdo de texto legível e

compreensível

● 3.2 Fazer com que as páginas da Web apareçam e

funcionem de modo previsível

WCAG 2.0 - Princípios

● Princípio 4: Robusto

– O conteúdo tem de ser robusto o suficiente para poder ser

interpretado de forma concisa por diversos agentes do usuário, incluindo tecnologias assistivas.

● Isto significa que os usuários devem ser capazes de acessar

o conteúdo conforme as tecnologias evoluem

● Como a tecnologia e os agentes de usuário evoluem, o

Recomendações

● 4.1 Maximizar a compatibilidade entre os atuais e

futuros agentes do usuário, incluindo os recursos de tecnologia assistiva

Algumas Perguntas

● Porque ainda alguns sites não são desenvolvidos de

forma acessível?

● Por que desenvolver sites acessíveis?

Avaliação de Acessibilidade

● Prioridade 1 - Pontos que os criadores de conteúdo Web devem

satisfazer inteiramente. Se não o fizerem, um ou mais grupos de usuários ficarão impossibilitados de acessar as informações contidas no

documento.

● Prioridade 2 - Pontos que os criadores de conteúdos na Web deveriam

satisfazer. Se não o fizerem, um ou mais grupos de usuários terão dificuldades em acessar as informações contidas no documento.

● Prioridade 3 - Pontos que os criadores de conteúdos na Web podem

satisfazer. Se não o fizerem, um ou mais grupos poderão se deparar com algumas dificuldades em acessar informações contidas nos documentos

Avaliação de Acessibilidade

● Avaliar 3 sites quanto à sua acessibilidade