Design de IHC: Cenários de Projeto

Documentos relacionados
Design de IHC: Cenários de Projeto

Modelagem de Tarefas e Interação (1)

Interação Humano-Computador Projeto de Interface (Análise do Usuário e da Tarefa) PROFESSORA CINTIA CAETANO

Humano-Computador (IHC)

Design de IHC - Organização do Espaço de Problema

INF1403 Projeto de IHC Modelos de Tarefa e Interação

Projeto de IHC. Aula 16 07/10/2013. INF1403 Introdução a IHC. Profa. Luciana Salgado

INF2706 O Modelo GOMS

Testes de Usabilidade (1/2)

Interação Humano-Computador

Método de prototipação em papel Comparativo dos métodos de avaliação

Introdução a IHC: Apresentação da Disciplina

A Teoria da Ação A. (Norman, 1986) INF1403 Introdução a IHC Aula 8 01/04/2013. Profa. Clarisse S. de Souza

Professor Leandro Augusto Frata Fernandes

Exercicios para Prova Introdução a IHC: INF1403

Ergonomia e Usabilidade

Avaliação de comunicabilidade

Design de IHC Design da Comunicação Modelos de Interação

Avaliação de IHC. Aula 08 09/09/2013. INF1403 Introdução a IHC. Profa. Luciana Salgado

Comunicabilidade 07-09/04/2014. O que é dito? Como é dito? INF1403 Introdução a IHC.

INTRODUÇÃO: INTERAÇÃO HUMANO- COMPUTADOR. Aula 2

Modelagem de Tarefas e Interação

Avaliação Heurística e Testes de Usabilidade

Uma Introdução à Engenharia Semiótica: Conceitos e Métodos Slides Selecionados e adaptados para aula de INF2706

Avaliação de comunicabilidade

ENGENHARIA DE USABILIDADE. Aula 08 - Técnicas para avaliação de interfaces

Interação Humano-Computador

Processo de UI/UX CI&T: como projetar a experiência do consumidor? Cléo Cardinale ux designer CI&T

AVALIAÇÃO DE INTERFACES

Modelagem de Tarefas

Avaliação de IHC. Aula 07 25/03/2013. INF1403 Introdução a IHC. Profa. Luciana Salgado

Avaliação de IHC Métodos de INSPEÇÃO A Avaliação Heurística

3 a edição. Walter Cybis Adriana Holtz Betiol Richard Faust. Novatec

Faculdade de Tecnologia SENAC Pelotas Interface Homem Computador 3º Semestre

Interação Humano-Computador Avaliação em IHC: Hierarquia de Metas e Testes com Usuários

Modelo de Interação (revisão) Design de IHC Da interação para o Design da Interface

INF1403 Percurso Cognitivo (Cognitive Walkthrough)

Avalia a qualidade da comunicação da metamensagem do designer para os usuários

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.

Engenharia Cognitiva; Golfos de Execução e Avaliação; Distâncias Semânticas e Articulatórias

Prova 1 de INF1403 Introdução a IHC

Introdução a Métodos de Avaliação de IHC

INF1403 Introdução a Interação Humano-Computador (IHC) Turma 3WC

Avaliação de IHC O framework DECIDE, paradigmas e técnicas

Design de IHC - Organização do Espaço de Problema. INF1403 Introdução a IHC

Desenvolvimento WEB1 Aula 04 Profa Wanessa Machado do Amaral

Design de IHC. Capítulo 7. Barbosa e Silva Adaptado por Luciana Mara e Thiago Vilela

INF1403 Percurso Cognitivo (Cognitive Walkthrough)

Avaliação de IHC Métodos de INSPEÇÃO A Avaliação Heurística

MoLIC modelagem da interação

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.

Engenharia de Usabilidade

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

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

MoLIC modelagem da interação

Modelo Espiral. Criação do(s) protótipos(s) Formulação de questões. Teste Avaliação Conclusão

PROJETO DE INTERFACES. Projeto de Programas PPR0001

CI751 Interação Humano-Computador

INF1403 Introdução a Interação Humano-Computador (IHC)

Transcrição:

1 Design de IHC: Cenários de Projeto Aula 15 21/05/2012

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)

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

Da aula 14 4 Mapa de Objetivos e Modelos de Tarefas Já vimos uma introdução na aula de 21/03/2012

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

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

Da aula 14 7 Wireframe (exemplo com o Balsamiq Mockups) Ver demo do projeto do SERG INF1403 em: Introdução a IHC http://www2.serg.inf.puc-rio.br/docs/sgd-br/demo-exploratorium.pdf

Da aula 14 8 Ferramenta-exemplo exemplo para Sketches (Pencil ) http://pencil.evolus.vn/en-us/home.aspx

9 O circuito e a função dos cenários no projeto Decisão sobre o foco do trabalho Cenário V.0

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 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 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 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 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 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 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 2011-2: http://www.inf.puc-rio.br/~inf1403/docs/clarisse2011_2/aula19-profclarisse-juliana.pdf