Design de IHC: Cenários de Projeto
|
|
|
- João Guilherme Lagos Mota
- 9 Há anos
- Visualizações:
Transcrição
1 1 Design de IHC: Cenários de Projeto Aula 15 21/05/2012
2 Da aula 14 2 Projeto de Interação e Engenharia Semiótica de Interfaces Barbosa & da Silva (2010) Capítulo 7, seções 7.1 e 7.2 Cenários de problema Personas Signos de Conteúdo Mapa de Objetivos Modelo de Tarefas Cenários de interação Signos de Expressão Modelo de Interação Wireframe Protótipos (funcionais ou não)
3 Da aula 14 3 Elementos Centrais Cenários: Narrativas verbais objetivamente situadas, com riqueza de detalhes contextuais, visando a caracterização de: usuários, tecnologia, contexto de uso, valores (pontos positivos a serem atingidos/preservados e negativos a serem evitados/eliminados), atividades, atores, suas funções e relações recíprocas. Personas: Caracterizações de personagens fictícios que têm os traços relevantes dos usuários afetados pela tecnologia. Signos: De conteúdo: referentes ao DOMÍNIO da tecnologia De expressão: referentes à INTERFACE da tecnologia
4 Da aula 14 4 Mapa de Objetivos e Modelos de Tarefas Já vimos uma introdução na aula de 21/03/2012
5 Da aula 14 5 Modelos de Interação (exemplo de representação parcial) usuário sistema Abre cadastro Deixa ver quem está cadastrado Abre este registro aqui Atualiza estes dados Agora faz
6 Da aula 14 6 Modelos de Interação (exemplo de representação parcial) Abre cadastro Deixa ver quem está cadastrado Epa! Este não. Pensando nos Erros de Sistema [a] Abre este registro aqui Não consigo abrir: faço [a] ou [b]? Atualiza estes dados Pensando nos Erros do Usuário Agora faz Agora faz
7 Da aula 14 7 Wireframe (exemplo com o Balsamiq Mockups) Ver demo do projeto do SERG INF1403 em: Introdução a IHC
8 Da aula 14 8 Ferramenta-exemplo exemplo para Sketches (Pencil )
9 9 O circuito e a função dos cenários no projeto Decisão sobre o foco do trabalho Cenário V.0
10 10 O circuito e a função dos cenários no projeto Decisão sobre o foco do trabalho Entrevista para CONHECER os usuários Cenário V.0 Cenário V.1
11 11 O circuito e a função dos cenários no projeto Decisão sobre o foco do trabalho Entrevista para CONHECER os usuários Modelagem de Metas & Tarefas Modelagem de Interação Cenário V.0 Cenário V.1 Modelagem de Interface Cenário V.2
12 12 O circuito e a função dos cenários no projeto Decisão sobre o foco do trabalho Entrevista para CONHECER os usuários Modelagem de Metas & Tarefas Modelagem de Interação Prototipação Avaliação rápida & rasteira com usuários Modelagem de Interface Cenário V.0 Cenário V.1 Conclusão Cenário V.2 Cenários mantêm o projeto COESO.
13 13 Rastreando as representações da visão de design As respostas das perguntas críticas e sua contraparte na narrativa dos cenários As respostas destas perguntas alimentam as revisões dos cenários. Visão Primeira RE-Visão Cada RE-Visão é produto de uma avaliação junto ao usuário (ou a quem advoga pelo usuário, i.e. um especialista). Segunda RE-Visão Cenário V.0 Cenário V.1 Cenário V.2
14 14 Acompanhamento do Projeto de Curso Decisão sobre o foco do trabalho e Cenário V.0 Avaliação dos desafios de usabilidade, acessibilidade ou comunicabilidade da interação com o Portal da Prefeitura do Rio de Janeiro Entrevista para conhecer usuários Identificar pessoa(s) que se encaixam no perfil Verificar sua disponibilidade Preparar roteiro de entrevista e termo de consentimento Apresentá-lo à professora para aprovação Realizar entrevista Elaborar Cenário V.1 Modelar Tarefa, Modelar Interação no contexto do WNH (Projeto) Elaborar Cenário V.2 (que será apresentado para avaliação de participantes) Elaboração dos Diálogos com o WNH Avaliação com participantes Conclusão
15 15 Modelagem de Tarefas e Interação Hierarquia de Metas Qual (ou quais) a(s) meta(s) prevista(s) para os usuários da tecnologia que está em desenvolvimento? Nota: METAS são as intenções mais gerais e de alto nível. Qualquer hierarquia tem Metas e Sub-metas. Sub-metas são intenções de nível menos geral e, em conjunto, constituem um PLANO DE AÇÃO concebido pelo usuário. Estrutura de Tarefas (ou MODELO de TAREFAS) Uma representação (ou conjunto de representações) hierárquica(s) de sub-metas (inclusive alternativas, ordenadas, opcionais, etc) para REALIZAR a(s) meta(s) de nível mais geral que os usuários têm.
16 16 O Modelo GOMS GOALS (Metas) OPERATORS (Ações físicas ou mentais dos usuários, sobre a tecnologia e/ou outros objetos do contexto de ação) METHODS (Métodos ou Planos de Ação em nível conceitual) SELECTION RULES (Regras de seleção entre planos e/ou ações conforme variantes de contexto) Consultar slides de :
Design de IHC: Cenários de Projeto
1 Design de IHC: de Projeto Aula 14 09/05/2012 2 Da aula passada: 1. Definição dos Grupos de Trabalho Quais são? 2. Visita ao Portal da Prefeitura do Rio de Janeiro 3. Levantamento Informal de questões
Modelagem de Tarefas e Interação (1)
1 Modelagem de Tarefas e Interação (1) Aula 20 22/05/2013 2 Modelagem de Tarefa e Interações Modelo de Tarefas Hierarquias de Metas Metas Dependentes Composição de Metas Para fazer isto: Meta Geral Faça
Interação Humano-Computador Projeto de Interface (Análise do Usuário e da Tarefa) PROFESSORA CINTIA CAETANO
Interação Humano-Computador Projeto de Interface (Análise do Usuário e da Tarefa) PROFESSORA CINTIA CAETANO Processo de Design 1. Análise e Modelagem Usuário Tarefa 2. Storyboarding 3. Prototipação 4.
Humano-Computador (IHC)
1 INF1403 Introdução a Interação Humano-Computador (IHC) Turma 3WA Professora: Clarisse Sieckenius de Souza Modelagem de Tarefas 24/05/2010 Exemplo de Cenário de Design Da aula passada 2 Hoje é folga do
Design de IHC - Organização do Espaço de Problema
1 Design de IHC - Organização do Espaço de Problema INF1403 Introdução a IHC Luciana Salgado 20/05/2013 Resultado da Atividade de Análise O designer adquire um entendimento de quem é o usuário, do que
INF1403 Projeto de IHC Modelos de Tarefa e Interação
1 INF1403 Projeto de IHC Modelos de Tarefa e Interação Turma 3WB Professoras: Clarisse Sieckenius de Souza e Juliana Jansen Ferreira 24/10/2011 Modelagem de tarefa - GOMS 2 Goal, Operators, Methods, Selection
Projeto de IHC. Aula 16 07/10/2013. INF1403 Introdução a IHC. Profa. Luciana Salgado
1 Projeto de IHC Aula 16 07/10/2013 2 Design de IHC O que é design de IHC? Também chamado de projeto de IHC. DESIGN Concepção (intelectual) da experiência do usuário Concretização desta concepção em uma
INF2706 O Modelo GOMS
1 INF2706 O Modelo GOMS Professora Clarisse Sieckenius de Souza 29/03/2012 2 GOMS: Goals, Operators, Methods, Selection Rules Origens: Modelo de processamento de informação humano (Human Information Processing)
Testes de Usabilidade (1/2)
1 INF1403 Avaliação Heurística e Testes de Usabilidade (1/2) Professora Clarisse Sieckenius de Souza 21/09/2011 2 Recordação (1) Envolver usuários Observá-los Entrevistá-los Não envolver usuários Advogar
Interação Humano-Computador
Interação Humano-Computador Aula 8-01/04/2016 Marcelle Mota http://mpmota.ufpa.br/ihc-en05178/ Contato: [email protected] 2 Agenda O que é design? Perspectivas de design Processos de design de IHC Ciclo de
Método de prototipação em papel Comparativo dos métodos de avaliação
Interface Homem/Máquina Aula 25 Professor Leandro Augusto Frata Fernandes [email protected] Material disponível em http://www.ic.uff.br/~laffernandes/teaching/2011.1/tcc-00.184 Roteiro da Aula de
Introdução a IHC: Apresentação da Disciplina
1 Introdução a IHC: Apresentação da Disciplina Aula 01 04/03/2013 2 Objetivos da Aula Apresentação da Professora dos Alunos da Disciplina do Programa 3 A Professora Mestre e Doutora em Informática pela
A Teoria da Ação A. (Norman, 1986) INF1403 Introdução a IHC Aula 8 01/04/2013. Profa. Clarisse S. de Souza
1 Avaliação Heurística (Recapitulação) A Teoria da Ação A (Norman, 1986) Aula 8 01/04/2013 2 Avaliação Heurística: Paradigma x Técnica Rápido e Rasteiro Testes de Usabilidade Estudos de Campo Avaliação
Professor Leandro Augusto Frata Fernandes
Interface Homem/Máquina Aula 9 Professor Leandro Augusto Frata Fernandes [email protected] Material disponível em http://www.ic.uff.br/~laffernandes/teaching/2011.2/tcc-00.184 Modelo Simples de Design
Exercicios para Prova Introdução a IHC: INF1403
Exercicios para Prova Introdução a IHC: INF1403 Professora Clarisse 1: Conceitos Gerais Para cada afirmativa abaixo, indique se ela é verdadeira ou falsa. Caso seja falsa, justifique sua resposta com um
Ergonomia e Usabilidade
Ergonomia e Usabilidade Conhecimentos, Métodos e Aplicações 2 a edição Walter Cybis Adriana Holtz Betiol Richard Faust Novatec Sumário Sobre os autores...13 Introdução...14 Interface com o usuário... 16
Avaliação de comunicabilidade
1 Avaliação de comunicabilidade INF1403 Introdução a IHC Aula 11 Marcelle Mota 10/04/2013 2 Avaliação Com quem? Inspeção SEM a participação dos usuários Especialistas em IHC percorrem os cenários como
Design de IHC Design da Comunicação Modelos de Interação
1 Design de IHC Design da Comunicação Modelos de Interação INF1403 Introdução a IHC Luciana Salgado Representações e Aspectos de IHC Representações e Aspectos de IHC Representações e Aspectos de IHC Representações
Avaliação de IHC. Aula 08 09/09/2013. INF1403 Introdução a IHC. Profa. Luciana Salgado
1 Avaliação de IHC Aula 08 09/09/2013 2 Roteiro da Aula Avaliação Baseada em Modelos Conceituais I - Engenharia Cognitiva (revisão) Exemplo Exercício 3 O Modelo de IHC segundo a Engenharia Cognitiva Concebido
Comunicabilidade 07-09/04/2014. O que é dito? Como é dito? INF1403 Introdução a IHC.
1 Comunicabilidade Metacomunicação: O que é? Quem fala com quem? O que é dito? Como é dito? 07-09/04/2014 www.inf.puc-rio.br/~inf1403 2 Roteiro da Aula Discussão da atividade de auto aprendizado da aula
INTRODUÇÃO: INTERAÇÃO HUMANO- COMPUTADOR. Aula 2
INTRODUÇÃO: INTERAÇÃO HUMANO- COMPUTADOR Aula 2 TECNOLOGIA EM ANÁLISE E DESENVOLVIMENTO DE SISTEMAS PROJETO DE INTERFACE COM O USUÁRIO Marcelo Henrique dos Santos Marcelo Henrique dos Santos Mestrado em
Modelagem de Tarefas e Interação
1 Modelagem de Tarefas e Interação Aula 21 21/05/2014 2 Referência para a aula Modelagem de Tarefas Barbosa e da Silva, 2010 pp. 225-229 Modelagem de Interação Barbosa e da Silva, 2010 pp. 229-243 3 Modelagem
Avaliação Heurística e Testes de Usabilidade
1 Avaliação Heurística e Testes de Usabilidade Aula 12 18/04/2012 2 Paradigmas e Técnicas T de Avaliação: RESUMO Rápido e Rasteiro Testes de Usabilidade Estudos de Campo Avaliação Preditiva Observação
Uma Introdução à Engenharia Semiótica: Conceitos e Métodos Slides Selecionados e adaptados para aula de INF2706
1 Uma Introdução à Engenharia Semiótica: Conceitos e Métodos Slides Selecionados e adaptados para aula de INF2706 Carla Faria Leitão (PUC-Rio) Milene Selbach Silveira (PUCRS) Clarisse Sieckenius de Souza
Avaliação de comunicabilidade
1 Avaliação de comunicabilidade INF1403 Introdução a IHC Aula 14 João Dutra Bastos 28/04/2014 2 Avaliação Com quem? Inspeção Métodos de Inspeção de IHC são normalmente aplicados sem participação de usuários
ENGENHARIA DE USABILIDADE. Aula 08 - Técnicas para avaliação de interfaces
Aula 08 - Técnicas para avaliação de interfaces Na aula anterior... Técnicas para modelagem de requisitos The Bridge 1: Expressar os requisitos dos usuários como fluxos de tarefas. 2: Mapear os fluxos
Interação Humano-Computador
Interação Humano-Computador Avaliação Preditiva Danielle Freitas 2015.1 http://docente.ifrn.edu.br/daniellefreitas Agenda Tipos de avaliação Modelos preditivos GOMS KLM Características e vantagens Avaliação
Processo de UI/UX CI&T: como projetar a experiência do consumidor? Cléo Cardinale ux designer CI&T
Processo de UI/UX CI&T: como projetar a experiência do consumidor? Cléo Cardinale ux designer CI&T INSPIRAÇÕES Design Centrado no Usuário Design Thinking Metodologia Ágil Mindset Lean fundamento em pesquisa
AVALIAÇÃO DE INTERFACES
Conceitos do Livro: Interação Humano - Computador Simone D. J. Barbosa/Bruno Santana da Silva Orienta o avaliador: Introdução Fazer julgamento sobre a qualidade de uso Identificar problemas do usuário
Modelagem de Tarefas
Introdução à Interação Humano-Computador Modelagem de Tarefas Professora: Raquel Oliveira Prates http://www.dcc.ufmg.br/~rprates/ihc Aula 14: 06/11 1 Modelagem de Tarefas Objetivo Definir o plano de ações
Avaliação de IHC. Aula 07 25/03/2013. INF1403 Introdução a IHC. Profa. Luciana Salgado
1 Avaliação de IHC Aula 07 25/03/2013 2 Roteiro da Aula Framework DECIDE Paradigmas e técnicas para avaliação de IHC Avaliação Baseada em Modelos Conceituais I - Engenharia Cognitiva 3 O framework DECIDE
Avaliação de IHC Métodos de INSPEÇÃO A Avaliação Heurística
1 Avaliação de IHC Métodos de INSPEÇÃO A Avaliação Heurística Aula 08 04/09/2013 2 Avaliação Heurística: Paradigma x Técnica Rápido e Rasteiro Testes de Usabilidade Estudos de Campo Avaliação Preditiva
3 a edição. Walter Cybis Adriana Holtz Betiol Richard Faust. Novatec
3 a edição Walter Cybis Adriana Holtz Betiol Richard Faust Novatec Copyright 2007, 2010, 2015 da Novatec Editora Ltda. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998. É proibida
Faculdade de Tecnologia SENAC Pelotas Interface Homem Computador 3º Semestre
Faculdade de Tecnologia SENAC Pelotas Interface Homem Computador 3º Semestre Material 5 Metodologias de Desenvolvimento de Interfaces Prof. Luthiano Venecian Introdução o Como conceber e implementar a
Interação Humano-Computador Avaliação em IHC: Hierarquia de Metas e Testes com Usuários
Interação Humano-Computador Avaliação em IHC: Hierarquia de Metas e Testes com Usuários www.inf.puc-rio.br/~inf1403 Análise de Tarefas Usada para se ter um entendimento sobre qual é o trabalho dos usuários,
Modelo de Interação (revisão) Design de IHC Da interação para o Design da Interface
1 Modelo de Interação (revisão) Design de IHC Da interação para o Design da Interface INF1403 Introdução a IHC Luciana Salgado Representações e Aspectos de IHC Representações e Aspectos de IHC Representações
INF1403 Percurso Cognitivo (Cognitive Walkthrough)
1 INF1403 Percurso Cognitivo (Cognitive Walkthrough) Professora Clarisse Sieckenius de Souza 13/04/2011 2 O que é o PERCURSO COGNITIVO Um método de inspeção Realizado por especialistas, sem a participação
Avalia a qualidade da comunicação da metamensagem do designer para os usuários
Interface Homem/Máquina Aula 24 Professor Leandro Augusto Frata Fernandes [email protected] Material disponível em http://www.ic.uff.br/~laffernandes/teaching/2011.1/tcc-00.184 Avaliação de Comunicabilidade
INF1303 Introdução a Interação Humano-Computador Prova 1 - Parte 1 - Turma: 3VA 17-19h Professora: Maria Lúcia Seixas Data: 27/03/2007.
Departamento de Informática INF1303 Introdução a Interação Humano-Computador Prova 1 - Parte 1 - Turma: 3VA 17-19h Professora: Maria Lúcia Seixas Data: 27/03/2007 Aluno: Matrícula: Questão 1 - Engenharia
Engenharia Cognitiva; Golfos de Execução e Avaliação; Distâncias Semânticas e Articulatórias
1 Engenharia Cognitiva; Golfos de Execução e Avaliação; Distâncias Semânticas e Articulatórias Aula 9 03/04/2013 2 O modelo de IHC segundo a Engenharia Cognitiva Descreve o que é IHC Ações Mentais Ações
Prova 1 de INF1403 Introdução a IHC
Prova 1 de INF1403 Introdução a IHC Aluno(a): Matrícula: Email: Atenção: Durante a prova não é permitido o uso de qualquer aparelho eletrônico (por exemplo: telefone celular, ipod ou MP3 Player, Palmtop,
Introdução a Métodos de Avaliação de IHC
Interface Homem/Máquina Aula 20 Professor Leandro Augusto Frata Fernandes [email protected] Material disponível em http://www.ic.uff.br/~laffernandes/teaching/2011.1/tcc-00.184 Roteiro da Aula de
INF1403 Introdução a Interação Humano-Computador (IHC) Turma 3WC
1 INF1403 Introdução a Interação Humano-Computador (IHC) Turma 3WC Professor: Alberto Barbosa Raposo ([email protected] Sala 417 RDC) Aula Inaugural 23/Fev/2011 2 Interação Humano-Computador??? De
Avaliação de IHC O framework DECIDE, paradigmas e técnicas
1 Avaliação de IHC O framework DECIDE, paradigmas e técnicas Aula 6 25/03/2013 2 Ciclo Estrela para o Design de Interação Proposto por Hix e Hartson (Developing user interfaces, 1993) Análise de Usuários
Design de IHC - Organização do Espaço de Problema. INF1403 Introdução a IHC
1 Design de IHC - Organização do Espaço de Problema INF1403 Introdução a IHC Resultado da Atividade de Análise O designer adquire um entendimento de quem é o usuário, do que ele precisa fazer, de quais
Desenvolvimento WEB1 Aula 04 Profa Wanessa Machado do Amaral
Desenvolvimento WEB1 Aula 04 Profa Wanessa Machado do Amaral wireframe Um wireframe de site web ou website wireframe é um protótipo usado em design de interface para sugerir a estrutura de um sítio web
Design de IHC. Capítulo 7. Barbosa e Silva Adaptado por Luciana Mara e Thiago Vilela
A Design de IHC Capítulo 7 Adaptado por Luciana Mara e Thiago Vilela Introdução Os modelos e as representações do Capítulo 6, permitem descrever quem usa ou utilizará o sistema (através de perfis de usuários
INF1403 Percurso Cognitivo (Cognitive Walkthrough)
1 INF1403 Percurso Cognitivo (Cognitive Walkthrough) Aula 11 08/04/2013 2 O que é o PERCURSO COGNITIVO Um método de inspeção Realizado por especialistas, sem a participação de usuários. Principal objetivo
Avaliação de IHC Métodos de INSPEÇÃO A Avaliação Heurística
1 Avaliação de IHC Métodos de INSPEÇÃO A Avaliação Heurística Aula 08 01/04/2013 2 Roteiro da Aula Avaliação por Inspeção Heurísticas A Avaliação Heurística 3 Avaliação por INSPEÇÃO Rápido e Rasteiro Testes
MoLIC modelagem da interação
serg semiotic engineering research group MoLIC modelagem da interação Paula 2003, Barbosa & Paula 2003, Silva 2005, Barbosa & Silva 2007 Interação na EngSem metáfora de interação como conversa discurso
Perfil de Usuário. Descrição detalhada das características dos usuários, sua relação com tecnologia, seu conhecimento sobre domínio e tarefas.
Design de IHC Perfil de Usuário Descrição detalhada das características dos usuários, sua relação com tecnologia, seu conhecimento sobre domínio e tarefas. Podemos agrupar usuários que possuem características
Engenharia de Usabilidade
Universidade Federal do Vale do São Francisco -UNIVASF Colegiado de Engenharia de Computação Engenharia de Usabilidade Prof. Jorge Cavalcanti [email protected] www.twitter.com/jorgecav Interação
Engenharia Semiótica: Uma Alternativa Teórica para Explicar e Fundamentar a Inserção de IHC na Ciência da Computação. Clarisse Sieckenius de Souza
Engenharia Semiótica: Uma Alternativa Teórica para Explicar e Fundamentar a Inserção de IHC na Ciência da Computação Clarisse Sieckenius de Souza Departamento de Informática, PUC Rio [email protected] rio.br
I F1 F 403 In I t n rod o u d ç u ão o a I n I t n eração Hum u ano n -Com o pu p t u ado d r o ( IH I C) Turm r a m 3W 3 B
1 INF1403 Introdução a Interação Humano-Computador (IHC) Turma 3WB Professor: Alberto Barbosa Raposo Engenharia Semiótica Há mais H em IHC do que o H dos usuários Duas teorias de IHC Engenharia Cognitiva
MoLIC modelagem da interação
serg semiotic engineering research group MoLIC modelagem da interação Paula 2003, Barbosa & Paula 2003, Silva 2005, Barbosa & Silva 2007 Interação na EngSem metáfora de interação como conversa discurso
Modelo Espiral. Criação do(s) protótipos(s) Formulação de questões. Teste Avaliação Conclusão
Prototipagem Modelo Cascata Modelo Espiral Modelo Espiral Formulação de questões Criação do(s) protótipos(s) Teste Avaliação Conclusão O que é um protótipo? Modelo em escala menor, por exemplo, um prédio
PROJETO DE INTERFACES. Projeto de Programas PPR0001
1 PROJETO DE INTERFACES Projeto de Programas PPR0001 2 Introdução A interface de uma aplicação computacional envolve os aspectos de um sistema com o qual mantemos contato A área da computação que estuda
CI751 Interação Humano-Computador
CI751 Interação Humano-Computador Interação Humano-Computador (IHC) Avaliação: usabilidade, acessibilidade... Roberto Pereira [email protected] Artigo Revisão de Literatura 1. Ver descrição do trabalho
INF1403 Introdução a Interação Humano-Computador (IHC)
1 INF1403 Introdução a Interação Humano-Computador (IHC) Turma 3WA Professor: Alberto Raposo Análise e Modelagem de Tarefas 26/10/2011 Análise de Tarefas Usada para se ter um entendimento sobre qual é
