/

Uma visão sobre a ferramenta Pencil

para Design de Interfaces

Rafael de Souza Queiroz – 09/0012569 – 03/04/2012

O que é?

• Ferramenta para projeto de interfaces gerais

para usuários;

• Protótipos, diagramas;

• Livre e de código aberto (Javascript, XUL e SVG);

• Intuitiva, simples e leve;

Interação Humano Computador -Ferramenta Pencil - Rafael Queiroz -

09/00125692

Plataformas

• Inicialmente projetada com plugin para o

browser Mozilla Firefox;

• Versão standalone disponível para Linux e

Windows e MacOS X;

• Versão Portátil experimental pelo site

PortableApps.com;

Desenvolvido utilizando a engine do Firefox;

Complemento de 1.8 Mb

Interação Humano Computador -Ferramenta Pencil - Rafael Queiroz -

09/00125693

Tela Inicial

Interação Humano Computador -Ferramenta Pencil - Rafael Queiroz -

09/00125694

Tela Inicial (Firefox)

Interação Humano Computador -Ferramenta Pencil - Rafael Queiroz -

09/00125695

Características

• Interconexão entre protótipos de tela;

• Editor de texto;

• Exportação para HTML, Microsoft Word,

OpenOffice, PNG e PDF;

• Instalações de stencils, e modelos definidos

pelo usuário;

• Coleção pessoal, Objetos externos, ClipArt;

Interação Humano Computador -Ferramenta Pencil - Rafael Queiroz -

09/00125696

Características

• Tutoriais no site do fabricante http://pencil.evolus.vn/en-US/UserGuides.aspx

• Uso “Drag & Drop”;

• Elementos Comuns, Web, Simplificados

para protótipo, Linux, Windows e

Nativos da ferramenta.

Interação Humano Computador -Ferramenta Pencil - Rafael Queiroz -

09/00125697

Interação Humano Computador -Ferramenta Pencil - Rafael Queiroz -

09/00125698

Interação Humano Computador -Ferramenta Pencil - Rafael Queiroz -

09/00125699

Interação Humano Computador -Ferramenta Pencil - Rafael Queiroz -

09/001256910

Interação Humano Computador -Ferramenta Pencil - Rafael Queiroz -

09/001256911

Interação Humano Computador -Ferramenta Pencil - Rafael Queiroz -

09/001256912

Interação Humano Computador -Ferramenta Pencil - Rafael Queiroz -

09/001256913

Exemplo Prático

Obrigado