Criação e Validação de ícones nos sistemas de informação da ANCINE- Agência Nacional de Cinema

Transcrição

1 Sílvia Helena de Carvalho Schnaider Criação e Validação de ícones nos sistemas de informação da ANCINE- Agência Nacional de Cinema Monografia Trabalho de Conclusão da Especialização em Ergonomia, Usabilidade e Interação Humano-Computador Ergodesign e Avaliação de Interfaces Centro de Teologia e Ciências Humanas - CTCH Departamento de Artes & Design Orientador: Prof. Eduardo Ariel, Msc Rio de Janeiro, junho de 2006

2 Sílvia Helena de Carvalho Schnaider Criação e Validação de ícones nos sistemas de informação da ANCINE- Agência Nacional de Cinema Monografia Trabalho de Conclusão da Especialização em Ergonomia, Usabilidade e Interação Humano-Computador Ergodesign e Avaliação de Interfaces Orientador: Prof. Eduardo Ariel, Msc Rio de Janeiro, junho de 2006

3 A minha MÃE, Olga Maria de Carvalho Schnaider (in memorium), o ser humano mais perfeito que Deus me deu a oportunidade de conhecer.

4 Agradecimentos Ao Prof. MSc. Ariel, para quem não existem palavras suficientes para expressar minha gratidão por sua total dedicação; como professor e amigo. Aos demais professores do curso. A minha família, que sempre me motivou para a conclusão de mais esta etapa. Ao meu atual chefe, José Roberto Pereira Gomes, que acreditou no meu potencial de pesquisadora e permitiu que eu incluísse a ANCINE-Agência Nacional de Cinema como estudo de caso na minha monografia. Aos colegas de trabalho da ANCINE-Agência Nacional de Cinema que participaram dos testes de usabilidade: Fábio Brito, Leonardo Franco, Marcos Alexandre Teixeira, Ana Paula Oliveira, Saulo Santana e Verônica Schara.

5 Resumo Schnaider, Sílvia Helena de Carvalho. Criação e Validação de ícones nos sistemas de informação da ANCINE-Agência Nacional de Cinema. Rio de Janeiro, p. Trabalho de Conclusão da Especialização em Ergonomia, Usabilidade e Interação Humano-Computador. Ergodesign e Avaliação de Interfaces Departamento de Artes e Design Pontifícia Universidade Católica do Rio de Janeiro. O presente trabalho verifica o desenvolvimento da criação ícones para os Sistemas de Informação da ANCINE-Agência Nacional de Cinema (ligada ao Ministério da Cultura Brasileira), como um exemplo de caso de uso real de projeto centrado no usuário. Através de testes de usabilidade (protótipo de papel, avaliação cooperativa e grupo de foco) realizados na interface web de determinado sistema com os usuários-ancine, conclui-se que é fator de maior relevância a aplicação do design no desenvolvimento de novas plataformas de trabalho que se utilizam de tecnologia de ponta, buscando soluções de maior qualidade, eficiência e rapidez no âmbito da comunicação organizacional.

6 Palavras-chave Ícones; Interface Web; Testes de Usabilidade.

7 Abstract Schnaider, Sílvia Helena de Carvalho. Criationa and development of icons to the information systems of ANCINE-Agência Nacional de Cinema. Rio de Janeiro, p. Trabalho de Conclusão da Especialização em Ergonomia, Usabilidade e Interação Humano- Computador. Ergodesign e Avaliação de Interfaces Arts and Design Department Pontifícia Universidade Católica do Rio de Janeiro. The present work verifies the creation and development of icons to the information systems of ANCINE-National Cinema Agency (linked to the Ministry of Culture in Brazil), as an example of the practical use of a user-centered project. Via usability testing (paper prototyping, cooperative evaluation and focus group) applied to the web interface of the system used at ANCINE; It has concluded that it is highly relevant to apply the design to the development of new platforms of work, which use high technology as a way to achieve higher quality solutions, as well as more speed and efficiency as far as organizational communication is concerned.

8 Keywords Icons; Interface Web; Usability Tests.

