E continuamos trabalhando no Projeto Interdisciplinar da faculdade e o prazo das apresentações de layout correndo contra nós. Agora o grupo está dividido no tratamento de conteúdo e layout. Já temos 2 propostas de layout da home (quase) prontas para escolher uma que defenderemos na terça-feira para a professora de Planejamento Visual, tudo tem que ser justificado e isso é pior que criar 10 layouts. Terminamos os wireframes há um tempo mas não contei com detalhes como foi feita a prototipagem em papel e estruturação antes da digitalização.
Prototipagem em papel
O protótipo em papel nada mais é que um rascunho “responsável” da estrutura da página, ou seja, é rascunho mas há um limite para que não seja feito de qualquer modo e vire tempo perdido. Foi uma fase importantíssima para que o grupo pudesse soltar as idéias e pudéssemos discutir a organização de conteúdos cabeludos como Recordes de atletas e para-atletas, além de evitar perder tempo com a estrutura das páginas na fase do layout. Segue um exemplo não muito legível (a foto foi tirada com uma iSigth de um Macbook):
Era para ser a Inicial :)
Essa brincadeirinha no papel foi um pouco mais fácil porque já tínhamos criado o diagrama com a arquitetura da informação do site, se tivéssemos que criar a arquitetura ao mesmo tempo seria um desastre. Com a pilha de páginas em punho estava na hora de passar tudo pro computador.
Wireframes
Sim, eu usava o Flash para fazer os Wireframes e já usei o Microsoft Visio, todos com seus prós e contras. Para esse trabalho acabei usando o Axure RP e é realmente muito fácil de operar como dizem, principalmente para criar wireframes de baixa e média fidelidade. Quem quer criar um protótipo navegável vai ter que estudar um pouquinho a documentação do produto, eu particularmente não gosto deles prefiro que a navegação nesse caso seja feita pelo sitemap mesmo. Enfim, o Axure não é perfeito mas é a melhor opção talvez devido ser feito com a finalidade quase que exclusiva de criar protótipos de softwares. Wireframes do projeto prontos e aprovados é hora de ir para o layout, mas isso eu conto depois da apresentação de terça.
Compare Preços de: MP3, iPod, celulares, notebooks, câmeras no Buscapé.
Popularity: 26% [?]
Glacial em 5 de Nov de 2007 às 12:05 disse:
Eu uso o Fireworks pra tudo, desde os wireframes (ele já vem com algumas bibliotecas que facilitam pra caramba, como radio, textarea e etc) até a criação final. :P
Alexandre Formagio em 5 de Nov de 2007 às 18:50 disse:
Muito legal a série :)
Eu uso o flash para fazer wieframe também, gosto do jeitinho dele, mas não tive tempo de tentar usar o visio e o axure ainda.
Abraços
Ingo Porto em 6 de Nov de 2007 às 23:44 disse:
Hehehehe… tá ralando no interdisciplinar, né. Já passei dessa fase. No meu caso, foi dado um tema: Bar Farândola. A idéia era formarmos equipes que competiriam para fazer o melhor site. A equipe vencedora (não, não foi a minha) fez por merecer: http://www.vagaweb.com.br/asjr/farandola /
Sobre o post, normalmente eu uso o FireWorks ou o Corel para fazer wireframes. Talvez não seja a forma mais recomendada mas é como me sinto mais confortável. Já tentei usar o Axure (até coloquei um comentário na Infusa) mas não gostei muito não.
Abraço!
Carlos Eduardo em 8 de Nov de 2007 às 13:32 disse:
Interessante esse processo. Gostei do wireframe gerado pelo programa… Vou dar uma olhada depois :)
Nana em 20 de Nov de 2007 às 01:19 disse:
Aaaaw eu fico tao emocionada quando eu vejo um esboço em papel :D no meu trabalho, e no teu, soh vejo o povo rascunhando direto no computador.
Sim, eu sou louca. Kkkk
Boa sorte p vcs ai :D
Bjs