Design de Interação e Cores

<p>Vermelho (B)</p> Signup and view all the answers

<p>Protótipos de Papel (D)</p> Signup and view all the answers

<p>São radialmente opostas na roda de cores. (B)</p> Signup and view all the answers

<p>Esquema monocromático. (C)</p> Signup and view all the answers

<p>Usar cores complementares. (A)</p> Signup and view all the answers

<p>Misturar cores adjacentes. (A)</p> Signup and view all the answers

<p>Dificuldade em diferenciar vermelho e verde. (D)</p> Signup and view all the answers

<p>Obter retorno o mais depressa possível (A)</p> Signup and view all the answers

<p>Fração de tarefas oferecidas pelo protótipo (C)</p> Signup and view all the answers

<p>Testa rapidamente várias alternativas (A)</p> Signup and view all the answers

<p>Aspeto visual do protótipo (A)</p> Signup and view all the answers

<p>Tem muitas funcionalidades em tarefas específicas (D)</p> Signup and view all the answers

<p>Várias pessoas criam soluções para os mesmos requisitos (C)</p> Signup and view all the answers

<p>Permitem testar uma maior quantidade de ideias (A)</p> Signup and view all the answers

<p>Os riscos a minimizar (C)</p> Signup and view all the answers

<p>São representações artísticas usando esboços. (B), Omitam muitos detalhes, como cores, imagens e ícones. (D)</p> Signup and view all the answers

<p>Menos tempo a criar esboços em papel (C)</p> Signup and view all the answers

<p>Apresentam um aspeto semelhante ao do produto final. (A)</p> Signup and view all the answers

<p>Histórias de utilizadores a realizarem tarefas específicas. (B)</p> Signup and view all the answers

<p>Cartolina, papel branco, marcadores e tesouras (A)</p> Signup and view all the answers

<p>Os PBF estão implementados em código e têm funcionalidades limitadas. (A)</p> Signup and view all the answers

<p>Atenção nas questões que realmente importam (A)</p> Signup and view all the answers

<p>Porque não se distraem com detalhes irrelevantes (B)</p> Signup and view all the answers

<p>Incluem flexibilidade para o utilizador ao realizar tarefas. (C)</p> Signup and view all the answers

<p>Aplicativos como Figma e Balsamiq (D)</p> Signup and view all the answers

<p>Os Funcionais são implementados em código, enquanto os Não Funcionais não são. (D)</p> Signup and view all the answers

<p>A criação de protótipos de papel é rápida e permite múltiplas iterações (D)</p> Signup and view all the answers

<p>O que um utilizador tem de fazer e o que ele verá. (D)</p> Signup and view all the answers

<p>Ele carrega na opção Compor. (D)</p> Signup and view all the answers

<p>Fase 1: Prototipagem (D)</p> Signup and view all the answers

<p>Facilita a comunicação do usuário com o sistema (A)</p> Signup and view all the answers

<p>Desenhar uma moldura (D)</p> Signup and view all the answers

<p>Melhoram a leitura e não distraem a atenção (B)</p> Signup and view all the answers

<p>Explicar o processo e dar instruções ao utilizador (B)</p> Signup and view all the answers

<p>Marcadores e acetatos (B)</p> Signup and view all the answers

<p>A terminologia usada nos elementos (D)</p> Signup and view all the answers

<p>Toma apenas algumas horas e não requer equipamentos dispendiosos (A)</p> Signup and view all the answers

<p>Não ajuda a identificar problemas de usabilidade (D)</p> Signup and view all the answers

<p>Registrar comentários e sugestões dos usuários (B)</p> Signup and view all the answers

<p>Para realçar seleções e permitir escrita (A)</p> Signup and view all the answers

<p>Maior que o sistema final (D)</p> Signup and view all the answers

A cor no design de interfaces de utilizador (IPM) serve para comunicar informação, criar um estilo visual coerente com a marca e guiar a atenção do utilizador.

