HotGloo – Criação de Wireframes Online

Olá pessoal!!!

Hoje passo para indicar uma ferramenta bem bacana para criação de wireframes online.

Se trata do HotGloo The Online Wireframe Application, no qual tomei conhecimento através da Lista de discussão AIfIA-pt (uma lista de discussão voltada para área de Arquitetura da Informação).

No HotGloo você pode criar protótipos funcionais bem bacanas para desenvolvimento de sistema, podendo navegar pelas paginas prototipadas, e gerar uma imagem de cada tela criada.

Fiz alguns testes aqui e achei muito bacana o resultado. Veja a imagem abaixo um exemplo onde criei o wireframe desse blog.

O site tem algumas limitações que a moçada da lista já detectou como: não é acessível no IE 6, e também não há a possibilidade de passar a URL para o cliente poder visualizar o protótipo funcional, sem que você tenha que passar sua senha de acesso ao cliente. Mas como está em versão beta, acredito que o pessoal deve melhorar isso.

Link para HotGloo: http://hello.hotgloo.com/

Segue outras indicações que surgiram na lista, porém ainda não testei:
http://lovelycharts.com
http://www.foreui.com

Se você conhece essa outras ferramentas e quiser compartilhar, fique a vontade e deixe seu cometário e suas experiências com ferramentas para wireframes.

Se você tem interesse em Arquitetura da Informação venha fazer parte da Lista de discussão AIfIA-pt rola muita coisa bacana por lá.
URL: http://lists.ibiblio.org/mailman/listinfo/aifia-pt

Abraço a todos!!!

O que é um Arquiteto da Informação

Para você que quer conhecer um pouco mais sobre a o que é um Arquiteto da Informação, não deixem de conferir a reportagem exibida pela Olhar Digital na edição de 02/08/09 onde destaca o papel do profissional da área de Arquitetura da Informação.

Veja abaixo a descrição da materia, e um link para assistir a reportagem.

Profissões: saiba o que é um Arquiteto da Informação Confira os passos que esse profissional percorre para criar um site bem estruturado Os sites que você acessa têm divisões, menus, áreas com mais ou menos destaques. E você sabe quem é responsável por pensar a melhor maneira de organizar tudo isso? É o Arquiteto da Informação. Confira na matéria quais as etapas que esse profissional percorre para criar um site. http://olhardigital.uol.com.br/central_de_videos/video_wide.php?id_conteudo=8873

Para quem ainda não conhece o Olhar Digital, é um programa semana que vai ao ara todos os domingos as 15:30 na Rede TV. São trinta minutos de programa com reportagens voltadas para área de TI. Fácil de guardar, é trinta minutos antes do futebol na Globo e acaba justamente quando esta iniciando o futebol… srsrrs

No site do Olhar Digital tem disponível todas as materias já exibidas na TV.

Abraço a todos…

Site de Wireframes

Olá pessoal!!!

Como já disse em post anteriores, tenho dedicado parte de meu tempo estudando sobre Arquitetura da Informação, e tenho dado foco em Usabilidade, Acessibilidade, Designer, Wireframes e ferramentas que auxiliam arquitetos na estruturação e organização de informações.

Nessa minha viajem pela AI, encontrei (atraves do Cafofo da AI, num artigo daBianca Brancaleone) um site muito bacana sobre Wireframes.  O I ♥ wireframes, é uma especie de repositório de wireframes coordenado pela desenvolvedora sérvia Ivana Jurcic. O site mostra fotos e vídeos com vários exemplos de wireframes criados com auxílio de ferramentas ou criados a mão.

O site é uma ótima referencia para quem está começando, pois podemos ver quais as “tecnicas” o povo tem utilizando por ai, e vendo alguns exemplos lá dá pra notar que o que não falta é criatividade na hora de por a mão na massa. E mesmo para os que já estão a algum tempo no mercado, esse site é uma grande fonte de inspiração.

Veja no vídeo abaixo um exemplo do que você vai encontrar por lá. Achei muito bacana a criatividade do pessoal.

http://www.youtube.com/watch?v=GrV2SZuRPv0

Eu tenho pesquisado um bocado sobre isso e estou coletando alguns Stencil bacana que o pessoal liberou na web para criação de wireframes utilizando o Microsoft Visio. Estou analisando cada um desses Stencils para o Visio, e assim que terminar vou vê se seleciono alguns para postar aqui.

Quem quizer colaborar com meus estudos sobre AI, pode ficar a vontade para me enviar materiais.

É isso ai pessoal. Abraço a todos.

Arquitetura da Informação (AI)

Desde a leitura de Não Me Faça Pensar e Design para a Internet, e de alguns artigos relacionados à área de Usabilidade, SEO e principalmente Arquitetura da Informação (AI), venho a cada dia me interessando pelos temas, principalmente em relação a AI.

Acho tudo muito bacana, ver como tudo isso funciona, e qual a importância para o sucesso seja de um pequeno site ou principalmente de um grande portal.

Já comecei a pesquisar aqui em BH sobre cursos nessa área e se tudo der certo no inicio do ano devo começar minha pós em AI.

Comecei então a “colecionar” algumas boas referências (que ainda não são muitas em português), e resolvi então colocar aqui para compartilhar com quem tem interesse no assunto ou até mesmo para aqueles que não têm idéia do que se trata, já que Arquiteto da Informação é uma área de atuação relativamente nova no mercado. (Ver matéria do IDG NOW)

Segue abaixo algumas citações e referências, e se você tiver algum material bacana ai sobre o assunto pode me enviar que serei muito grato.

Arquitetura da Informação é a ciência de descobrir o que você quer que o seu site faça e então construir um projeto, antes de mergulhar em sua construção. Fonte: http://www.jbruni.com.br/AI/index.html Podemos definir Arquitetura de Informação como o design estrutural de grupos de informações relacionadas ou, a arte e ciência de organizar e rotular Web sites, Intranets, comunidades online e software para dar suporte à usabilidade e facilidade de obtenção de informações, e também, como uma comunidade emergente de profissionais focada em trazer princípios de design e arquitetura para o ambiente digital Fonte: http://www.iainstitute.org/pt/

REFERÊNCIAS:

Instituto de Arquitetura de Informação >> http://www.iainstitute.org/pt/

Grupo de Tradução para o português do site The Information Architecture Institute (http://iainstitute.org), com lista de discussão sobre AI e com informações e artigos traduzidos na área de AI.

Arquitetura da Informação >> http://arquiteturadeinformacao.com

Blog totalmente voltado para informações sobre Arquitetura de Informação, usabilidade, internet, interatividade e diversão.

GUILHERMO.com >> http://www.guilhermo.com

Site do Guilhermo que já atua a algum tempo na área de AI, onde ele disponibiliza alguns artigos e apresentações publicadas por ele, além de uma vasta biblioteca com referências para AI, usabilidade e webdesign.

Arquitetura da Informação – Tutorial >> http://www.jbruni.com.br/AI/index.html

Tutorial com introdução e definições sobre AI; estrutura e conteúdo de sites; designer visual, layouts, esboço e modelos de página; e etc.

jdfreitas.com >> http://www.jdfreitas.com

Blog do João Francisco de Freitas, de Recife, com vários artigos sobre AI, Acessibilidade e Usabilidade

Mais referências podem ser encontradas no meu Delicious:

http://delicious.com/edimarramos/arquitetura

http://delicious.com/edimarramos/usabilidade

Abraço a todos…