Usabilidoido: Menu Principal

English Website


Software para projetar a navegação

Na hora de definir hierarquia de páginas certos softwares podem agilizar o trabalho do arquiteto da informação.

PocketDraw navegando num barco ferriboat - créditos Mike Lee

Durante a fase de arquitetura da informação de um website, é importante trabalhar à partir de uma visão geral da navegação do website. Caso se trate de uma estrutura hierárquica, nada melhor que um diagrama clássico usando caixinhas com rótulos ligadas por linhas. Existem softwares que podem ajudar muito nessa hora.

No começo, fazia esses diagramas com lápis mesmo, no papel. Na medida em que me envolvia em projetos maiores, o suporte se demonstrou ineficiente. Era preciso mudar a mesma coisa várias vezes, recombinar, sem falar da necessidade de ser apresentável ao cliente e outros membros da equipe. Comecei a usar o próprio Flash, software vetorial que mais me sinto à vontade (exemplo). Fiquei satisfeito e nem senti vontade de tentar o software indicado por outros arquitetos da informação: Microsoft Visio. Sabia até que você podia incluir nele a biblioteca do Visvocab criada pelo Jesse James Garret, o padrão de notação que adoto.

Ano passado, na correria para terminar meu TCC, descobri um tal de Smartdraw que tinha inclusive uma versão Trial. Gravei hoje um screencast demonstrando as funcionalidades dele que permitiram que eu fizesse meus diagramas muito mais rápido do que imaginava:

Lembrei dele porque tive a oportunidade esses dias de experimentar o Visio e não gostei. Ainda acho o Smartdraw muito mais fácil de usar e rápido. O Visio é mais flexível e faz mais coisas que o Smartdraw, mas não está tão otimizado para o que eu queria. O Smartdraw que falo é a versão 6, que deu lugar para a 7. Esta última ficou mais parecida com o Visio e perdeu algumas das funcionalidades que demonstro no screencast. A página oficial do software não oferece o download da versão 6, mas um passarinho me contou que circula uma demo da versão 6 no Emule.

Outro software interesante é o PocketDraw, que permite fazer diagramas como esse num computador de mão. Se tivesse um PocketPC poderia testar se a aplicação ajudaria a discutir a navegação numa reunião com equipe e clientes ou até mesmo durante aqueles momentos inesperados em que vem uma idéia brilhante na cabeça nos lugares mais estranhos. (veja foto do topo tirada por Mike Lee)


Dicas

Siga-me no Twitter, Facebook, LinkedIn ou iTunes.

Autor

Frederick van Amstel - Quem? / Contato - 15/06/2005

Palavras-chave

diagrama    navegação    pocketdraw    smartdraw    visio    smartdró    

Opções



Comentários

Discussão
Márcia O. Carmo
15/06/05 às 16:03

Oi Fred!
Conheci seu site no ano passado, quando estava fazendo minha monografia (incluisve ateh postei aqui uma vezinha) sobre Ergonomia e Semiologia no Desenvolvimento de Interfaces para Sistemas Web...

Por alguns problemas, deixei de me atualizar um pouco... agora estou voltando.. pude começar a ler mais sobre novidades desse mundo que adoro.. comecei a entrar muito no tableles.. tou adorando.

Enfim, o que isso tem a ver com vc? Simples.. acabei de ouvir a entrevista que vc deu para o tableless (faz teempo ateh hein) e isso conseguiu chamar mais a minha atenção do que seu blog (isso eh um problema? hehe).. então descobri que vc tem podcasts (aliás, descobri o que eh podcast hoje!!!) e tou viciada jah ehhehe

E finalmente tive coragem de começar a assinar rss.. tou usando o blogline (seu post sobre isso ajudou muito!).. comecei hj tbm...

Bom, muita informação para um soh dia.. uma soh cabecinha.. e por isso aqui estou eu para tentar pedir sua ajuda sobre isso...

Para baixar seus podcasts foi fácil.. baixei as mp3.. mas criei coragem pra baixar o ipodder e aih chegou o meu problema! Ele não baixa nada.. eu não tou entendendo ehheh Vc pode me ajudar? Eu agradeceria muito.. =)


Discussão
Márcia O. Carmo
15/06/05 às 16:10

ah! e sobre o post de hoje.. ótimo!
adorei essa 'aulinha' visual.. como vc disse, screencast

vc inventou essa palavra ou eh usada assim jah? =D


Discussão
Fred
15/06/05 às 16:15

Não fui em quem inventou screencast não. Caí por acaso num site que tinha um e resolvi fazer por aqui também. Tem mais aqui:

http://www.usabilidoido.com.br/cat_video.html

A interface do Ipodder é tão ruim que desisti de usá-lo. Prefiro ir até o site que tem o podcast, copiar o link e colar no RealPlayer, que já sai tocando o podcast imediatamente (streaming).

