Interação Humano-Computador

Documentos relacionados
INTERAÇÃO HOMEM COMPUTADOR. Professora Marcia Pereira Sistemas de Informação

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

Design de Interação. Aula 01. Cap. 01 Design de Interação Jennifer Preece

Introdução a Ergonomia e Usabilidade

relembrando: cenário de problema

Análise e Modelos de tarefas. INF1403 Introdução à Interação Humano-Computador Prof. Alberto Raposo

serg O Processo de Design Requisitos semiotic engineering research group Informática PUC-Rio

Prova 1 de INF1403 Introdução a IHC

AVALIAÇÃO DE INTERFACES

Faculdade de Tecnologia SENAC Pelotas Interface Homem Computador 3º Semestre

Guia de Consulta Rápida

Interface Homem Computador (IHC)

COMO PESQUISAR O ACERVO NO BANCO DE DADOS DA BIBLIOTECA

Manual do uconnect Versão 0.9.9

Análise de Requisitos

Ferramentas Sala de Aula

Humano-Computador (IHC)

Ergonomia e Usabilidade

Barber Show App. Manual da Barbearia v

WHATSAPP COMO FERRAMENTA DE VENDAS. 08 a 11 de outubro de a 12 de novembro de 2016

Interação Humano-Computador

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

Análise de Tarefas I. Capítulo 3. HCI, Cap. 15, Alan Dix. Task-Centered UI Design, Cap. 1-2 C. Lewis and J. Rieman

José Alexandre Ducatti. introdução Usabilidade

Motivado pela preferência em aprender fazendo

Sistema de Atendimento a Chamados e Suporte

Como acessar. No site da Biblioteca, na parte inferior clique no logo da Biblioteca Virtual

Serviço Público Federal Universidade Federal do Pará - UFPA Centro de Tecnologia da Informação e Comunicação - CTIC S I E

Para: Professores. App. Manual

INTERFACE HOMEM- MÁQUINA ENGENHARIA DE USABILIDADE

Objetivo do Curso. Introdução à Interação Humano-Computador. Professora: Raquel Oliveira Prates

MANUAL. Localizador: Página: MN 016 SGI-INFRA- . Informação)

Conceitos Básicos. Aula 04 13/03/2013. INF1403 Introdução a IHC. Profa. Luciana Salgado

MANUAL. Localizador: SGI-INFRA-

DECIDE - Guia para o planejamento de uma avaliação

SOCIEDADE PARANAENSE DE ENSINO E TECNOLOGIA SPET PROGRAMA DE EVOLUÇÃO CONTÍNUA DE QUALIDADE. ES 60 DISCIPLINA: Engenharia de Software II

Manual de Acesso básico

Projeto de Interface Homem- Máquina

COZINHA & SABOR. Manual

ENGENHARIA DE USABILIDADE

INF1403 Percurso Cognitivo (Cognitive Walkthrough)

ferramenta de busca integrada

Serviço Público Federal Universidade Federal do Pará - UFPA Centro de Tecnologia da Informação e Comunicação - CTIC S I E

Aula 7 - Análise de Requisitos: descrição de casos de uso. Análise de Sistemas Prof. Filipe Arantes Fernandes

Tutorial. Circulação de materiais

Diagrama de Casos de Uso

Engenharia de Software Aula 2.1 Introdução à Engenharia de Requisitos. Prof. Bruno Moreno

II PERCEBER OS UTILIZADORES E AS TAREFAS

1- Digite o irá abrir o administrador da loja que pedirá o seu usuário e a senha:

Guia do Usuário. Portal Web: Foxwin-Acesso. Assunto: Guia do Usuário Portal Web. Produto: Foxwin-Acesso. Versão Doc.: 1.0

Interface Humano- Computador (IHC) Prof. Dr. Ronaldo Barbosa

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

A FORTES PREPARA VOCÊ PARA O MERCADO DE TRABALHO

Compreensão. Primeira Fase. INTERAD: uma Metodologia para Desenvolvimento de Interface para Materiais Educacionais Digitais

Interação Humano-Computador Introdução PROFESSORA CINTIA CAETANO

MANUAL TERMINAL DE CIRCULAÇÃO (BILIOTECA) Este tutorial irá servir como base para o uso do Terminal de Circulação.

MANUAL DO SISTEMA I-ENGINE 1

Interação Humano-Computador

Manual do Usuário Vivo Sync. Manual do Usuário PORTAL WEB. Versão Copyright Vivo

Os s estão com os dias contados

Dipes Diretoria Gestão de Pessoas UniBB - Universidade Corporativa Banco do Brasil. Guia do Usuário