As cores têm significados culturais associados. Por exemplo, o vermelho pode significar parar na cultura ocidental, enquanto o verde pode significar avançar.

Um modelo de cor usado em computadores, composto por três componentes: vermelho, verde e azul.

Um modelo de cor que define as cores com base na tonalidade (hue), saturação (pureza) e valor (brilho).

Versão inicial de um produto usado para testes e avaliação, que pode ser feito de papel ou outros meios para representar as telas.

Cores radialmente opostas na roda de cores, que ao serem misturadas resultam numa cor neutra (preto, branco, cinzento).

Um esquema de cores que utiliza uma única cor, mas com vários tons.

Um esquema que usa 2 cores complementares para criar contraste.

Aumentar o contraste escurecendo cores escuras ou clareando cores claras.

Problemas de visão que dificultam a distinção de cores, especialmente cores próximas no espectro, como verde e vermelho.

Representação parcial e concreta de um sistema, permitindo interação com o utilizador para identificar problemas.

Obter feedback rápido, estudar designs alternativos, apresentar ideias e identificar problemas potenciais.

Poupança de tempo e custos, testes rápidos, capacidade de testar alternativas e facilidade de alterações.

Várias pessoas criam soluções alternativas para os mesmos requisitos, partilhando conceitos e selecionando as melhores ideias para uma solução única.

Fração de tarefas abrangidas pelo protótipo.

Quantidade de funcionalidades implementadas em cada tarefa.

Semelhança visual do protótipo com o produto final, envolvendo elementos como tipografia, mensagens e imagens.

Implementação em código. Funcionalidades tangíveis implementadas no protótipo.

Representações artísticas simplificadas, com poucos detalhes como cores, imagens e ícones.

Representações com aparência muito similar ao produto final, incluindo detalhes como cores e imagens.

Protótipos que executam funcionalidades em código, operando num sistema computacional.

Protótipos que necessitam de intervenção humana para funcionarem. Não são executados por código.

Os protótipos de alta fidelidade (PAF) podem ser funcionais ou não funcionais, dependendo dos detalhes funcionais que incluem.

Histórias de usuários realizando tarefas, mostrando o que o usuário precisa fazer e o que ele verá na interface do usuário (IU).

Um tipo de cenário de interação que descreve o fluxo de ações numa sessão, sem flexibilidade para o utilizador.

Apesar de relacionados com a interação de um utilizador, os cenários de utilização focam-se na tarefa global, enquanto os cenários de interação descrevem uma interação específica.

Criar um modelo físico de uma interface de utilizador usando papel, cartões e outros materiais, para testar o design e a interação.

Testar e avaliar a usabilidade da interface, identificar problemas e obter feedback dos utilizadores antes de desenvolver a versão final.

Papel, cartões, canetas, acetatos, réguas, tesoura, cola, etc.

Deve ser maior que o tamanho real da interface final para permitir a interação com os dedos e visualização à distância.

Devem ser monocromáticas, pois o objetivo é focar na funcionalidade, não na estética.

Usar técnicas como mover cartões, desenhar em acetatos, etc., para simular ações do utilizador, como cliques, arrastar e soltar.

Após testar o protótipo, obter feedback dos utilizadores sobre a usabilidade, design e funcionalidade.

Rápido, barato, fácil de testar e de iterar, permite testar várias alternativas de design.

Observar como os utilizadores interagem com o protótipo e identificar áreas de melhoria, como confusões na navegação ou falta de clareza nas informações.

Pode ser utilizado em diversos contextos, como o design de websites, aplicações móveis, interfaces de software, etc.

Método de teste e validação de interfaces (como reconhecimento de fala ou escrita) em que um humano simula o comportamento do sistema, fornecendo respostas em tempo real.

Modelo físico de uma interface, criado com papel, cartões e outros materiais, para testar a usabilidade e design antes de desenvolver a versão final.

No início do desenvolvimento, o rabisco livre permite focar na ideia principal. Uma aplicação de desenho exige mais tempo e decisões sobre detalhes, que podem distrair.