O único podcast que escuto por enquanto é o do Renê de Paula (http://www.usina.com/rodaeavisa/), mas quando tiver mais, vou sentir falta de um software tão fácil quanto o bloglines para podcasts.

Você pode também ouvir meus podcasts à partir da home, lá tem um menu pull-down que abre direto num Flash na página.


Discussão
Márcia O. Carmo
15/06/05 às 16:31

Putz.. 'que bom' que vc não gostou do ipodder, pq eu jah tava desesperada hehehe

Milhões de sites e de podcasts falando que o ipodder eh lindo, perfeito, maravilhoso.. inclusive ateh baixei um outro programa (Primetime) que disseram ser mais fácil.. putz! Nada...

Adicionei todos os 'feeds' certinho.. mas ele ficam buscando, buscando e naaada de fazer download de nada.. aih fico sem saber o que fazer!

Sobre o menu pull-down daqui do seu site, eu já tinha visto sim.. mas achei que usando o tal do ipodder eu não precisaria 'fazer nada', soh esperar baixar automático.. bleh.


Discussão
Fernando da Silva Trevisan
15/06/05 às 18:50

Fred, tópico interessante...
e a questão de "wireframe", como os produzidos pelo Axure RP Pro (www.axure.com)? Ou "coisas" como o Adalon (www.adalon.net) que fazem de tudo e até geram código de programação?
[ ]'s!


Discussão
Fred
15/06/05 às 19:13

Bem, não testei essas ferramentas mas dei uma olhada nas demos.

http://www.axure.com/demo.aspx
http://www.adalon.net/products/adalon3.x/demo/index.jsp

Acredito que esses softwares sejam mais interessantes para equipes maiores, quando é preciso dividir a tarefa de design de interface entre vários profissionais.

O problema de usar ferramentas fechadas como essas é que ela pode não atender a uma necessidade de um projeto específico, daí ela tem que ser abandonada momentaneamente.

Na verdade, pra dizer algo com certeza, só testando num projeto real. Você já teve a oportunidade?


Discussão
Rico
17/06/05 às 21:12

Realmente este tipo de organização é bem interessante para se estruturar um projeto.

Eu indicaria o Mind Manager da Mind Jet, que além de montar o diagrama permite associar aos itens ícones, notas, etc.

http://www.mindjet.com/us/index.php


Discussão
Mary Grace
20/06/05 às 01:49

Oi Fred,

Eu uso bastante mapas conceituais com finalidade educacional.
Para mapa mental no Pocket eu uso o MindMap, e este sw também tem versão gratuita para PC em http://www.mapasmentais.com.br/recursos/software.asp.
Fora estes tem o Nestor (que é gratuito) e serve p/ fazer WebMap e o meu preferido que é o CMAP Tools, utilizado também nas pesquisas da UFRGS, totalmente colaborativo, permite a construção de proposições, associação com imagens e links e outros diversos recursos: http://cmap.ihmc.us/download/,
Para o Palm OS e tb Pocket, tem o Ispiration http://www.inspiration.com/productinfo/handhelds/index.cfm . Eu já testei o Inspiration Kids e achei o máximo, uma pena que este não é free.
[]s
Mary Grace


Discussão
Fernando da Silva Trevisan
20/06/05 às 11:09

Fred!
Então, eu usei bastante o Axure RP Pro, mas como é pago (e BEEM pago) e ainda um tanto bugado (isto é, não vale pagar o tanto que cobram por ele) não adotei como ferramenta e ainda estou em busca de algo.

Realmente, o código fechado limita e já tive essa mesma frustração de não conseguir fazer algo e não ter como modificar...

Abs,

Fernando


Discussão
Márcio Oliveira do Carmo
16/09/05 às 18:16

Olá Fred! e apaixonados por tecnologia como eu.

Realmente estava procurando saber quem mais usava o SMARTDRAW 7.0 e descobri esses comentários.
Trabalho numa empresa que é mantenedora de duas faculdades no Estado do Acre, chamada UNINORTE.
Estou identificando e escrevendo as rotinas dos diversos departamentos e setores de nossa instituição, por isso estou utilizando uma cópia Trial do SmartDraw 7.0 para testar sua funcionalidade. Estou gostando muito !!!
Agora mudando de assunto, achei interessante aqui que tem uma pessoa com o sobrenome idêntico ao meu, acredito ! É a Márcia O. Carmo, pois o meu é Márcio Oliveira do Carmo, gostaria de me corresponder para desmistificar essa coincidência !!!
Escreva-me: [email protected]


Discussão
Renato Albano
16/11/05 às 11:39

Aplicação de diagramas para palm os.
Ainda não testei... estou baixando.
http://www.inspiration.com/


Discussão
César
25/05/06 às 09:51

Alguém conhece algum curso/treinamento de Mindmanager 6 no Rio de Janeiro ?

Grato.


Discussão
Bruno Dulcetti
30/06/06 às 12:10

além do mind manager citado pelo rico, tem também o Gliffy: http://www.gliffy.com/

eh online mesmo, em flash eh muito bom... Algumas funcionalidades não estão para a versão free... Mas já eh uma mão na roda...




Comente.






(aguarde que é demorado mesmo...)


Você merece.

Assine nosso conteúdo e receba novidades sem sair de casa!

Atualizado com o Movable Type.

Alguns direitos reservados por Frederick van Amstel.

Apresentação do autor | Consultoria | Portifólio | Política de Privacidade | Contato