Design de IHC (1) + Projeto de Curso

Transcrição

1 1 Design de IHC (1) + Projeto de Curso Aula 15 06/05/2013

2 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 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 4 Mapa de Objetivos e Modelos de Tarefas

5 5 Modelos de Interação (exemplo de representação parcial) usuário sistema Abre cadastro OK Deixa ver quem está cadastrado OK Abre este registro aqui OK Atualiza estes dados Agora faz OK

6 6 Modelos de Interação (exemplo de representação parcial) OK Abre cadastro Deixa ver quem está cadastrado OK Epa! Este não. Pensando nos Erros de Sistema OK [a] Abre este registro aqui Não consigo abrir: faço [a] ou [b]? OK Atualiza estes dados Pensando nos Erros do Usuário Agora faz Agora faz OK

7 7 Wireframe (exemplo com o Balsamiq Mockups) Ver demo do projeto do SERG INF1403 em: Introdução a IHC

8 8 Ferramenta-exemplo para Sketches (Pencil )

9 9 Análise e Síntese; Domínio e Tecnologia 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)

10 10 Análise e Síntese; Domínio e Tecnologia 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)

11 11 Análise e Síntese; Domínio e Tecnologia Eixo de análise: + concreto, situado.. + abstrato 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)

12 12 Análise e Síntese; Domínio e Tecnologia Eixo de análise: + concreto, situado.. + abstrato Eixo de síntese: s + abstrato.. + concreto, situado Cenários de problema Cenários de interação Personas Signos de Conteúdo Signos de Expressão Mapa de Objetivos Modelo de Tarefas Modelo de Interação Wireframe Protótipos (funcionais ou não)

13 13 Engenharia Semiótica de nosso design de interação

14 14 Projeto de Curso Trabalho em Grupos de 3 (mínimo) ou 4 integrantes (máximo) Análise e ReDesign da Interface/Interação de um website a sua escolha.

15 15 Roteiro Geral do Trabalho 1. Escolher um website: Com problemas relevantes de interação; e Destinado a usuários dos quais vocês possam identificar e contactar com facilidade 2 ou 3 representantes dispostos a colaborarem com entrevistas e testes em pelo menos duas sessões de até 45 minutos. 2. Selecionar porção crítica e avaliar o website: Através de técnica(s) de inspeção ão; e Através de entrevista com 2 ou 3 usuários rios-colaboradores. 3. Conceitualizar o Re-Design: Re-modelar Tarefa(s); Re-modelar Interação; e Re-modelar Interface. 4. Elaborar e Avaliar Protótipo tipo: Construção da representação concreta do Re-Design; e Teste do protótipo tipo junto aos 2 ou 3 usuários-colaboradores.

16 16 (Re)Construção do Template de Metacomunicação

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

18 18 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

19 19 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

20 20 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.

21 21 Para dia 13/05/2013 Definição dos Grupos Quais os integrantes? Proposta de Website e Porção Crítica (objeto do projeto) Qual website? Por que foi escolhido? (Clip mostrando o(s) problema(s) relevante(s) acompanhado de uma descrição textual que explica o problema) Garantias de usuários-colaboradores para informar o grupo Formato da apresentação: Upload para endereço o de Dropbox a ser informado.