Análise e Desenvolvimento de Sistemas

Disciplina: Experiência E Interface com

o Usuário
Temática: Tópico 2

Professor: Vinícius da Rocha Motta

O que são processos
cognitivos?

ⓘ Start presenting to display the poll results on this slide.

Processos cognitivos

são as atividades mentais que envolvem aquisição,

processamento, armazenamento e uso de informações.

Eles são responsáveis por nossa capacidade de compreender,

aprender, lembrar, raciocinar, solucionar problemas e
tomar decisões.
Processos cognitivos
Um exemplo simples e curto de como os processos cognitivos funcionam juntos pode ser o
seguinte:

1. Suponha que você esteja tentando decidir qual roupa vestir para um evento. Primeiro,
sua percepção entra em ação para permitir que você veja as opções disponíveis em
seu armário.
2. Em seguida, sua atenção é direcionada para as roupas, filtrando outras informações
irrelevantes. Sua memória também é acionada, permitindo que você se lembre do tipo
de roupa adequado para o evento.
3. Ao escolher a roupa, seu pensamento e raciocínio entram em jogo, pois você pode
precisar fazer associações e conexões mentais para escolher a melhor opção.
4. Finalmente, quando você escolhe a roupa certa, sua tomada de decisão é necessária
para determinar se é a escolha correta. Se sim, você pode vestir a roupa e sair para o
evento.
5. Nesse exemplo, vários processos cognitivos são utilizados em conjunto para permitir
que você tome uma decisão sobre a escolha de roupa para um evento.
O que é UX designer?

ⓘ Start presenting to display the poll results on this slide.

UX designer
É um profissional que cria produtos digitais,
como aplicativos e sites, que sejam fáceis de
usar, bonitos e úteis para as pessoas.

Ele precisa pensar muito sobre como as

pessoas vão usar o produto, desenhar telas e
fazer testes para ver se está funcionando bem.
O objetivo é fazer com que os usuários tenham
a melhor experiência possível ao usar o
produto.
Uma interface gráfica
é a parte visual de um software ou aplicativo que permite ao usuário interagir com ele.

Ela é criada por designers de interface gráfica e é composta por elementos

gráficos organizados em telas, como ícones, botões e caixas de texto.

Uma boa interface gráfica deve ser clara, organizada e fácil de entender,
permitindo que os usuários realizem suas tarefas de forma rápida e eficiente.

A interface gráfica é encontrada em diferentes tipos de software e é a "cara" do

programa, permitindo que os usuários interajam com ele de forma visual e prática.
Possibilidade de Erro
Assim como em qualquer outra área, há possibilidade de erro em UX design. Algumas
das principais causas de erro incluem:

● Falta de entendimento do usuário: se o UX designer não conhecer bem o público-

alvo do produto, é possível que ele crie uma interface que não atenda às suas
necessidades e expectativas.
● Falta de testes com usuários: quando o UX designer não testa o produto com
usuários reais, pode haver problemas de usabilidade que não são detectados.
● Complexidade excessiva: se o produto for muito complexo ou difícil de usar, os
usuários podem ficar frustrados e abandonar o uso.
● Problemas de consistência: se a interface do produto não for consistente em todas
as telas e funcionalidades, pode causar confusão para os usuários.
● Falta de feedback: se o UX designer não levar em consideração o feedback dos
usuários e analisar as métricas do produto, pode ser difícil identificar problemas e fazer
melhorias.
Características de uma Interface Gráfica
● Usabilidade: Facilidade de uso da interface, permitindo que os
usuários realizem tarefas de forma rápida, eficiente e satisfatória.
● Comunicabilidade: Capacidade da interface de transmitir
informações aos usuários de forma clara e eficiente, utilizando
elementos visuais e apresentando informações de forma concisa e
coerente.
● Acessibilidade: Capacidade da interface ser usada por pessoas com
diferentes habilidades e necessidades, com recursos de
acessibilidade como áudio e legendas para usuários com deficiência
visual e auditiva.
O uso do ícone de disquete
para salvar um documento é
válido?

ⓘ Start presenting to display the poll results on this slide.