MANUAL DO SOFTWARE CIDADÃO ELEITOR. Versão 1.2

Especificações de Casos de Uso e Regras de Negócio

Humano-Computador (IHC)

Projeto Integrador. <Projeto Integrador> Documento Visão. Versão <1.0>

ANÁLISE E DESENVOLVIMENTO DE SISTEMAS TURMA º PERÍODO - 7º MÓDULO AVALIAÇÃO A1 DATA 10/09/2009 ENGENHARIA DE USABILIDADE

A FORTES PREPARA VOCÊ PARA O MERCADO DE TRABALHO

Principais Problemas em Sistemas de Ajuda

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

Ferramentas Sala de Aula


Métodos de Avaliação de IHC. Capítulo 10 Barbosa e Silva 2010

PRIMEIRO ACESSO. www. COMO REALIZAR O. Existem três maneiras de realizar o acesso: Pelo endereço da Biblioteca Virtual;

II Perceber os Utilizadores e as Tarefas. II.1 Análise de Tarefas I

APRESENTAÇÃO Tela da internet que permite a pesquisa ao Catálogo da Instituição. Acesse: Figura: Consulta Web

IHC Interação Humano-Computador. Silvério Sirotheau

SISTEMA OPERACIONAL WINDOWS PHONE

Passo a passo de como fazer uma tranferência do Brasil para a Argentina com TransferWise com a primeira transferência gratuita.

Como acessar. Pelo portal de sua instituição de ensino. Pelo endereço personalizado (URL) Existem duas maneiras distintas de acesso:

Guia de Instalação. Versão Fevereiro 2013

Departamento de Engenharia Industrial. ENG Sistemas de Informação Gerenciais Caso de Uso - Exercícios

Perspectiva do Produto

ESPECIFICAÇÕES DO ANÚNCIO. Banner padrão. Servido por terceiros. Criativo. Animação. Marcador de anúncio da DAA* Disponibilidade.

Descrição de Casos de Uso (Casos de Uso Textuais) SSC 124: Análise e Projeto Orientados a Objetos Profa. Dra. Elisa Yumi Nakagawa

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

O que é o Noticiadorweb?

Interação Humano-Computador Avaliação de Usabilidade (Avaliação Heurística) PROFESSORA CINTIA CAETANO

INTERFACE HUMANO- COMPUTADOR (IHC)

A rede social da sua empresa. Apresentação Geral

Assessoria Técnica de Tecnologia da Informação - ATTI. Projeto de Informatização da Secretaria Municipal de Saúde do Município de São Paulo

Manual de Acesso ao Ambiente Usuário: Aluno

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.

INTBAN. Guia de Instalação e configuração 23/08/2011

Gestão Unificada de Recursos Institucionais GURI

Boletim Técnico. Plano de Desenvolvimento Individual (PDI) Desenvolvimento/Procedimento. Produto : Totvs Gestão de Pessoas Versão 12.1.

Guia rápido: Dicas básicas do programa:

Programa de Parceria Universitária

Humano-Computador (IHC)

Transcrição:

Interação Humano-Computador Processo de design 2015.1 http://docente.ifrn.edu.br/daniellefreitas

Agenda Design Centrado no Usuário Metas do design Atividades de design Modelos de ciclo de vida Análise de tarefas

Design Centrado no Usuário Metodologia de design de software que ajuda a criar aplicativos que atendam as necessidades dos usuários Não é: Usabilidade Subjetivo - exige provas da eficiência Design

Design Centrado no Usuário Os usuários Deve-se identificá-los e entendê-los, devem fazer parte do processo Nem sempre sabem expressar o que querem Não compare o filme editado de alguém com seu vídeo dos bastidores Travis Lowdermilk

Design Centrado no Usuário Personas Forma de ampliar a narrativa Elemento determinado segundo a personalidade Persona definida para o aplicativo Paper para ipad

Metas do design de interação Metas de design Preencher critérios específicos de usabilidade Metas decorrentes das experiências com os usuários Explica a qualidade de experiência da usabilidade

Metas do design de interação Incentivador Divertido Metas do Design Eficiência Metas decorrentes da experiência do usuário Interessante Fácil de aprender e usar Usabilidade Seguro Motivador Compensador Eficaz Útil Agradável Proveitoso Fonte: Preece

Processo de Design 1. Identificar necessidades e estabelecer requisitos 2. Desenvolver designs alternativos que satisfação esses requisitos 3. Construir versões interativas dos designs 4. Avaliar o que está sendo construído durante o processo

