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.