SOFTWARE PARA DESIGN DE PROTÓTIPOS Vanessa Romankiv Curitiba 2012
SUMÁRIO 1.Introdução 2. Objetivos: 2.1 Geral 2.2 Específicos 3. Metodologia 4. Resultados 2/19
1. INTRODUÇÃO Indústria de software tem enfatizado a interação; Interface é considerada um dos principais fatores no desenvolvimento de sistemas; Necessidade de um bom design e facilidade no uso; Poucas são as ferramentas de design ou prototipação de interface; Padrões, ferramentas e processos vem se modernizando (Pardinho, 2006; Alcides,2005) 3/19
2. OBJETIVOS 2.1 Objetivo Geral: Desenvolver uma ferramenta web para apoiar no processo de design de protótipos de software a qual auxiliará o usuário nas etapas de concepção de interface fornecendo dicas de como aplicar a técnica. 4/19
2. OBJETIVOS 2.2 Objetivos Específicos: Conceituar aspectos contextuais da ferramenta; Identificar fatores como cores, textos e posição dos elementos; Analisar ferramentas concorrentes de criação de protótipos; Obter requisitos das ferramentas analisadas; Obter requisitos através da aplicação de questionários; Desenvolver protótipos para testes com o usuário; Validar protótipos junto ao usuário com a aplicação do teste de usabilidade; Efetuar alterações encontradas na validação; Criar diagramas de fluxo de dados; Criar diagramas de casos de uso; Criar diagramas de classes; Criar diagramas de Atividades; Criar diagramas de entidade relacionamento; Desenvolver a ferramenta. 5/19
3. METODOLOGIA 3.1 Análise de Competidores Critérios Apresentar uma Ferramenta de Design de Interface ou prototipação, Preferencialmente ser disponibilizada gratuitamente, Preferencialmente em Português, Ser Online, Preferencialmente exportar arquivos para.pdf,.jpg ou.html. Aspectos Interface agradável ou amigável; Interatividade; Flexibilidade e eficiência no uso; Ajuda e documentação. 6/19
3. METODOLOGIA Cacoo 7/19 Iplotz
3. METODOLOGIA Pencil Sketching Mock Flow 8/19 Balsamiq Mockups
3. METODOLOGIA 3.2 Questionários Objetivo: Levantar requisitos de acordo com as perspectivas do usuário comum ou profissional de TI. Participantes: 15 profissionais de TI ou estudantes da área. 15 usuários de TI. 9/19
3. METODOLOGIA 3.3 Prototipação Objetivo: Visualizar o sistema previamente. Validar objetivo principal através de aplicação limitada. Apresentar uma versão mais consistente da ferramenta aos stakeholders. 10/19
3. METODOLOGIA 3.4 Teste de Usabilidade Objetivo: Validar requisitos; Verificar inconsistências na interface do sistema. Participantes: 5 profissionais de TI ou estudantes. 11/19
4. RESULTADOS 4.1 Ferramentas Analisadas Características da Interface Concorrentes Agradável Interativa Flexível / Eficiente Ajuda / Documentação Cacoo Sim Sim Não Sim Iplotz Não Não Sim Sim Pencil Sketching Sim Sim Sim Não MockFlow Sim Sim Não Não Balsamiq Mockups Sim Sim Não Sim 12/19
4. RESULTADOS 4.2 Requisitos Funcionais obtidos através da análise de competidores RF01: Acesso ao sistema através de um login e senha, caso o usuário não possua o mesmo poderá efetuar um cadastro. RF02: Criação de protótipos de média fidelidade utilizando elementos de interface prontos, onde poderão ser posicionadodos em qualquer ponto da tela e configurado da cor e tamanho que o usuário desejar. RF03: Arquivamento dos projetos de telas criados pelo usuário os quais ficarão armazenados dentro de sua própria conta. RF04: Edição dos projetos do usuário. RF05: Visualização de dicas relacionadas aos elementos de interface durante a construção dos protótipos. RF06: Exportar os projetos no formato de imagem.jpg 13/19
4. RESULTADOS 4.3 Diagrama de fluxo básico 14/19
4. RESULTADOS 4.4 Diagrama de Caso de Uso 15/19
4. RESULTADOS 4.5 Protótipo de Baixa Fidelidade 16/19
4. RESULTADOS 4.6 Protótipo de Alta Fidelidade 17/19
PRÓXIMAS ETAPAS Aplicar questionários Aplicar teste de usabilidade Finalizar requisitos; Criar diagramas de fluxo de dados; Finalizar diagramas de casos de uso; Criar diagramas de classes; Criar diagramas de atividades; Criar diagramas de entidade relacionamento; Desenvolver ou implementar a ferramenta. 18/19
OBRIGADA 19/19