Slides baseados no livro: DESIGN DE INTERAÇÃO Além da Interação Homem-Computador Jennifer Preece Yvonne Rogers Helen Sharp DESIGN DE INTERAÇÃO Além da.

Slides baseados no livro:

DESIGN DE INTERAÇÃO

Além da Interação

Homem-Computador

Jennifer Preece

Yvonne Rogers

Helen Sharp

DESIG

N D

E INTERAÇÃO

Além

da Interação Hom

em-Com

putador

Jennifer Preece / Yvonne Rogers / Helen Sharp

Identificando Necessidades e Identificando Necessidades e Estabelecendo RequisitosEstabelecendo Requisitos

O quê, como e por que? O que são Requisitos? Coleta de Dados Interpretação de dados e análise Descrição de tarefas Análise de Tarefas

DESIG

N D

E INTERAÇÃO

Além

da Interação Hom

em-Com

putador



O quê, como e por que?

◦ O que estamos tentando alcançar com a atividade de Design?

1. Identificação de necessidades;2. Produzir requisitos.D

ESIGN

DE IN

TERAÇÃO

Além da Interação H

omem

-Computador



◦ Como podemos conseguir isso? Início da Atividade: estabelecer requisitos Meio da Atividade: coleta de dados,

interpretação.

Identificar necessidades e estabelecer requisitos são por si só uma atividade interativa em que as subatividades informam e refinam umas às outras.

DESIG

N D

E INTERAÇÃO

Além

da Interação Hom

em-Com

putador



◦ Por que se incomodar? A importância de fazer as coisas certas.

Entender o que o produto em desenvolvimento deveria realizar e assegurar que ofereça suporte às necessidades dos stakeholders são atividades muito importantes no desenvolvimento de qualquer produto.

DESIG

N D

E INTERAÇÃO

Além

da Interação Hom

em-Com

putador



◦ Por que estabelecer requisitos?

O termo “análise de requisitos” é normalmente utilizado para descrever a atividade de investigação e análise de um conjunto inicial de requisitos que foram coletados, elicitados e capturados.

DESIG

N D

E INTERAÇÃO

Além

da Interação Hom

em-Com

putador



◦ Por que estabelecer requisitos?

Escolhe-se o termo estabelecimento de requisitos a fim de representar o fato que os requisitos surgem as atividades de interpretação e coleta de dados e que foram estabelecidos a partir de um entendimento saudável acerca das necessidades dos usuários. Isso também implica que os requisitos podem ser justificados por e relacionados ao dados coletados.

DESIG

N D

E INTERAÇÃO

Além

da Interação Hom

em-Com

putador



O que são Requisitos?

Um requesito consiste em uma declaração sobre um produto pretendido que especifica o que ele deveria fazer oucomo deveria operar.

DESIG

N D

E INTERAÇÃO

Além

da Interação Hom

em-Com

putador




Um dos objetivos da atividade de estabelecimento de requisitos é torná-los o mais específicos, não-ambíguos e claros possível.D

ESIGN

DE IN

TERAÇÃO


omem

-Computador



O que são Requisitos? ◦Diferentes tipos de requisitos:

Requisitos Funcionais: Dizem o que o sistema deveria fazer

Requisitos Não-funcionais:Indicam quais são as limitações no sistema e em seu desenvolvimento.

DESIG

N D

E INTERAÇÃO

Além

da Interação Hom

em-Com

putador




O Design de interação exige que entendamos a funcionalidade exigida e as restrições sob as quais o produto deve operar ou ser devenvolvido.D

ESIGN

DE IN

TERAÇÃO


omem

-Computador




Lista de Requisitos que devemos prestar atenção:

Requisitos FuncionaisCaptam o que o produto deve fazer

DESIG

N D

E INTERAÇÃO

Além

da Interação Hom

em-Com

putador




Requisitos de DadosCaptam o tipo, volatidade, tamanho/quantidade, persistência, precisão e valor das quantidades de dados exigidos.

Requisitos ambientais ou contexto de usoReferem-se à circustância em que se espera que o produto interativo opere:

DESIG

N D

E INTERAÇÃO

Além

da Interação Hom

em-Com

putador




Ambiente Físico: Quanto ao Barulho, luz e poeira há no possível ambiente operacional.

Ambiente Social:Aspectos Sociais como colaboração e coordenação.

Ambiente Organizacional:Infra-estrutura.

Ambiente Técnico:Tecnologias que o produto utilizará, compatibilidade e limitações tecnológicas.