9 Sumário 1. Introdução.. 2. Interdisciplinariedade, multidisciplinariedade e transdisciplinariedade do designer Ergonomia Interface humano-computador (IHC) Usabilidade Ícones, Pictogramas e Legendas Estudo de Caso: ANCINE Manutenção das informações na ANCINE STI -Superintendência de Tecnologia de Informação Sistemas de Informação da ANCINE Design das Telas de Sistema da ANCINE Criando Ícones e Botões para os Sistemas da ANCINE Levantamento de ícones na Internet Criação dos ícones junto ao usuário-ancine Ítem Legenda nas Telas Catálogo Virtual de Padrões Métodos, técnicas e procedimentos da pesquisa Delineamento da Pesquisa Tema da Pesquisa Problema Hipótese Objeto Objetivo Geral e Específico Objetivos Específicos Justificativa Testes para avaliação de determinadas tarefas no Sistema Registro de Empresa da ANCINE Tela: Menu Registro de Empresa Paper Prototyping Aplicação do Paper Prototyping: 19/11/ Conclusões parciais do Paper Prototyping Avaliação Cooperativa

10 Aplicação da Avaliação Cooperativa: 23/11/ Conclusões parciais da Avaliação Cooperativa Focus Group Aplicação do Focus Group: 24/11/ Conclusões parciais do Focus Group Discussão Referências Bibliográficas Anexos

11 Lista de Figuras Figura 1 Disciplinas relacionadas aos estudos de IHC (BOOTH)... Figura 2 Disciplinas relacionadas aos estudos de IHC (PREECE)... Figura 3 Esquema ontológico do design... Figuras 4 Célula-Alvo: usabilidade x interface x usuário... Figura 5 Página Estrutura Organizacional do portal da ANCINE... Figura 6 Página Home do portal da ANCINE... Figura 7 Página Home da ANCI.NET... Figura 8 Página ilustrativa de um Sistema da ANCINE... Figura 9 Seleção ícones Arquivar... Figura 10 Seleção ícones Bloquear... Figura 11 Seleção ícones Cancelar... Figura 12 Seleção ícones Desbloquear... Figura 13 Seleção ícones Editar... Figura 14 Seleção ícones ... Figura 15 Seleção ícones Imprimir... Figura 16 Seleção ícones Excluir... Figura 17 Seleção ícones Salvar... Figura 18 Seleção ícones Visualizar... Figura 19 Seleção ícones Alterar... Figura 20 Seleção ícones Associar... Figura 21 Seleção ícones Ordenar... Figura 22 Seleção ícones Sugerir... Figura 23 Tabela ícones de Ação da ANCINE... Figura 24 Desenho ampliado de botão da ANCINE... Figura 25 Tabela ícones de Situação da ANCINE

12 Figura 26 Página Home do Catálogo de Padrões da ANCINE... Figura 27 Página Imagens de Aviso do Catálogo de Padrões... Figura 28 Página Acesso Bloqueado do Catálogo de Padrões... Figura 29 Página Acesso Negado do Catálogo de Padrões... Figura 30 Página Excluir Grupo de Acesso do Catálogo de Padrões Figura 31 Página Dados Inseridos do Catálogo de Padrões... Figura 32 Página Aviso do Catálogo de Padrões... Figura 33 Página Confirmação do Catálogo de Padrões... Figura 34 Página Alterar Senha de Acesso do Catálogo de Padrões Figura 35 Página dos ícones de situação e ação... Figura 36 Página dos botões... Figura 37 Página Guia de Estilos... Figura 38 Página inicial do Sistema Registro de Empresa... Figura 39 Casos de Uso do Sistema Registro de Empresa... Figura 40 Fichas do protótipo de papel: número (1)... Figura 41 Fichas do protótipo de papel: número (2)... Figura 42 Fichas do protótipo de papel: número (3)... Figura 43 Fichas do protótipo de papel: número (4)... Figura 44 Fichas do protótipo de papel: número (5)... Figura 45 Página Menu.jsp... Figura 46 Página ManutencaoEntidades.jsp... Figura 47 Seleção Empresa Nacional Exibidora... Figura 48 Seleção Nº Registro ANCINE: Figura 49 Seleção botão Pesquisar... Figura 50 Resultado da Busca... Figura 51 Confirmação da Exclusão

13 Figura 52 Quadro de Teixeira para o Focus Group... Figura 53 Ícones Salvar, Arquivar, Imprimir e Excluir... Figura 54 Ícones Alterar, Associar e Ordenar