Baixe o app para aproveitar ainda mais
Prévia do material em texto
Prototipagem de Sistemas usando o software Pencil Prototipagem de sistema desktop, mobile e web � Lucas de Lucena Martins Teresina, Brasil lucaslucenamartins@gmail.com Igo Pereira Barros Teresina, Brasil igorestacioceut@gmail.com� � Uso da ferramenta Pencil para a prototipagem de sistemas desktop e mobile abordando as vantagens e desvantagens da ferramenta por meio de uma análise baseada nos princípios ergonômicos Palavras-chave — prototipagem, pencil, software Introdução A ferramenta de prototipagem Pencil é usada para criar layouts de softwares tanto para web, mobile ou desktop, sendo assim é uma ferramenta bem abrangente, ao decorrer do artigo será abordado as vantagens e desvantagens, como alguns softwares criados no pencil; Facilidade de uso Usabilidade Para todo e qualquer Sistema a interface deve ser de fácil entendimento e focado na usabilidade para prevenir erros e proporcionar uma maior satisfação ao usuário. O agrupamento dos itens a fácil percepção cognitiva, tudo isso e proporcionado pela interface limpa do pencil. Manipulação Como a interface é bem limpa o usuário consegue manipular todos os itens com muita facilidade sendo assim o tempo gasto para a criação do protótipo é reduzido, pois não será perdido muito tempo tentando entender a interface. Processo de Criação O processo de criação da prototipagem é bem simples, primeiro o desenvolvedor tem que ter em mente qual tipo de protótipo será criado, se vai ser um para web, mobile ou desktop. Criação do projeto Quando o pencil é aberto na tela principal dele já se dispõe dois botões, um para abrir um projeto já existente e o outro para criar um novo projeto. Menu Lateral Através do menu lateral é possível escolher qual tipo de protótipo será feito e quando escolhido consequentemente irá mostrar os itens disponíveis para aquele tipo de protótipo. Na imagem abaixo foi escolhido o protótipo para Desktop – Windows XP Widgets, com isso foi listado alguns itens como label, button, comboBox, Text Box entre outros, uma desvantagem da ferramenta é que o layout dos itens são antigos e pouco chamativos o que não deixa seu protótipo com um aspecto elegante. Propriedade dos Componentes Cada componente tem suas propriedades como texto, cor, fonte, alinhamento e status, para acessar essas propriedades basta clicar no item presente no seu layout que as informações dele serão exibidas tanto na barra de cima quanto no botão propriedades localizado na lateral direita. Criação da prototipagem Como foi abordados até agora o pencil nos proporciona criar protótipos para diferentes tipos de sistemas, a partir de agora serão apresentados dois protótipos criados no pencil, sendo um deles para desktop e o outro mobile. Protótipo Desktop Na imagem abaixo está sendo apresentado um protótipo de um Sistema frente de Caixa, a interface é constituída por alguns Text Box localizados na parte superior, cada Text Box possui uma Label indicando que tipo de dado deve ser digitado na Text Box. Na escolha da forma de pagamento o usuário se depara com uma ComboBox onde se pode escolher dinheiro ou cartão como forma de pagamento. Na parte central da interface se dispõe duas Label indicando o total a ser pago na compra e mais embaixo dois botões um para a finalizar a compra e o outro para cancelar, do lado dessa estrutura está presente uma tabela que é constituída pelo nome do produto, preço unitário, quantidade e SubTotal. Para finalizar na parte Esquerda da interface tem um campo destinado a logo e nome da empresa, mais abaixo a hora e data atual. Protótipo Mobile A imagem abaixo representa um protótipo Mobile, que consiste em uma tela de um app reprodutor de vídeos, os componentes presentes no layout são, duas formas geométricas que simbolizam um reprodutor de vídeo, dentro do quadrado se encontra um progress bar que faz a função de linha do tempo. Na parte inferior do layout estão presentes algumas informações como o nome do vídeo, o total de visualizações, a descrição dos vídeos e a parte de comentários e para finalizar um botão on-Switch que tem como função ativar e desativar a reprodução automática. Conclusão A ferramenta de prototipagem pencil é uma boa escolha para os desenvolvedores e designer de UX, pois possibilita a criação de protótipos desktop, web e mobile, com uma interface limpa e bem intuitiva. Com o software é possível montar layouts bem limpos, mas não chamativo para seu cliente analisar antes de começar a desenvolver �
Compartilhar