DESIG

N D

E INTERAÇÃO

Além

da Interação Hom

em-Com

putador




Requisitos do usuárioCapturam as características do grupo de usuários pretendido.

Requisitos de usabilidadeCaptam as metas de usabilidade e as medidas associadas para um produto em particular.

DESIG

N D

E INTERAÇÃO

Além

da Interação Hom

em-Com

putador




Requisitos do usuárioCapturam as características do grupo de usuários pretendido.

Requisitos de usabilidadeCaptam as metas de usabilidade e as medidas associadas para um produto em particular.

DESIG

N D

E INTERAÇÃO

Além

da Interação Hom

em-Com

putador



Coleta de Dados

O propósito da coleta de Dados é reunir informações suficientes, relevantes e apropriadas, de forma que um conjunto de requisitos estável possa sr produzido.D

ESIGN

DE IN

TERAÇÃO


omem

-Computador


DESIG

N D

E INTERAÇÃO

Além

da Interação Hom

em-Com

putador


Técnica Boa Para Tipo de Dados Vantagens Desvantagens

Questionários Responder a questões específicas

Dados Qualitativos e Quantitativos

Pode atingir várias pessoas com poucos

recursos

O design crucial. O índice de resposta pode ser baixo. As

respostas podem não ser o que você deseja.

Entrevistas Explorar QuestõesAlguns Dados

quantitativos, mas mais qualitativos

O entrevistador pode guiar o entrevistado

se necessário. Encoraja o contato

entre desenvolvedores e

usuários

Requer tempo. Ambientes artificiais podem intimidar o

entrevistado

Grupos de foco e Workshops

Coletar vários pontos de vista

Alguns dados quantitativos, mas mais qualitativos

Ressalta áreas de consenso e conflito. Encojara o contato

entre desenvolvedores e

usuários

Possibilidade de dominarem certos

tipos de personalidade

Observação NaturalEntender o contexto

da atividade do usuário

Qualitativo

Observar o trabalho real oferece

percepções que outras técnicas não podem

oferecer

Requer muito tempo. Grandes quantidades

de dados

Estudo de documentação

Aprender sobre procedimentos,

regulamentações e padrões

Quantitativo Não compromete o tempo dos usuários

Trabalho diário será diferente dos

procedimentos documentados

DESIG

N D

E INTERAÇÃO

Além

da Interação Hom

em-Com

putador


Design, Prototipação e ConstruçãoDesign, Prototipação e Construção


Prototipação de construção Design conceitual Design Físico

DESIG

N D

E INTERAÇÃO

Além

da Interação Hom

em-Com

putador



Prototipação de construção◦ O que é um protótipo?

Um protótipo pode ser qualquer coisa desde um Storyboard de papel a uma parte complexa de um software e de uma maquete de cartolina aum pedaço de metal moldado e prensado. Ele possibilita que os Stakeholders interajam com um produto imaginado visando a adquirir alguma experiência de com utilizá-lo em um ambiente real e a explorar os usos para ele imaginados.

DESIG

N D

E INTERAÇÃO

Além

da Interação Hom

em-Com

putador



Por exemplo, quando a idéia do PalmPilot estava sendo desenvolvida, Jeff Hawking (fundador da empresa) esculpiu em um pedaço de madeira um protótipo do aparelho com a forma e o tamanho que imaginava. Costumava carregá-lo par atodos o lugar onde ia e simulava inserir informações nele, só para experimentar como seria um protótipo bastante simples que no entanto, serviu para simular cenários de uso.

DESIG

N D

E INTERAÇÃO

Além

da Interação Hom

em-Com

putador



◦ Por que fazer protótipo?São dispositivos que facilitam a comunicação entre membros das equipes e que consistem em uma maneira eficaz de testar ideias para você mesmo.

A atividade de construir protótipos encoraja a reflexão sobre do Design, conforme descrito por Schön(1983) E reconhecido por designers de muitas disciplinas como um aspecto importante do processo de design. Liddle (1996), ao falar sobre o design de softwares, recomenda que a prototipação sempre anteceda qualquer escrita de código.

DESIG

N D

E INTERAÇÃO

Além

da Interação Hom

em-Com

putador



◦ Vídeos:

DESIG

N D

E INTERAÇÃO

Além

da Interação Hom

em-Com

putador



◦ Vídeos:

DESIG

N D

E INTERAÇÃO

Além

da Interação Hom

em-Com

putador



