teste Flashcards
Indica as áreas de atuação da interação mediada por tecnologia
comunidades, cultura, política, educação, entretenimento
quais as vantagens de design pensado na UX
-abordagem qualitativa de design thinking em 3 fases (pré-experiência, experiência e pós-experiência)
-identificar expectativas do user-alvo
-obter insight da experiência do user em contexto real
-identificar características para melhorias futuras
quais as contribuições da usabilidade no design de interfaces
eficácia (alcance de objetivos), eficiência (como), satisfação (experiência)
como é medida usabilidade
num dispositivo/ sistema com contexto e objetivos bem identificados
define paradigma de interação
modelo/ sistema conceitual que indica como interagimos (comp. infocomunicacional) com outros ou com um sistema, serviço ou produto.
enumera exemplos de paradigmas de interação
TUI (textual user interface), WIMP (windows icons menu pointers), GUI (graphic), Narrativa, metáfora visual, manipulação direta, NUI (Natural), multimédia/ multimodal, realidade virtual, tangível, ubiquidade (omnipresente)
que fatores afetam a interatividade de uma interface
tipo de interação, alfabetização do utilizador, características da tecnologia, ambiente (cultural, geográfico, económico, político…)
dá exemplo de modalidades humanas que afetam a interatividade de uma interface
Entrada tecnológica (ações produzidas pelo humano):
tecla pressionada, clique e seleção, tangível, voz, gesto e háptico, imersão sensorial, ubíqua
Saída tecnológica (providenciadas pela máquina):
visão, audição, háptico
qual é a relevância de uma interface no paradigma de interação
estar relacionada c o paradigma e em perfeita harmonia no contexto de interatividade –> é projetada p integrar experiência do user identificada p o sistema, serviço, produto.
qual é a relevância da linguagem visual
uso de tipografia, cores, elementos gráficos estáticos/ dinâmicos são usados p transmitir factos, conceitos, emoções–> ajuda a compreensão de info complexa
quais os 3 princípios da linguagem visual
organizar: fornecer estrutura conceitual clara/ consistente
economizar: fazer máximo c < quantidade de pistas
comunicar: adequar apresentação às habilidades do user
Em que conceitos se subdivide o 1º princípio de linguagem visual, organizar.
Consistência (interna, externa, no mundo real, inovação), layout de tela, relacionamentos e navegabilidade
explica o conceito de consistência, pertencente ao princípio de ORGANIZAR de linguagem visual
consistência interna- as mesmas regras em todos os elementos da GUI, evitar diferenças casuais
consistência externa- seguir mesmas plataformas/ convenções em todas as interfaces do user. Evita confusão entre aplicativos distintos
consistência no mundo real- convenções consistentes c experiências reais do user. há > relacionamento c a tarefa quando não exige raciocínio.
inovação- ser inconsistente apenas quando fornecer benefício claro
explica o conceito de layout de tela, pertencente ao princípio de ORGANIZAR de linguagem visual
a 2ª maneira principal de organizar exibições visuais é projetar layout espacial. grelhas ajudam a localizar itens.
explica o conceito de relacionamentos, pertencente ao princípio de ORGANIZAR de linguagem visual
deve-se estabelecer relação clara ligando elementos relacionados e desassociando não relacionados. Forma, localização, valor podem criar relações.
explica o conceito de navegabilidade, pertencente ao princípio de ORGANIZAR de linguagem visual
fornecer foco inicial p atenção do user, direcionar atenção p pontos importantes, secundários, periféricos e auxiliam na navegação
Em que conceitos se subdivide o 2º princípio de linguagem visual, economizar.
simplicidade, clareza, diferenciação, ênfase
explica o conceito de simplicidade, pertencente ao princípio de ECONOMIZAR de linguagem visual
incluir apenas elementos essenciais, ser discreto.
explica o conceito de clareza, pertencente ao princípio de ECONOMIZAR de linguagem visual
projetar componentes de moda a que o significado não seja ambíguo
explica o conceito de diferenciação, pertencente ao princípio de ECONOMIZAR de linguagem visual
distinguir propriedades importantes dos elementos da interface, ter elementos que tornam interface única.
explica o conceito de ênfase, pertencente ao princípio de ECONOMIZAR de linguagem visual
tornar elementos + importantes salientes. desenfatizar elementos não críticos, minimizar confusão p que info crítica não esteja oculta
Em que conceitos se subdivide o 3º princípio de linguagem visual, comunicar.
legibilidade, facilidade de leitura, tipografia, simbolismo, múltiplas visualizações, cor
explica o conceito de legibilidade, pertencente ao princípio de COMUNICAR de linguagem visual
projetar caracteres/elementos gráficos p serem facilmente perceptíveis e distinguíveis.
explica o conceito de facilidade de leitura, pertencente ao princípio de COMUNICAR de linguagem visual
tornar exibição compreensível, fácil de identificar/interpretar, convidativa e atraente
explica o conceito de tipografia, pertencente ao princípio de COMUNICAR de linguagem visual
usar pequeno nº de fontes de legibilidade, clareza, distinção adequeadas p distinguir diferentes tipos de info
explica o conceito de simbolismo, pertencente ao princípio de COMUNICAR de linguagem visual
selecionar/refinar ícones, imagens, mapas, gráficos, símbolos…
escolher metáforas c sabedoria
explica o conceito de múltiplas visualizações, pertencente ao princípio de COMUNICAR de linguagem visual
fornecer múltiplas perspetivas de estrutura/ processos complexos
exs:
metadados, metatexto, metagráficos
múltiplas representações
múltiplos níveis de abstração
visualizações alternativas simultâneas
links/ refs cruzadas
explica o conceito de cor, pertencente ao princípio de COMUNICAR de linguagem visual
usar técnicas apropriadas de realce/redução de ênfase p transmitir distinções semânticas
ter em conta:
termos/ conceitos de cor
organização de cor
economia de cor
comunicação de cor
Define sistema de design
coleção de componentes reutilizáveis, guiados p padrões claros, unidos o construir qualquer número de UIs
Estes unem dois conceitos: COMPONENTES e PADRÕES
define componentes de um sistema de design
porções de material reutilizável (código) armazenados numa biblioteca, servindo como blocos de construção da interface
define padrões de um sistema de design
convenções de nomenclatura, estrutura, finalidade e estilo de cor, forma, ícone, espaço e movimento são essenciais p criar marca alinhada e UX consistente. Cada componente deve incorporar estes elementos.
qual é a relevância de sistemas de design
em equipas com nº > de designers, cada um pode concentram se numa área e usar sua língua pessoal ao resolver problemas únicos e não sistemáticos.
um site de sistemas de design é um lugar de ref para padrões e estilos oficiais. documenta os aspetos do mesmo, componentes, diretrizes e está sempre atualizado.
Une equipas em torno de uma linguagem visual comum.
Quais as vantagens do uso de sistemas de design
consistência
prototipagem hi-fi + rápida
como é construído um design de sistemas
- conhecer partes interessadas (stakeholders)- pesquisa, parceiros, clientes, preferências, objetivos–> criar persona e cenários
- preparar inventário-
-inventário visual: cor, tipografia, espaçamento, imagens, forma visual, mov., som
-biblioteca de interface do usuário (examinar partes reais da interface): básicos, componentes, regiões, layouts
enumera e descreve os elementos que constituem uma biblioteca de interface do utilizador
-básicos: pequenos, independentes. ex: botões, ícones
-componentes: montagem de pequenos componentes num >. ex: form pesquisa
-regiões (zonas, organismos): área da UI. ex: nav. à esquerda
-layouts: forma como peças são dispostas na página. ex: cabeçalho, barra lateral, conteúdo, rodapé
distingue sistema de design de sistemas de marca
brand systems são um guia para toda a globalidade de uma marca, enquanto que um design system pode ser usado p criar branding coeso numa marca.
quais podem ser as características da Identidade Visual
diálogo/monólogo: comunicação é flexível
motion/estático: o mundo evolui a partir dos modelos e negócios emergentes
trends/standard: IVs são guiadas por modas e não resultados. Marcas são cada vez + criadas por audiências e não o negócio em si
Define UX
abordagem p desenvolvimento de produtos que incorpora feedback direto do user ao longo do seu desenvolvimento
quais os benefícios do uso de UX
> produtividade
vendas
< custos e tempo
satistação
quais as 3 dimensões de UX a ter em conta
UX como fenómeno, como campo de estudo e como prática
Que aspetos são tidos em conta quando UX é visto como FENÓMENO
-descrever o que é vs o que não é UX
-identificar diferentes tipos de UX
-explicar circunstâncias/ consequências da UX
Que aspetos são tidos em conta quando UX é visto como CAMPO DE ESTUDO
-estudar o fenómeno (ex: como experiências são formadas/ o que alguém experimenta, espera experimentar ou já experimentou)
-encontrar meios p projetar sistemas que permitem UXs específicos
-investigar/ desenvolver métodos de design/ av. de UX
Que aspetos são tidos em conta quando UX é visto como PRÁTICA
-Ver UX como, por ex, parte de uma prática de design
-representar ux (ex: construir protótipo p demonstrar/ comunicar UX desejada p outros
-avaliação da UX
-entregar designs voltados p habilitar determinado UX
tendo em conta UX como FENÓMENO, descreve o que NÃO é UX
1- não é orientado em tecnologia, mas sim em pessoas
2- não é apenas um indivíduo a usar sistema isoladamente
3- não é análise cognitiva de tarefas/ ver user como “processadores de info humana”
4- não é = a usabilidade, embora este seja um aspeto que contribui p UX
5- é + do que user interface design
6- difere dos conceitos de marca/consumidor/experiência de consumidor, embora os conceitos se afetem.
tendo em conta UX como FENÓMENO, explica os 3 tipos de UX existentes
- experiencing:
-fluxo individual de percepções, interpretações destas e emoções em encontro c sistema (marcar golo, assustar-se) - user experience:
-encontro c sistema c começo e fim (visitar website, aprender dança c jogo de dança) - co-experience:
-experiências interpretadas como situadas/ socialmente construídas. construir e vivenciar situação em conjunto –> pode resultar em sistema de plataforma
quais os valores da associação SLERD
- desenhar ux é processo centrado no humano
- designers devem ouvir/registar motivações dos users
- UX com “métodos de co-design” que envolvem diretamente os users
quais os métodos de ava. de UX
métodos p estudos de campo, p estudos de laboratório, p estudos online e p estudos questionários
quais algumas características a ter em conta no UX
usável, acessível, desejável, credível, valioso, útil, encontrável
elabora acerca do método de avaliação de UX p estudos de campo
conduzidos em cenários naturalisticos e contextos reais.
podem ser curto/longo prazo
elabora acerca do método de avaliação de UX p estudos de laboratório
locais fixos, em premissas dos pesquisadores. ex: laboratórios, salas reuniões, salas silenciosas, simuladores
elabora acerca do método de avaliação de UX p estudos online
via internet, participantes podem ou não ser anónimos. embora englobe vários tipos de estudos online, só inclui aqueles fáceis de executar online
elabora acerca do método de avaliação de UX p estudos de questionários
usados em vários tipos de estudos de UX, escalas/ questionários podem incluir aspetos experimentais
quais as 4 fases de desenvolvimento de avaliação de uma UX
-escolher o método (estudos/ questionários)
-fase de desenvolvimento (protótipos, conceito)
-execução dos testes (capturas, notas)
-receber info do avaliador
quais vantagens/ desvantagens de fazer testes de usabilidade c early prototypes
vantagens: podem ser esboços em papel, prototipagem rápida em pc apenas com funcionalidades chave
desvantagens: por só ter funções principais, user não pode explorar livremente
o que ter em conta no planeamento de testes de UX
ANTES das sessões:
-recrutar participantes
-sessão planeamento
-script de teste
-configurar sala
-pré sessão (assinar consentimento..)
DURANTE sessões:
-apresentar sessão
-definir tarefas
-fazer perguntas
-notas
-encerrar
APÓS sessões:
-analisar resultados
-relatório
o que é AXE no contexto de user experience analysis
método qualitativo, dá perspetiva inicial sobre experiência do user.
envolve users singulares em ambiente de entrevista.
Baseia-se no uso de estímulos visuais p fazer av–> user imaginam situação e revelam atitudes
método avaliativo e p coletar sugestão de melhorias
dividida em 3 etapas: BRIEFING DO CONCEITO, AVALIAÇÃO DO CONCEITO, ANÁLISE DE DADOS
o que ter em conta ao tornar objetivos de usabilidade em task scenarios para testes de UX
-tornar tarefa realista (em vez de “comprar ténis Nike laranja”–> “comprar sapatos por - de 40€”)
-tornar tarefa acionável (em vez de “quer fazer X, vá a ww.X.com e diga onde clicaria em seguida”–> “use www.X.com p encontrar algo que se enquadre em X”
-evitar pistas e descrever etapas
Extra:
garantir que cenários são realista, encorajam interação e não dão resposta.
define usabilidade segundo modelo de av. empírica ISO 9241
medida em que algo pode ser usado por users específicos p alcançar metas específicas c eficiência, eficácia e satisfação num determinado contexto
enumera os autores associados à av. HEURÍSTICA de usabilidade e os respetivos princípios
Ben Shneiderman: 1-diversidade (perfil do user e contexto de uso)
2-regras de ouro (consistência, opinião, organização das tarefas, prevenir erros, user no controlo, reduzir esforço de memória)
3-evitar/minimizar impacto de erro
Jakob Nielsen: visibilidade do status, correspondência sistema-mundo real, controle/ liberdade do user, consistência, prevanção de erros, reconhecimento e não recordação, flexibilidade, design estético/minimalista, ajuda.
Patrick Jordan: consistência, compatibilidade, opinião, considerar recursos do user, controlo do user, clareza, priorizar funcionalidade e info.
Mihaly Csíkszentmuhályi: pontualidade, user completamente envolvido,clareza interior, serenidade, motivação intrínseca, perda consiência social…
explica a escala SAM, no contexto de av. de uma interface
self assessment manikin, permite avaliação da qualidade de uma interface. avalia 3 dimensões
1- prazer
2- dominância
3- entusiasmo
projetado p colher info sobre SENTIMENTOS SUBJETIVOS.
explica o método MAX, no contexto de av. de uma interface
método de av. da experiência do user, método pós-uso que avalia experiência através de cartões interativos c avatares e quadro. 4 categorias:
a. emoção
b. facilidade de uso
c. utilidade
d. intenção de uso
explica a escala SUS, no contexto de av. de uma interface
system usability scale, série de afirmações em que user deve atribuir grau de relacionamento de 1-5 por ex.
define design de interação
design de espaços q possibilitam com./ interação humana
define user centered design
UCD é processo de design iterativo c foco em user e respetivas necessidades. neste, os user são envolvidos no processo de design, c técnicas de design e pesquisa-
a estrutura, interface e navegação são desenvolvidas em redor do UX e não dos desenvolvedores
quais os objetivos de usabilidade
eficácia, eficiência, segurança, útil, ser fácil de aprender e lembrar como usar
Segundo Bob Bailey:
- até 7 opções por menu
- até 7 ícones por tab
- até 7 destaques no topo de uma página
- Listas c até 7 elementos
qual o uso de metáfora no processo de design de interação
permitem ocultar processo inerente à tecnologia, que é em grande parte incompreensível pro user
qual a vantagem de uso de modelos conceptuais no design de interação
operação de qualquer dispositivo é aprendida + rapidamente e os problemas são identificados com > facilidade e precisão, se o utilizador tiver um bom modelo conceptual do sistema (botões pausa, play, skip..)
qual relevância de permitir visibilidade/ capacidade de descoberta no design de interação
Tornar as funcionalidades visíveis
Comunicar o status do sistema
Comunicar as consequências de uma ação c antecedência
qual relevância do uso de feedback no design de interação
Enviar info ao user acerca do que foi feito – som, destaque, animação ou combinação destes
Toda a ação deve gerar uma reação
qual relevância do uso de mapeamento no design de interação
Termo técnico para a relação entre elementos no mundo real e o seu simbolismo no plano representacional. Designers de interação devem estabelecer relações naturais com o mundo (natural mapping)
qual relevância do uso de restrições no design de interação
podem ser físicas (só poder interar pen drive numa posição), lógicas (ver se interruptor está on/off), culturais ou semânticas (placa piso molhado)
qual relevância do uso de consistência no design de interação
Objetos com comportamento e funções semelhantes devem ter propriedades visuais comuns que permitem reconhecimento e agrupamento mental
Consistência Interna- desenvolver operações p q se comportem de = forma dentro de uma app–> difícil de alcançar c interfaces complexas
Consistência Externa- desenvolver operações, interfaces… p ser = através de diferentes aplicações
qual relevância do uso de affordance + signifier no design de interação
Affordance (disponibilidade)- dica visual, mostra q ação é que algo consegue fazer. (Ex: ver um botão, saber que é algo clicável)
Signifier (significador)- informação adicional que suporta a affordance. (Ex: o botão não está opaco, sugerindo inatividade)
Define incapacidade
Condição q afeta nível de vida de indivíduo/ grupo
POde ser física, mental, sensorial, cognitiva, intelectual
Indica os 4 tipos de argumentos que justificam acessibilidade para pessoas com incapacidade
- Argumento Legal: é uma questão de direitos humanos–> Decreto-Lei nº 83/2018 | Serviços Públicos
- Argumento Moral: incapacitados enfrentam > dificuldade no acesso a edifícios, autonomia, > discriminação em acesos a trabalho…
- Argumento Formal: situação de natureza abrangente da condição do user /incapacidade temporária: osso partido, cansaço…)
- Argumento Económico: evitar processos em tribunal, política social, encorajar código limpo
define design universal
design p diversidade humana, inclusão social e igualdade. constitui desafio ético/ criativo p projetistas.
o que deve ser tido em conta em Design inclusivo
-reconhecer exclusão
-aprender a partir da diversidade
-resolver para um, alargar a muitos
define Persona Spectrum no contexto de acessibilidade
utiliza-se o persona spectrum p trabalhar cenários PERMANENTES, TEMPORÁRIOS e SITUACIONAIS .
no que consiste o exercício “kill your persona”
inserir uma persona em diferentes contextos sociais, que alteram regras, comportamentos e normas a abordar ( carro, biblioteca, exterior, multidão, sozinho…)
o que são as WCAG 2.1 e quais os seus 4 princípios
web content acessibility guidelines- diretrizes que abrangem conjunto de recomendações q tornam conteúdo da web + acessível com 3 níveis de conformidade
1. Percetível- alt text, legendas, contraste
2.Operável- acesso a funcionalidades c teclado, tempo p ler conteúdo
3.Compreensível- legível, correção de erros
4.Robusto- compatibilidade entre nav., interoperabilidade c tecs avançadas
o que é o W3C
comunidade internacional onde membros, organizações e público trabalham em conjunto p desenvolver standards p web
como pode ser verificado o nível de acessibilidade de um produto
- ferramentas automáticas de verificação
- checklist
- funcionalidades de acessibilidade
quais as 3 categorias e respetivos tipos de tarefas de visualização
1.Especificação de dados e visualização:
visualizar/ filtrar/ classificar dados, derivar valores de diferentes modelos
2.Manipulação de visualização:
selecionar itens e manipulá-los, organizar, navegar e visualizar coordenadas
3.Proveniência e processo: históricos de análise, anotações, partilhas, guiar user
quais os tipos de dados/ info existentes
dados lineares 1-D (lista de itens)
dados Espaciais 2-D (planar, x/y)
dados de Volume 3-D (mundo real x,y,z)
Multidimensional
Temporal
Árvore
Rede
Quais os 5 estados que formam uma estrutura de pesquisa
1.formulação
2.iniciação da ação
3.revisão de resultados
4.refinamento
5.uso
define dispositivos de entrada
permitem transformar info fornecida pelo user em dados processados pela máquina
podem operar de forma contínua (mouse, touch screen, joystick, 3d trackers) ou descontínua/discreta (ex-teclado)
quais os diferentes displays de teclado
QWERTY: permite escrever “typerwriter” + rápido, minimiza bloqueio mecânico. Desiquilíbrio entre lado esq/ dto.
ALFABÉTICO: respeita distribuição do alfabeto
DVORAK: equilibra lado esq e dto., c base em estudo das letras + usadas
CHORDED: combinar teclas p obter letra, tem teclado reduzido
define 3D trackers como dispositivos de entrada
medem em valores absolutos a posição de um sensor num espaço 3D
caracteriza eyetracker como dispositivo de entrada
dispositivo que mede posição e mov. do olhar
podem ser sensores magnéticos, óticos ou electrodes
exemplifica dispositivos de entrada p pessoas com necessidades especiais
computadores “wearable”
data gloves
headset and eyetracker
reconhecimento de voz
define dispositivos de saída
dispositivo que converte info digital em info perceptível p humanos. ex: impressora, monitor, coluna, dispositivo háptico
exemplifica dispositivos de saída p pessoas com necessidades especiais
saída tátil- apps em Braille
saída olfativa- criação de ambientes
