2 ano – Design Gráfico

Web Design e
Acessibilidade
Dificuldades e Resoluções do Uso de
Interfaces Digitais por Idosos

Gabriela L. Spoladore
Karoline de Souza Ribeiro

2022 – Universidade Estadual de

Londrina
Do que vamos falar?

Introdução Desenvolvimento
01 02
- Web design - Mudanças nas condições
- Acessibilidadee usabilidade físicas e cognitivas com o
- Idosos avançoda idade
- Normas regularizadas

Recomendações de
usabilidade e acessibilidade
03
- Interface do usuário, interface
operacional e de navegação
- Interface do usuário
Análise do app
04
- Análise ergonômica do
aplicativoMy Therapy
- Vantagens e desvantagens
 01
Introdução
Web Design
Trata-se da área de trabalho do design voltada à criação e desenvolvimento
de interfaces digitais para páginas na internet, aplicativos e entre outros. O
profissional precisa criar uma boa experiência de usuário, assim utilizando-se
de recursos como cores, tipografia, ergonomia, usabilidade, navegabilidade,
acessibilidade e entre outros.
 Acessibilidade e Usabilidade
o Usabilidade: de acordo com a NBR ISO 9241-11 (Associação Brasileira
de Normas Técnicas) é a efetividade, efeciência e satisfação com a qual
usuários específicos alcançam metas específicas em ambientes
particulares.

o Acessibilidade: Usada para delinear problemas de usabilidade

enfrentados por pessoas com deficiência, mas pode ser
utilizável por pessoas quem não as tem.
 02
Desenvolvimento
 Idosos
“A maioria dos produtos e sistemas existentes no mercado foi projetado para adultos e
jovens e nem sempre se adaptam aos idosos. deve-se considerar as diferenças
funcionais existentes entre esses dois públicos-alvo. [...] Esses produtos e sistemas
devem ser adaptados aos idosos, para assegurar-lhes conforto, segurança e eficiência”
(IIDA e BUARQUE, 2015, p. 687)

o De acordocom o ministérioda saúde, o Brasil terá 63 milhões de idososem 2050 e

segundoo Censo Demográfico2010, o Brasil possui mais de 20,5 milhõesde idosos, a
maioria sendomulheres. A populaçãoidosa no Brasil compreende mais de 10,7% da
população(Censo Demográfico, 2010).

Pela crescente população de idosos, um novo mercado em potencial pode ser explorado: o
desenvolvimento de celulares para o idoso. Apesar dos já criados, eles não privilegiam os
idoso que querem algo a mais que ligação, mensagem e rádio.
Principais fatores e problemas que os idosos encontram ao interagirem com o telefone
celular: dificuldade na compreensão dos ícones e dos significados das funções e comandos,
com o tamanho do texto e com a navegação sem ordem padrão, dentre outros.
Mudanças nas condições físicas e
cognitivas com o avanço da idade
Visão dos idosos
● Acuidade - A capacidade de perceber
● Cores- idosos apresentam dificuldade
pequenos detalhes visuais, nos idosos
de perceber cores de baixo onda
ocorre a degradação na percepção de
(violeta, azul, verde). Recomenda-se
detalhes. As informações visuais
evitar estas cores.
devem ser apresentadas com
tamanho, brilho e contrastes maiores.
● Luminosidade - idosos precisam de
luzes mais intensas. Os olhos perdem a
● Contraste - Idosos têm redução da
capacidade de absorver luz devido a
sensibilidade ao contraste. O contraste
redução do tamanho da pupila.
ideal ocorre com preto sobre branco ou
vice-versa. Com uso de cores, devem
ser evitados combinações entre cores
que se situam próximas entre si no
espectro visível.
 Mudanças nas condições físicas e cognitivas com o avanço da idade
Capacidade de atenção
Com o avanço da idade, se reduz a
capacidade de atenção. Letras maiores, em
negrito e o uso de cores podem aumentar a
visibilidade.
Capacidade de memória
A maior perda ocorre com a memória de
curta duração. O problema se agrava com
pessoas muito idosas, que podem esquecer
da ação na execução dela. Idosos também
têm dificuldade de absorver novas
informações na memória de longa duração.
Capacidade de audição
Idosos sofrem de perda gradual da audição,
tendo dificuldade de ouvir sons agudos.
Capacidade motora
Devido ao envelhecimento, a habilidade
motora é gradualmente afetada, além da
velocidade, força e às vezes tremores. Essas
condições naturais, mais algumas doenças
comuns que acometem a parte motora em
idosos, tornam difícil o uso do teclado e
mouse.
 Normas regularizadoras
WCAG 2.0
(Web ContentAcessibility Guidelines)
Consiste em recomendações,
desenvolvidas pelo consórcio W3C
(World Wide Web) em colaboração com
organizações do mundo todo, voltadas
para a acessibilidade de conteúdos na
Web, tornando assim os conteúdos via
Web acessível a todas as pessoas.
eMAG
(Modelo de Acessibilidade em Governo Eletrônico)
Documento desenvolvido pelo
governo brasileiro, utilizando-se de
base as recomendações
internacionais WCAG 2.0, contendo
diretrizes e recomendações
importantes para a acessibilidade
de sites e conteúdos na Web do
governo brasileiro, criando uma
padronização do sistema e que seja
de fácil implementação.
 Recomendações de
03 usabilidade e acessibilidade
 Interface do usuário, interface operacional
