processo de design de intera§£o orientado a m©tricas

Download Processo de Design de Intera§£o Orientado a M©tricas

Post on 07-Jan-2017

216 views

Category:

Documents

2 download

Embed Size (px)

TRANSCRIPT

  • Universidade de Braslia - UnBFaculdade UnB Gama - FGA

    Engenharia de Software

    Processo de Design de Interao Orientado aMtricas

    Autor: Jessica SuzukiOrientador: Professora Dra. Edna Dias Canedo

    Braslia, DF2016

  • Jessica Suzuki

    Processo de Design de Interao Orientado a Mtricas

    Monografia submetida ao curso de graduaoem (Engenharia de Software) da Universi-dade de Braslia, como requisito parcial paraobteno do Ttulo de Bacharel em (Enge-nharia de Software).

    Universidade de Braslia - UnB

    Faculdade UnB Gama - FGA

    Orientador: Professora Dra. Edna Dias Canedo

    Braslia, DF2016

  • Jessica SuzukiProcesso de Design de Interao Orientado a Mtricas/ Jessica Suzuki. Bra-

    slia, DF, 2016-64 p. : il. (algumas color.) ; 30 cm.

    Orientador: Professora Dra. Edna Dias Canedo

    Trabalho de Concluso de Curso Universidade de Braslia - UnBFaculdade UnB Gama - FGA , 2016.1. Processo de Design de Interao. 2. Interao Orientada a Mtrica. I.

    Professora Dra. Edna Dias Canedo. II. Universidade de Braslia. III. FaculdadeUnB Gama. IV. Processo de Design de Interao Orientado a Mtricas

    CDU 02:141:005.6

  • Jessica Suzuki

    Processo de Design de Interao Orientado a Mtricas

    Monografia submetida ao curso de graduaoem (Engenharia de Software) da Universi-dade de Braslia, como requisito parcial paraobteno do Ttulo de Bacharel em (Enge-nharia de Software).

    Trabalho aprovado. Braslia, DF, 05 de dezembro de 2016:

    Professora Dra. Edna Dias CanedoOrientador

    Titulao e Nome do ProfessorConvidado 01

    Convidado 1

    Titulao e Nome do ProfessorConvidado 02

    Convidado 2

    Braslia, DF2016

  • Agradecimentos

    Primeiramente eu gostaria de agradecer Deus, por ter me dado a oportunidadede estudar na UnB, foi ele quem me deu fora e sade para chegar at aqui. Depois dele,vem a pessoa mais importante na minha vida, que sempre apoiou os meus estudos e fez opossvel e impossvel para me ajudar, esta a minha me Sheila Guedes Pereira Suzuki.Gostaria de agradecer tambm toda a minha famlia que de alguma forma me ajudounessa etapa da vida, fornecendo todo suporte necessrio.

    Quero deixar meus sinceros agradecimentos ao meu namorado, Danilo FeitozaMelo, por ter passado ao meu lado por vrios momentos difceis durante a minha gradu-ao, e principalmente pela dedicao em sempre me ajudar.

    Por fim, e no menos importante, agradeo a minha orientadora Edna Dias Canedoe a colaboradora Fabiana Freitas Mendes, por sempre me dar auxlio e suporte durante aexecuo desse trabalho.

  • ResumoO resumo deve ressaltar o objetivo, o mtodo, os resultados e as concluses do documento.A ordem e a extenso destes itens dependem do tipo de resumo (informativo ou indicativo)e do tratamento que cada item recebe no documento original. O resumo deve ser precedidoda referncia do documento, com exceo do resumo inserido no prprio documento.(. . . ) As palavras-chave devem figurar logo abaixo do resumo, antecedidas da expressoPalavras-chave:, separadas entre si por ponto e finalizadas tambm por ponto. O textopode conter no mnimo 150 e no mximo 500 palavras, aconselhvel que sejam utilizadas200 palavras. E no se separa o texto do resumo em pargrafos.

    Palavras-chaves: latex. abntex. editorao de texto.

  • AbstractThis is the english abstract.

    Key-words: latex. abntex. text editoration.

  • Lista de ilustraes

    Figura 1 Modelo Hierrquico de GQM Adaptado: (BASILI; ROMBACH, 1994) . 14Figura 2 Relao entre disciplinas acadmicas, prticas de design de campos in-

    terdisciplinares que se preocupam com o design de interao (ROGERS;SHARP; PREECE, 2005) . . . . . . . . . . . . . . . . . . . . . . . . . 19

    Figura 3 Uma metodologia do processo de software (PRESSMAN, 2009) . . . . 22Figura 4 Ciclo de vida Estrela (HIX; HARTSON, 1993) . . . . . . . . . . . . . . 23Figura 5 Engenharia de Usabilidade. Traduzida de: (MAYHEW, 1999) . . . . . 24Figura 6 Diviso da norma SQuaRE. Traduzida de: (ISO25010, 2011) . . . . . . 29Figura 7 Caractersticas e subcaractersticas de qualidade em uso. Traduzida de:

    (ISO25010, 2011) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31Figura 8 Caractersticas e subcaractersticas de qualidade do produto. Traduzida

    de: (ISO25010, 2011) . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32Figura 9 Fases do GQM. Traduzida de: (SOLINGEN; BERGHOUT, 1999) . . . 33Figura 10 Processo de Design de Interao Orientado a Mtricas . . . . . . . . . 36Figura 11 Matriz de Responsabilidades RACI do Processo . . . . . . . . . . . . . 38

  • Lista de tabelas

    Tabela 1 Trabalhos selecionados para Coleta de dados . . . . . . . . . . . . . . . 26Tabela 2 Nvel de detalhamento dos trabalhos . . . . . . . . . . . . . . . . . . . 27Tabela 3 Template para definir objetivo. Traduzido de: (SOLINGEN; BERGHOUT,

    1999) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34Tabela 4 Abstraction Sheet. Traduzido de: (SOLINGEN; BERGHOUT, 1999) . 34Tabela 5 Definio do Perfil do Usurio . . . . . . . . . . . . . . . . . . . . . . . 39Tabela 6 Anlise de Tarefas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 40Tabela 7 Definio das Caractersticas da Plataforma . . . . . . . . . . . . . . . 41Tabela 8 Definio do Princpios Gerais do Projeto . . . . . . . . . . . . . . . . 42Tabela 9 Definio das Metas de Usabilidade . . . . . . . . . . . . . . . . . . . . 43Tabela 10 Planejamento do GQM . . . . . . . . . . . . . . . . . . . . . . . . . . . 44Tabela 11 Definio do Objetivo e Questes . . . . . . . . . . . . . . . . . . . . . 45Tabela 12 Reengenharia do Trabalho . . . . . . . . . . . . . . . . . . . . . . . . . 46Tabela 13 Projeto do Modelo Conceitual . . . . . . . . . . . . . . . . . . . . . . . 47Tabela 14 Prototipagem do Modelo Conceitual . . . . . . . . . . . . . . . . . . . 48Tabela 15 Definio de Mtricas . . . . . . . . . . . . . . . . . . . . . . . . . . . 49Tabela 16 Avaliao Iterativa do Modelo Conceitual . . . . . . . . . . . . . . . . 50Tabela 17 Anlise dos Dados Coletados . . . . . . . . . . . . . . . . . . . . . . . 51Tabela 18 Definio dos Padres de Design de Tela . . . . . . . . . . . . . . . . . 52Tabela 19 Prototipagem dos Padres de Deseign de Tela . . . . . . . . . . . . . . 53Tabela 20 Avaliao Iterativa dos Prottipos de Tela . . . . . . . . . . . . . . . . 54Tabela 21 Design Detalhado da Interface do Usurio . . . . . . . . . . . . . . . . 55Tabela 22 Avaliao Iterativa do Design Detalhado . . . . . . . . . . . . . . . . . 56Tabela 23 Definio GQM de Qualidade em Uso . . . . . . . . . . . . . . . . . . 57Tabela 24 Instalao . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 58Tabela 25 Feedback do Usurio . . . . . . . . . . . . . . . . . . . . . . . . . . . . 59Tabela 26 Melhoria . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 60

  • Lista de abreviaturas e siglas

    COBIT Control Objectives for Information and Related Technologies

    FGA Faculdade do Gama

    GQM Goal Questions Metrics

    IEC International Electrotechnical Commission

    IHC Interao Humano-Computador

    ISO International Organization for Standardization

    RACI Responsible, Accountable, Consulted, and Informed

    SQuaRE Systems and software Quality Requirements and Evaluation

    TI Tecnologia da Informao

    UnB Universidade de Braslia

  • Sumrio

    1 INTRODUO . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 131.1 Contextualizao . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 131.2 Problematizao . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 151.2.1 Formulao do Problema . . . . . . . . . . . . . . . . . . . . . . . . . . . 151.2.2 Soluo do Problema . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 151.3 Objetivos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 161.3.1 Objetivo Geral . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 161.3.2 Objetivos Especficos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 161.4 Metodologia . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 161.4.1 Reviso Literria . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 161.4.2 Definio do Processo . . . . . . . . . . . . . . . . . . . . . . . . . . . . 171.4.3 Validao do Processo . . . . . . . . . . . . . . . . . . . . . . . . . . . . 171.5 Organizao do Trabalho . . . . . . . . . . . . . . . . . . . . . . . . . 17

    2 FUNDAMENTAO TERICA . . . . . . . . . . . . . . . . . . . . 182.1 Design de Interao e IHC . . . . . . . . . . . . . . . . . . . . . . . . 182.1.1 Definies . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 182.1.2 Metas do Design de Interao e IHC . . . . . . . . . . . . . . . . . . . . . 202.1.2.1 Metas de Usabilidade . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 202.1.2.2 Metas decorrentes da Experincia do Usurio . . . . . . . . . . . . . . . . . . 202.1.2.3 Heursticas de Nielsen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 212.2 Diferena entre Processo e Ciclo de Vida . . . . . . . . . . . . . . . . 222.3 Processos de Design de Interao . . . . . . . . . . . . . . . . . . . . 242.4 Qualidade de Software . . . . . . . . . . . . . . . . . . . . . . . . . . . 282.4.1 SQuaRE . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 282.4.1.1 ISO/IEC 25000: Diviso do Gerenciamento de Qualidade . . . . . . . . . . . . 292.4.1.2 ISO/IEC 2501n: Diviso do Modelo de Qualidade . . . . . . . . . . . . . . . . 292.4.1.3 ISO/IEC 2502n: Diviso da Medio de Qualidade . . . . . . . . . . . . . . . 302.4.1.4 ISO/IEC 2503n: Diviso dos Requisitos de Qualidade . . . . . . . . . . . . . . 302.4.1.5 ISO/IEC 2504n: Diviso da Avaliao de Qualidade . . . . . . . . . . . . . . . 3