Aula_07_UVV - Tópico 8

Prévia do material em texto

Professor: Vinícius da Rocha Motta
Disciplina: Experiência E Interface com 
o Usuário
Temática: Tópico 8
Exercicio: Pesquisa de Ferramentas de Design de Interface
Objetivo: Realizar uma pesquisa abrangente sobre diferentes ferramentas de 
design de interface do usuário (UI) e selecionar a melhor opção para um projeto 
fictício de criação de um aplicativo móvel.
1. Pesquisa inicial: Realize uma pesquisa online para identificar e listar as 
principais ferramentas de design de interface disponíveis no mercado.
1. Critérios de avaliação: Avalie sobre a sua ótica quais as suas principais 
vantagens e desvantagens das ferramentas listadas.
Interfaces Personalizadas
Pensar no usuário é entender o que ele precisa e basear-se 
na real necessidade dele, para resolver suas dores. 
Isso se torna ainda mais difícil quando o assunto é 
direcionamento de público.
Interfaces Personalizadas
Segundo o Instituto de Geografia e Estatística (IBGE), no 
Brasil, cerca de 25% das pessoas apresentam algum tipo de 
deficiência. Mas, na prática, o que isso quer dizer? 
Bom, se você tiver 100 usuários, 25 apresentarão algum tipo 
de “limitação”. 
Idosos
Ao projetar uma experiência de usuário (UX) para idosos, é importante considerar suas 
necessidades, habilidades e preferências específicas. Aqui estão algumas diretrizes de design para 
criar uma interface amigável para os idosos:
1. Simplicidade e clareza: Simplifique a interface, removendo elementos desnecessários e 
reduzindo a complexidade visual. Use uma linguagem clara e concisa para ajudar os usuários 
idosos a entenderem facilmente as informações apresentadas.
2. Contraste e legibilidade: Use cores contrastantes para facilitar a leitura e destacar elementos 
importantes. Evite esquemas de cores muito complexos ou com baixo contraste, pois podem 
dificultar a visualização para pessoas com deficiências visuais relacionadas à idade.
3. Tamanho de fonte adequado: Opte por uma fonte legível e em tamanho grande o suficiente 
para facilitar a leitura. Uma fonte sans-serif é geralmente mais fácil de ler em telas digitais. 
Considere também permitir que os usuários ajustem o tamanho da fonte conforme necessário.
Idosos
4. Navegação intuitiva: Projete uma estrutura de navegação simples e intuitiva, com menus 
claros e botões de fácil identificação. Crie uma hierarquia visual clara para ajudar os usuários 
idosos a entenderem onde estão e como navegar entre as diferentes partes do aplicativo ou site.
5. Feedback visual e sonoro: Forneça feedback claro para ações realizadas pelos usuários, 
seja por meio de animações, mudanças visuais ou até mesmo feedback sonoro. Isso ajuda os 
idosos a entenderem que sua ação foi registrada pelo sistema.
6. Feedback tátil: Além do feedback visual e sonoro, considere incorporar feedback tátil, como 
vibração ou resposta tátil em botões, para fornecer uma sensação adicional de interação e 
confirmação.
7. Elementos interativos e botões: Certifique-se de que os botões e elementos interativos 
tenham tamanho suficiente para serem facilmente tocados, mesmo por pessoas com destreza 
reduzida ou problemas de coordenação motora. Evite agrupar elementos interativos muito 
próximos uns dos outros para evitar toques acidentais.
Idosos
8. Orientações e instruções: Forneça instruções claras e orientações passo a 
passo sempre que necessário. Isso ajuda os usuários idosos a entenderem como 
realizar tarefas específicas e se sentirem mais confiantes ao usar a interface.
9. Suporte para acessibilidade: Certifique-se de que sua interface seja acessível 
para pessoas com diferentes tipos de deficiências, como deficiência visual ou 
auditiva. Isso pode incluir recursos como legendas para vídeos, descrições de 
imagem para elementos visuais e suporte para tecnologias assistivas.
10. Testes com usuários idosos: Realize testes de usabilidade com usuários 
idosos para identificar quaisquer problemas ou dificuldades que possam surgir. Isso 
permitirá que você faça ajustes e melhorias com base no feedback real dos 
usuários.
Pessoas com necessidades especiais e deficiência motora
Ao projetar uma experiência de usuário (UX) para pessoas com necessidades especiais e 
deficiência motora, é importante considerar a acessibilidade e facilitar a interação com a 
interface. Aqui estão algumas diretrizes de design para criar uma UX inclusiva:
1. Interface simplificada: Simplifique a interface, removendo elementos desnecessários e 
reduzindo a complexidade visual. Mantenha uma aparência limpa e organizada para facilitar a 
compreensão e a navegação.
2. Navegação por teclado: Certifique-se de que a interface seja totalmente navegável usando 
apenas o teclado. Isso é essencial para pessoas com deficiência motora que dependem de 
dispositivos de entrada alternativos, como teclados adaptados ou dispositivos de controle por 
movimento ocular.
3. Tamanho de alvo adequado: Aumente o tamanho dos alvos interativos, como botões e links, 
para facilitar o toque e a seleção, especialmente para pessoas com dificuldades motoras. Isso 
reduz o risco de erros de seleção acidental e melhora a precisão.
Pessoas com necessidades especiais e deficiência motora
4. Feedback tátil: Forneça feedback tátil para indicar a seleção de elementos interativos. Isso pode ser 
feito por meio de mudanças de cor, animações ou resposta tátil, como uma vibração, para garantir que os 
usuários com deficiência motora saibam que sua ação foi registrada.
5. Suporte para dispositivos assistivos: Certifique-se de que sua interface seja compatível com 
dispositivos assistivos, como leitores de tela, teclados alternativos, dispositivos de controle por voz e outros 
dispositivos adaptados. Isso permitirá que pessoas com deficiência motora utilizem tecnologias que 
atendam às suas necessidades específicas.
6. Controles personalizáveis: Permita que os usuários personalizem os controles e as configurações da 
interface de acordo com suas preferências e necessidades individuais. Isso pode incluir opções de 
redimensionamento, configurações de velocidade de resposta e outros recursos que facilitam a interação.
7. Feedback claro e visível: Certifique-se de que todas as ações do usuário gerem feedback claro e visível 
na interface. Isso inclui realce de elementos selecionados, indicadores de progresso e mensagens de 
confirmação. Isso ajudará a fornecer orientação e feedback instantâneo para os usuários com deficiência 
motora.
Pessoas com necessidades especiais e deficiência motora
8. Design responsivo: Garanta que sua interface seja responsiva e se adapte a diferentes tamanhos de 
tela e dispositivos. Isso permitirá que pessoas com deficiência motora acessem a interface em diferentes 
dispositivos, como smartphones, tablets ou computadores, de acordo com suas necessidades e 
preferências.
9. Testes com usuários com deficiência motora: Realize testes de usabilidade com pessoas com 
deficiência motora para identificar quaisquer problemas ou dificuldades que possam surgir. Isso ajudará a 
entender melhor suas necessidades e a fazer ajustes no design para melhorar a experiência do usuário.
10. Conformidade com padrões de acessibilidade: Siga as diretrizes de acessibilidade, como as 
diretrizes do WCAG (Web Content Accessibility Guidelines), para garantir que sua interface atenda aos 
requisitos de acessibilidade. Isso inclui fornecer alternativas textuais para imagens, usar marcação 
semântica adequada e garantir que as cores e fontes usadas sejam legíveis e que o site ou aplicativo 
seja totalmente funcional para usuários que utilizam tecnologias assistivas, como leitores de tela.
Interfaces e Games
Ao projetar interfaces e games acessíveis para pessoas com necessidades especiais e deficiências, é importante considerar as diferentes 
habilidades e limitações dos usuários. Aqui estão algumas diretrizes para criar experiências inclusivas:
1. Personalização de controles: Permita que os usuários personalizem oscontroles do jogo para acomodar suas necessidades. Isso pode 
incluir a capacidade de ajustar a sensibilidade dos controles, mapear teclas e botões para acomodar dispositivos de entrada alternativos, 
como joystick adaptado ou controle por movimento.
2. Opções de dificuldade ajustáveis: Forneça opções de dificuldade ajustáveis, para que os jogadores possam adaptar a experiência ao 
seu nível de habilidade e preferências. Isso permite que pessoas com habilidades motoras limitadas ou deficiências sensoriais aproveitem o 
jogo sem frustração excessiva.
3. Legendas e suporte a áudio: Inclua legendas para diálogos, instruções e informações importantes transmitidas no jogo. Isso é 
fundamental para jogadores com deficiência auditiva ou que prefiram jogar sem som. Além disso, forneça opções para ajustar o volume de 
áudio e fornecer feedback visual para informações auditivas relevantes.
4. Modos de jogo assistidos: Integre modos de jogo assistidos ou recursos de assistência para ajudar os jogadores com dificuldades 
específicas. Isso pode incluir recursos como assistência automática, dicas e sugestões, ou mesmo modos de jogo simplificados que 
reduzem a complexidade para jogadores com dificuldades motoras ou cognitivas.
Interfaces e Games
5. Contraste e legibilidade: Use cores de alto contraste e evite combinações de cores que possam 
dificultar a leitura de texto ou a distinção de elementos visuais importantes. Considere também a 
possibilidade de fornecer opções para ajustar a paleta de cores ou oferecer modos de alto contraste para 
pessoas com deficiências visuais.
6. Feedback claro e visual: Certifique-se de que o jogo forneça feedback visual claro para ações do 
jogador, como efeitos visuais, animações ou indicadores de progresso. Isso é especialmente importante 
para jogadores com deficiência auditiva ou para transmitir informações importantes de forma visual.
7. Interface intuitiva: Projete uma interface de usuário intuitiva, com ícones e elementos visuais claros e 
compreensíveis. Evite sobrecarregar a interface com informações desnecessárias e simplifique a 
navegação para torná-la acessível a jogadores com deficiências cognitivas ou dificuldades de 
aprendizado.
8. Testes com jogadores com deficiências: Realize testes de usabilidade com jogadores com 
deficiências para identificar possíveis barreiras e dificuldades de interação. Isso ajudará a compreender 
melhor as necessidades específicas dos jogadores e a realizar ajustes para melhorar a acessibilidade.
Interfaces e Games
9. Documentação e suporte: Forneça documentação clara e acessível, 
incluindo instruções detalhadas, tutoriais em vídeo e uma seção de perguntas 
frequentes. Também é importante ter um canal de suporte adequado para 
responder a dúvidas e problemas relacionados à acessibilidade do jogo.
10. Conformidade com padrões de acessibilidade: Siga as diretrizes de 
acessibilidade relevantes, como as diretrizes do WCAG (Web Content
Accessibility Guidelines) para jogos. Isso garantirá que seu jogo atenda aos 
requisitos de acessibilidade e proporcione uma experiência inclusiva para todos 
os jogadores.
Aplicações para Dispositivos Móveis
Ao projetar aplicações para dispositivos móveis acessíveis para pessoas com necessidades especiais, é importante considerar a usabilidade e 
a acessibilidade em diferentes aspectos. Aqui estão algumas diretrizes para criar experiências inclusivas:
1. Tamanho de toque adequado: Aumente o tamanho dos elementos interativos, como botões e links, para facilitar o toque e a seleção, 
especialmente para pessoas com habilidades motoras limitadas. Certifique-se de que haja espaço suficiente entre os elementos para evitar 
toques acidentais.
2. Contraste e legibilidade: Use cores de alto contraste para facilitar a leitura e a distinção de elementos visuais. Certifique-se de que o texto 
seja legível em diferentes tamanhos de tela e considere fornecer opções de ajuste de contraste ou modos de alto contraste para pessoas com 
deficiências visuais.
3. Suporte a tecnologias assistivas: Garanta que sua aplicação seja compatível com tecnologias assistivas, como leitores de tela, 
ampliadores de tela e teclados alternativos. Teste sua aplicação com essas tecnologias para garantir uma experiência acessível para pessoas 
com deficiências visuais ou motoras.
4. Feedback claro e visível: Forneça feedback visual claro para ações do usuário, como animações, indicadores de progresso ou mudanças de 
estado. Isso ajuda a transmitir informações importantes de forma visual, especialmente para usuários com deficiência auditiva.
Aplicações para Dispositivos Móveis
5. Navegação intuitiva: Projete uma estrutura de navegação clara e intuitiva, com menus bem organizados e uma hierarquia visual 
clara. Considere o uso de ícones e rótulos descritivos para facilitar a compreensão dos elementos de navegação.
6. Teclado virtual adaptado: Inclua um teclado virtual adaptado que permita aos usuários personalizar a interface do teclado para 
atender às suas necessidades. Isso pode incluir opções de layout, tamanho de tecla e previsão de texto para facilitar a digitação 
para pessoas com deficiências motoras ou de fala.
7. Opções de multimídia acessíveis: Forneça legendas para vídeos e opções de descrição de áudio para tornar o conteúdo 
multimídia acessível a pessoas com deficiência auditiva ou visual. Permita que os usuários ajustem as configurações de multimídia 
para atender às suas preferências.
8. Localização de recursos acessíveis: Posicione os recursos interativos importantes em áreas facilmente acessíveis, evitando 
colocá-los em locais de difícil alcance na tela. Isso ajuda a garantir que os usuários possam interagir com facilidade, 
independentemente de suas habilidades motoras.
Aplicações para Dispositivos Móveis
9. Testes com usuários com necessidades especiais: Realize testes de 
usabilidade com usuários com diferentes necessidades especiais para 
identificar problemas de acessibilidade e usabilidade. Obtenha feedback direto 
e faça ajustes no design com base nas necessidades e experiências reais dos 
usuários.
10. Conformidade com padrões de acessibilidade: Siga as diretrizes de 
acessibilidade relevantes, como as diretrizes do WCAG (Web Content
Accessibility Guidelines) para aplicativos móveis. Isso garantirá que sua 
aplicação atenda aos requisitos de acessibilidade e proporcione uma 
experiência inclusiva para todos os usuários.
Exercício
Você foi contratado para projetar a interface de usuário de um novo jogo para dispositivos móveis. O jogo é um quebra-cabeças em que os jogadores 
devem combinar cores para completar níveis. Seu objetivo é projetar uma interface intuitiva e atraente que facilite a interação dos jogadores. 
Considere as seguintes diretrizes:
1. Organização dos elementos: Crie uma estrutura de interface clara e organizada, com menus, botões e elementos interativos bem posicionados. 
Certifique-se de que a disposição dos elementos facilite a navegação e a compreensão do jogo.
2. Elementos interativos: Projete botões, ícones e outros elementos interativos de forma que sejam facilmente reconhecíveis e convidativos para os 
jogadores. Use feedback visual para indicar quando um elemento está selecionado ou em foco.
3. Controles de jogo: Crie controles de jogo responsivos e fáceis de usar. Considere a utilização de gestos simples, como toques e deslizamentos, 
para realizar ações no jogo. Certifique-se de que os controles sejam adequados para jogadores com diferentes habilidades motoras.
4. Feedback de jogo: Implemente feedback de jogo claro e visualmente atraente para fornecer informações aos jogadores sobre seu progresso, 
conquistas e pontuações. Use animações, efeitos sonoros e outros elementos para tornar a experiência do jogo mais envolvente.
5. Acessibilidade: Garanta que sua interface seja acessível a jogadores com deficiências visuais ou motoras. Forneça opções para ajustar o tamanho 
dos elementos, cores de alto contraste,legendas e suporte a tecnologias assistivas.
6. Teste de usabilidade: Realize testes de usabilidade com diferentes tipos de jogadores para identificar possíveis problemas e melhorar a 
experiência do usuário. Obtenha feedback sobre a facilidade de uso, clareza da interface e diversão geral do jogo.
Tarefa:
Com base nas diretrizes mencionadas, crie um esboço da interface de usuário para o jogo, mostrando a disposição dos elementos principais, como 
botões de menu, controles de jogo e áreas de feedback. Explique suas escolhas de design e como você espera que esses elementos proporcionem 
uma experiência agradável para os jogadores.
Dúvidas
ⓘ Start presenting to display the audience questions on this slide.