e de navegação
Tamanhode texto: Idosos necessitam de texto Feedback: deve oferecer feedback informativo com
grande, incluindotextos nos campos de respostas táteis, visuais e sonoras, quando possível.
formulário e outros controles. Isso se associa à
Navegação e localização: idosos
alteraçãovisual do idoso, como vista cansada,necessitam que a navegação seja clara,
catarata, glaucoma, etc. devido a diminuição da capacidade
Ícones: Os ícones devem apresentar elementos cognitiva. Várias formas de chegar a
já conhecidos do usuário, eles representam uma função devem ser apresentadas
soluções de economia não só para a navegação como a inclusão de atalhos, por
nas telas como também para a carga cognitiva exemplo.
do usuário, já que diminui a necessidade de Nomes das funções: As funções e
memorização, desde que haja uma relação comandos devem ter nomes
natural entre sua representação e seu fáceis de identificar, sem dupla
significado. interpretação.
 Interface do usuário, interface operacional e de navegação
Rolagemde tela: Alguns idosostêm
dificuldades na rolagemde tela, devidoà
diminuiçãode destreza e cognição. Conforme o
usuáriodesce a tela, mais informaçõesele
precisa armazenarpara que o que ele nãoestá
vendopossa lhe fazersentido.Se nãofor
possível evitar o usode rolagemda
tela,recomenda-se colocar indicadores para
que o idosose situe emrelaçãoa todo o
conteúdodisponível.
Apoio à personalização da interface: O sistema
deve permitir a personalização da interface de
acordo com as preferências e necessidades do
idoso.
Funções mais importantes: informações
mais importantes devem ser coladas no topo da
tela.
Redimencionar texto: recomenda-se que os
usuários idosos possamredimensionaro texto
para melhorar sua visibilidadee leitura,
incluindoos ícones.
Distração: A interface do telefone/aplicativo
deve possibilitar um mecanismopara que o
usuáriopause, pare ou oculte um conteúdoque
se mova ou pisque. Alémdisso, deve haver um
mecanismode controle de áudio, para pausar
ou pararo som.
 Interface do usuário
Organizaçãoda página:Os nomes das funções
devem descrever o seu propósito, semdupla
interpretação.
Número de telas: a interface deve apresentar o
menor número de telas possível, para que a
informação seja mais acessível, possibilitando o
menor número de passos e comandos.
Apoio à seleção de opções: oferecer ao usuário a
opção de selecionar as opções desejadas ao invés de
solicitar que as digite.
Linguagem compreensível: abreviações devem ser
evitadas, como SMS. Todo diálogo da interface deve ser
adequado à tarefa, auto descrito, controlável, estar em
conformidade com as expectativas do usuário, ser
tolerante ao erro e adequado à individualização e ao
aprendizado.
 Interface do usuário
Apoio as interrupções:A interface deve
estar preparada para dar suporte ao usuário
quando ele retomar à interação,
possibilitando que volte ao mesmo ponto
em que foi interrompido.
Navegação consistente e rotulagem:a
navegaçãodeve ser consistente e deve
haver uma apresentação das
informações e dados. A navegação deve
ser na mesma ordem relativa emtodo
sistema.
Instruçõese assistência de entrada: instruções
devem ser fornecidas quandoo conteúdorequer
uma entrada do usuário.
Prevenção de erros e recuperação dos
formulários: idosos têm dificuldade com
formulários e completar os dados, devido ao declínio
da capacidade cognitiva. O celular deve detectar os
erros e apresentar uma mensagem ao usuário.
recomenda-se também possibilitar ao usuário
verificar e corrigir quaisquer informações.
04 Análise do aplicativo
Análise do app
O aplicativo Alarme de Medicamentos,
desenvolvido pela My Therapy é
direcionado para o público idoso, com
a função de lembretes de medicação,
agenda de saúde, diário de saúde,
registro de remédios, sintomas e
atividades físicas.
Vantagens
o Entrega a ideia proposta para o
usuário, sem muitos erros;
o O sistema tem um padrão de
uso;
o Contém opção de "modo escuro"
o As funções contém explicações
rápidas
Análise do app
Desvantagens

o Letra pequena e sem opção de

redimensionar o texto;
o Ícones pequenos, pode trazer
complicação na compreensão;
o Cor do app azul;
o Preenchimento de informações
escrita
Análise do app
Referências
9 Aplicativos para facilitar a vida dos idosos - 2020 - Disponível
em:<https://www.prestho.com.br/2020/04/aplicativos-para-idosos-dicas-para-facilitar-sua-vida/>
acesso em: 26 abr. 2022.
ANJOS, T. P. dos; GONTIJO, L. A. Recomendações de usabilidade e acessibilidade para interface de
telefone celular visando o público idoso. Production, v.25, n.4, 2015. Disponível em:
<https://www.scielo.br/j/prod/a/XQLTqPFyVr9Cd3Nc5rvT6xS/?lang=pt>.
acesso em: 26 abr. 2022.
IIDA, I; GUIMARÃES, B de. M. Ergonomia:projeto e produção. 3.ed. São Paulo: Blucher, 2016.
RODRIGUES; SCURACCHIO; FORTES. A support to evaluate web accessibility and usability issues for
older adults. In: INTERNATIONAL CONFERENCE ON SOFTWARE DEVELOPMENT AND
TECHNOLOGIES FOR ENHANCING ACCESSIBILITY AND FIGHTING INFO-EXCLUSION, 8., 2018,
Thessaloniki. Anais[…] Nova Iorque: ACM, 2018. p. 97 – 103. Disponível em:<
https://dl.acm.org/doi/abs/10.1145/3218585.3218597?casa_token=15yI-
CLAqqoAAAAA%3AqTnt4upUTJbj5ai33qLGjTDuWQK7_cozolfMA6IEqxTrWqPiZMO0_L1ltABX_uIwa
J2irGmejbmr > acesso em: 01 maio2022.
FIM!!!