◦ Prototipação de baixa fidelidade

É aquele que não se assemelha muito ao produto final: ele utiliza, por exemplo, materiais muito diferentes da versão pretendida, como papel e cartolina, em vez de eletrônicas e metal.

DESIG

N D

E INTERAÇÃO

Além

da Interação Hom

em-Com

putador



◦ Prototipação de baixa fidelidade

São úteis porque tendem a ser mais simples, baratos e de rápida produção. Isso também significa que podem ser rapidamente modificados, oferecendo, portanto, suporte à exploração de designs e idéias alternativas.

Ex. Storyboard.

DESIG

N D

E INTERAÇÃO

Além

da Interação Hom

em-Com

putador



◦ Prototipação de alta fidelidade

Utiliza materiais que você espera quer estejam no produto final e realiza um protótipo que se parece muito mais com algo acabado.

Por exemplo, o protótipo de um software desenvolvido no Visual Basic apresenta maior fidelidade do que o de uma maquete em papel; pedaço moldado de plástico com um teclado simulado é um protótipo do PalmPilot com maior fidelidade do que o pedaço de madeira.

DESIG

N D

E INTERAÇÃO

Além

da Interação Hom

em-Com

putador



DESIG

N D

E INTERAÇÃO

Além

da Interação Hom

em-Com

putador


Tipo Vantagens DesvantagensProtótipo de Baixa-Fidelidade

Custo mais baixo de desenvolvimento;

Avalia múltiplos conceitos de design;

Instrumento de comunicação útil;

Aborda questões de layout de tela;

Útil para identificação de requisitos de mercado.

Proof-of-concept (demonstrações de que o conceito funciona).

Verificação limitada de erros;

Especificação pobre em detalhe para codificação.

“Uso” conduzido pelo facilitador;

Utilidade limitada após estabelecimento dos requisitos;

Utilidade limitada para testes de usabilidade;

Limitações de fluxo e navegação.


DESIG

N D

E INTERAÇÃO

Além

da Interação Hom

em-Com

putador


Tipo Vantagens DesvantagensProtótipode Alta-Fidelidade

Funcionalidade completa;

Totalmente interativo;

Uso conduzido pelo usuário;

Define claramente o esquema de navegação;

Uso para exploração e teste;

Mesmo Look and Feel do produto final;

Serve como uma especificação viva;

Ferramenta de venda e marketing;

Desenvolvimento mais caro;

Sua criação demanda tempo;

Ineficiente para designs proof-of-concept (demonstrações de que o conceito funciona);

Não serve para coleta de requisitos.


Prototipação de construção Design conceitual

DESIG

N D

E INTERAÇÃO

Além

da Interação Hom

em-Com

putador



Design conceitual◦ Preocupa-se com transformar os requisitos e as necessidades do usuário em mom modelo conceitual.

◦Modelo ConceitualDefine-se como uma descrição do sistema proposto – no que diz respeito a um conjunto de idéias integradas e de conceitos sobre o que ele deveria fazer, como se comportar e com o que se parecer – que seria compreensível pelos usuários da maneira pretendida.

DESIG

N D

E INTERAÇÃO

Além

da Interação Hom

em-Com

putador



As idéias apra um modelo conceitual podem emergir durante a coleta de dados, no entanto, deve-se separar os requisitos reais das idéias para soluções.

DESIG

N D

E INTERAÇÃO

Além

da Interação Hom

em-Com

putador



Os princípios chaves norteadores do design conceitual são os seguintes:

Manter a mente aberta, mas nunca esquecer os usuários e seu conceito.Discutir idéias com outros Stakeholders o máximo possível.Utilizar prototipação de baixa-fidelidade para obter o rápido feedback.Iterar, iterar e iterar. Lembre da primeira lei de Fudd sobre a criatividade: “para ter uma boa idéia, tenha muitas idéias” (Rettig, 1994)

DESIG

N D

E INTERAÇÃO

Além

da Interação Hom

em-Com

putador



LEMBRETE:Stakeholder (em português, parte interessada ou interveniente), é um termo usado em administração que refere-se a qualquer pessoa ou entidade que afeta ou é afetada pelas atividades de uma empresa. Fonte: Wikipedia.

DESIG

N D

E INTERAÇÃO

Além

da Interação Hom

em-Com

putador



LEMBRETE:Stakeholder (em português, parte interessada ou interveniente), é um termo usado em administração que refere-se a qualquer pessoa ou entidade que afeta ou é afetada pelas atividades de uma empresa. Fonte: Wikipedia.