Processo de design O que é necessário: Um plano estratégico que garante criação de aplicativos Em cada etapa uma equipe deve ser responsável e ter sua missão bem definida

Processo de design

Definindo o projeto Quem são os usuários? O que queremos dizer com necessidades? Como criar designs alternativos?

Restrições Muitos recursos sobrecarrega o aplicativo O Paper é o lar para as suas ideias

Modelos de ciclo de vida Início Autor: Preece. Design de Interação.

Modelos de ciclo de vida Início

Análise de tarefas Fornecer uma visão dos usuários das tarefas que eles precisam realizar (definição dos requisitos) O que estão tentando realizar? Como estão realizando? Por que análise de tarefas? Sistema que não faz o que é necessário é um fracasso

Análise de tarefas Fases Descobrir» Quem são os usuários» Que tarefas precisam desempenhar Observar práticas correntes Criar cenários de tarefas Experimentar ideias novas

Análise de tarefas 1. Quem vai utilizar o sistema? 2. Que tarefas executam atualmente? 3. Que tarefas são desejáveis? 4. Como se aprendem as tarefas? 5. Onde são desempenhadas as tarefas? 6. Qual a frequência de desempenho das tarefas? 7. Quais as restrições de tempo impostas? 8. O que acontece após um erro?

Análise de tarefas Técnicas Cenários Caso de uso Análise hierárquica de tarefas

Técnica de análise de tarefas Cenários Descrição narrativa da atividades ou tarefas humanas Podem descrever situações atuais(com ou sem sistema) e situações futuras Foco: O que? Como? Qual o objetivo?

Cenário Organizar reunião entre várias pessoas O usuário digita o nome de todos os participantes da reunião, juntamente com algumas restrições, tais como a duração da reunião, quando (vagamente) ela irá acontecer e possivelmente onde deverá ser realizada. O sistema procede então uma checagem, de acordo com os horários pessoais de cada um e com os do departamento central, e apresenta um série de datas em que todos estão livres. Daí a reunião poderá ser confirmada e marcada nas agendas pessoais. Algumas pessoas, porém, podem querer ser consultadas antes da reunião ser marcada. Talvez o sistema pudesse enviar uma mensagem automaticamente e perguntar se a data poderia ser confirmada antes de marcar definitivamente.

Técnica de análise de tarefas Casos de Uso Enfatiza mais na interação entre usuário e sistema do que na própria tarefa

Fluxo Principal 1. O usuário escolhe a opção de organizar uma reunião 2. O sistema solicita ao usuário os nomes dos participantes 3. O usuário digita uma lista de nomes 4. O sistema verifica se a lista é válida 5. O sistema solicita as restrições(local/ hora) 6. O usuário digita as restrições 7. O sistema exibe uma lista de datas possíveis 8. O usuário escolhe uma das datas 9. O sistema marca a reunião na agenda 10. O Sistema envia e-mail para todos os participantes da reunião Fluxo Alternativo 4. Se alista de pessoas é invalida, 4.1 O sistema apresenta um mensagem de erro. 4.2 O sistema retorna ao passo nº2 7. Se não forem encontra datas possíveis, 7.1 O sistema emite uma mensagem de advertência 7.2 O sistema retorna ao passo nº5

Técnica de análise de tarefas Análise hierárquica de tarefas HTA Consiste em quebrar as tarefas em sub-tarefas, e estas por sua vez em sub-sub-tarefas e assim por diante Os modelos podem ser descritos numa versão textual e numa versão gráfica

HTA Notação textual 0.Pegar livro emprestado em biblioteca 1. Ir para biblioteca 2. Procurar Livro 2.1 Acessar catálogo 2.2 Acessar tela de busca 2.3 Fornecer critério de busca 2.4 IdenIficar livro desejado 2.5 Anotar localização 3. Pegar livro na estante onde ele se encontra 4. Levar livro para funcionário

HTA Notação gráfica

Exercício: Análise de tarefas Simular o desenvolvimento de um sistema para comprar bilhetes de cinema por smartphone Crie um cenário para duas funcionalidades Enviar: danielle.freitas@ifrn.edu.br

Referências Professor Alessandro Livro: Design Centrado no usuário Travis Lowdermilk Livro: Design de Interação Além da Interação homem-computador Preece Clarisse Sieckenius de Souza, Jair Cavalcanti Leite, Raquel Oliveira Prates, Simone D.J. Barbosa. Projeto de Interfaces de Usuário Perspectivas Cognitivas e Semióticas. Guia de referência para qualidade da usabilidade de projetos de interfaces em processos de desenvolvimento de software. Armando Nazaré de Oliveira. 2012.