O uso do ícone de disquete em UX
● O ícone de disquete foi introduzido nos anos 80 e 90 como um meio físico e tangível para representar o
ato de salvar um arquivo em um meio de armazenamento digital.

● Embora os disquetes tenham se tornado obsoletos, o ícone do disquete permanece como um padrão de
design em interfaces de software e aplicativos, pois é amplamente reconhecido e entendido pelos
usuários.

● O uso de convenções de design familiar, como o ícone de disquete, ajuda a criar uma experiência do
usuário intuitiva e fácil de usar, pois os usuários podem compreender e se relacionar com esses
elementos de design com facilidade.

● O ícone do disquete é apenas um exemplo de como os padrões de design evoluem com o tempo e a
tecnologia, mas sua continuação na indústria de tecnologia mostra como os elementos de design bem
estabelecidos podem permanecer como padrões devido à sua familiaridade e facilidade de compreensão
pelos usuários.
Existe um mantra para todos os
profissionais de UX que é: “você não é o
seu usuário”. O que isso significa?

ⓘ Start presenting to display the poll results on this slide.

Verdade X Realidade
O mantra "você não é o seu usuário" é uma lembrança importante para
todos os profissionais de UX.

Isso significa que as suas próprias preferências e opiniões pessoais

não devem ser a base para o design de interfaces, pois elas podem ser
diferentes das preferências e opiniões dos usuários que utilizarão a
interface.

A compreensão do usuário é fundamental para o design de interfaces que

sejam fáceis de usar, atraentes e eficazes
Processo Perceptivo e Cognitivo em Design UX
● Processo perceptivo envolve interpretação de estímulos visuais, como cores,
formas, tamanho e contraste
● Compreender como usuários percebem estímulos é fundamental para criar
interfaces que sejam fáceis de usar e se comuniquem claramente
● Processo cognitivo envolve a forma como usuários processam e interpretam
informações para realizar uma tarefa ou alcançar um objetivo
● Compreender como usuários realizam tarefas e como design da interface pode
influenciar suas escolhas é fundamental para criar interfaces efetivas e
satisfatórias
● Combinar processo perceptivo e cognitivo ajuda a criar interfaces atraentes,
fáceis de usar e que se comuniquem claramente com o usuário
● Importante que profissionais de UX compreendam as bases teóricas e como
aplicá-las em suas práticas de design.
Bases da Ergonomia
● Estuda a interação das pessoas com objetos e
espaços em seu ambiente de trabalho, lazer e vida
cotidiana
● Ajuda a criar produtos e espaços confortáveis,
seguros e funcionais para as pessoas
● Evita problemas como dores nas costas, cansaço nos
olhos e lesões por esforço repetitivo
Bases da Ergonomia
● Melhora a produtividade das pessoas no trabalho e
torna a vida mais confortável e agradável
○ Exemplo: criação de um teclado de computador com teclas do
tamanho e formato adequados para evitar dores nas mãos e nos
punhos

● são um guia para criar produtos e espaços que sejam

confortáveis, seguros e funcionais para as pessoas.
Ferramentas: Figma
Vídeo: https://www.youtube.com/watch?v=8zRVHWMetE0&ab_channel=DevPleno
Exercício: Análise de Ergonomia em uma Interface Web
Objetivo: Identificar problemas de ergonomia em uma interface web.

1. Escolha um site ou aplicativo web que você visita com frequência ou acesse um site de notícias de
sua escolha.

2. Identifique até três problemas de ergonomia na interface. Isso pode incluir problemas
relacionados à disposição de elementos, tamanho de fontes, contraste de cores, facilidade de
navegação, ou feedback ao usuário.

3. Documente esses problemas de forma sucinta, descrevendo o que você acha que está errado e
como isso pode afetar a usabilidade.

4. Proponha soluções ou melhorias para os problemas identificados. Pode ser algo simples, como
aumentar o contraste de cores, adicionar um botão de retorno à página inicial, ou melhorar a
organização de elementos na página.

5. Escreva um breve relatório que inclua a descrição dos problemas, suas propostas de solução
e por que essas melhorias são importantes para a ergonomia da interface.
Dúvidas?

ⓘ Start presenting to display the audience questions on this slide.