DESIG

N D

E INTERAÇÃO

Além

da Interação Hom

em-Com

putador



Prototipação de construção Design conceitual Design Físico

DESIG

N D

E INTERAÇÃO

Além

da Interação Hom

em-Com

putador



Design Físico◦ Envolve em considerar questões concretas e detalhadas acerca do projeto de uma interface, como design de tela ou do teclado, quais ícones utilizar, como estruturar os menus, etc.D

ESIGN

DE IN

TERAÇÃO


omem

-Computador



◦ Não há fronteira rígida entre design conceitual e design físico. ◦Produzir protótipo significa inevitavelmente ter que tomar algumas decisões que envovlem detalhes, ainda que constituam uma tentativa.

◦O design diz respeito a fazer escolhas e decisões, e o designer deve se esforçar para contrabalançar requisitos ambientais, do usuário, de dados e de usabilidade com requisitos funcionais.

DESIG

N D

E INTERAÇÃO

Além

da Interação Hom

em-Com

putador


Design, Prototipação e ConstruçãoDesign, Prototipação e Construção◦ RECOMENDAÇÕES ( GUIDELINES) para Design Físico:

1. Esforce-se pela consistência;2. Possibilite que usuários frequentes utilizem

atalhos;3. Ofereça Feedback informativo;4. Projete diálogos para encerar as ações;5. Ofereça prevenção contra erros e manuseio fácil

dos mesmos;6. Permita uma reversão fácil das ações;7. Forneça suporta para um local interno de

controle;8. Reduza a cara de memória a curto prazo.

DESIG

N D

E INTERAÇÃO

Além

da Interação Hom

em-Com

putador


Design, Prototipação e ConstruçãoDesign, Prototipação e Construção◦ Tipos diferentes de Widgets

◦Um widget é um componente de uma interface gráfica do usuário (GUI), o que inclui janelas, botões, menus, ícones, barras de rolagem, etc.

DESIG

N D

E INTERAÇÃO

Além

da Interação Hom

em-Com

putador



DESIG

N D

E INTERAÇÃO

Além

da Interação Hom

em-Com

putador


Design, Prototipação e ConstruçãoDesign, Prototipação e Construção◦ Tipos diferentes de Widgets

◦Outro emprego do termo são os widgets da área de trabalho, pequenos aplicativos que flutuam pela área de trabalho e fornecem funcionalidade específicas ao utilizador (previsão do tempo, cotação de moedas, relógio, ...)D

ESIGN

DE IN

TERAÇÃO


omem

-Computador



DESIG

N D

E INTERAÇÃO

Além

da Interação Hom

em-Com

putador


Design, Prototipação e ConstruçãoDesign, Prototipação e Construção◦ Alguns widgets tem por objetivo receber dados do usuário e com isso gerar algum tipo de registro, como os controles de formulário. Componentes como entrada de texto, caixa de seleção, menu de seleção, botões de múltipla escolha e outros são capazes de definir a natureza dos dados a serem coletados, e dessa forma enumerar todas as possibilidades de dados a serem apresentados pelo usuário. Entradas de texto melhor representam dados aleatórios, ao passo que menus de seleção e grupos de botões de múltipla escolha determinam um conjunto finito de possibilidades para o usuário.

DESIG

N D

E INTERAÇÃO

Além

da Interação Hom

em-Com

putador


Design, Prototipação e ConstruçãoDesign, Prototipação e Construção◦Afirma-se que o termo widget é uma derivação da junção de duas palavras inglesas, “window" e “gadget", porém isto é improvável. A primeira ocorrência desta foi encontrada em Beggar on Horseback (1924), uma peça escrita por George S. Kaufman e Marc Connelly. A peça se refere à protagonista que vivencia a dúvida entre ser um artista, com pouco ou nenhum retorno financeiro ou trabalhar em uma linha de produção de widgets, em que o autor se referencia claramente a objetos inanimados com um valor puramente mercantil e sem nenhuma ligação espiritual ou artística.

DESIG

N D

E INTERAÇÃO

Além

da Interação Hom

em-Com

putador



FIM

DESIG

N D

E INTERAÇÃO

Além

da Interação Hom

em-Com

putador


Slides baseados no livro: DESIGN DE INTERAÇÃO Além da Interação Homem-Computador Jennifer Preece Yvonne Rogers Helen Sharp DESIGN DE INTERAÇÃO Além da.

Documents