FontStruct – Ferramenta para Criação de Fontes

Hoje minha indicação é o FontStruct, uma ferramenta online para criação de fontes.

Achei muito bacana a ferramenta, que permite você criar seu estilo de fonte oferecendo alguns recurso básicos para criação de letras, números e outros caracteres. A medida em que você vai criando cada caracter, você pode ir visualizando o resultado, e quando finalizar é só baixar a fonte criada e instalar para utilizar.

Para você que não deseja ficar criando novas fontes, no site do FontStruct possui uma galeria com vários exemplos de fontes criadas através do site disponíveis para download.

Achei o FontStruct bem simples de usar, permitindo a qualquer nível de usuário a criar suas novas fontes.
Veja na imagem a seguir um pequeno teste que fiz.

É só soltar a criatividade que dá para fazer trabalhos bacanas com essas novas fontes.

Endereço do FontStruct: http://fontstruct.fontshop.com

É isso pessoal…
Abraço a todos…

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…

Webdesign: Teoria e Prática

Olá pessoal!!!

Venho hoje dar minha opinião em relação ao livro Webdesign: Teoria e Prática, publicado em 2003 pela Visual Books sendo de autoria de Anielle Damasceno. Como acabei de concluir a leitura do livro, achei interesante falar um pouco sobre ele.

É um livro bem bacana e muito recomendado para os profissionais que estão iniciando na área, assim como para aqueles que já atuam na área, mais não detem conhecimentos técnicos que podem tornar seu trabalho ainda melhor.

O livro, apesar de está um pouco velhinho (2003), vem com um excelente conteúdo teórico sendo todos exemplificados na prática, permitindo ao leitor um melhor entendimento da teória sobre temas relacionados ao desenvolvimento de aplicações para web, além de exercícios teóricos e prático utilizando Photo Shop.

Alguns dos temas abordados no livro: Usabilidade, Harmonia, Cores, Criação de Layouts, Menu, Rodapé, Topo, Logo, Conteudo de sites, Portais Corporativos, Blogs, Sites Profissional, Institucionais e Pessoais, Organização de conteudo, Criação de Portifolio, Imagens e Icones.

O livro só deixa a deseja pela qualidade das imagens, pois está tudo em preto e branco, apesar da editora liberar as imagens coloridas e os exemplos para download, creio que sua leitura sereia mais agradável com as imagens coloridas.

Concerteza valeu o investimento, por isso recomendo sua leitura a todos que estão iniciando e também aos que já estão na área, pois sempre há algo novo para aprender. Também recomendado para demais profissionais, pois concerteza ajudará no desenvolvimento de projeto auxiliando a equipe de design.

Abraço a todos… e até a próxima…

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.

InterAct 2009 – Inscrições Abertas…

Olá pessoal.

Já está aberta a inscrição para o InterAct 2009 que vai rolar no mês de maio aqui em Belo Horizonte, no Hotel Ouro Minas . O InterAct 2009 é um evento organizado pelo Imasters , um dos maiores portais de TI do Brasil. Garanta já sua vaga.

Veja a seguir mais informações sobre o evento:

Data: 23 de maio de 2009

Horário: 08:00 as 18:30hs

LOCAL E ESTRUTURA

Além de ser o único hotel cinco estrelas de Belo Horizonte, o Ouro Minas Palace Hotel é um dos mais charmosos e bem estruturados locais para realização de eventos da capital. Está localizado a 10 minutos do centro da cidade, a 7 km do Aeroporto da Pampulha e a 35 km do Aeroporto Internacional de Confins.

O iMasters InterAct será realizado por todo o andar térreo do Hotel, incluindo o teatro principal, o espaço multi-uso e toda a área comum destinada à Networking.

O Hotel conta com restaurante, caixas eletrônicos e está localizado em frente a um dos maiores shopping de Belo Horizonte, o Minas Shopping.

PALESTRANTES

Cazé Peçanha, Criador do Gengibre e VJ da MTV

Michel Lent, VP de Criação da 10´SA (A confirmar)

Emerson Calegaretti – Diretor Geral do MySpace no Brasil

Suzana Apelbaum, Diretora de Criação da Hello, Interactive

Raphael Vasconcellos, Diretor de Criação da Agência Click

Luli Radfahrer – Professor-Doutor da ECA/USP

Ana Amelia Erthal – Coordenadora de Conteúdo da Oi

Alexandre Bessa – Diretor de Projetos da Gringo

Fabiano Coura – Diretor de Planejamento da Neogama/BBH

Para maiores informações acesse o site do evento: http://imasters.uol.com.br/interact/2009/

Te vejo lá…

Abraço a todos!!!

Materiais sobre Microsoft Visio

Em busca de materiais sobre o Visio pela rede encontrei três apostilas que parecem ajudar muito quem está começando a usar a ferramenta. Ainda não tive tempo de avaliar se realmente são boas, mas como vi que o pessoal tem dificuldades em encontrar materiais resolvi disponibilizar esses que achei aqui.

Para quem não conhece a ferramenta, segue abaixo uma breve descrição sobre o Visio, e abaixo link para os três materiais e para algumas referências que encontrei.

Sobre o Microsoft Visio O Microsoft Visio é um aplicativo para criação de diagramas para o ambiente Windows. O ponto forte do Visio são os diagramas técnicos e profissionais, com imagens vetoriais, que podem ser ampliados e manipulados com facilidade. O Visio pode ser utilizado para gerar diagramas de diversos tipos, como organogramas, fluxogramas, modelagem de dados (usando UML ou outra notação gráfica qualquer), diagramas de redes, plantas baixas, cartazes, etc. Fonte: http://pt.wikipedia.org/wiki/Microsoft_Visio

Introdução para Uso do Software Visio

http://www.adrive.com/home/downloadfile/129907963

Manual Microsoft Visio 2003

http://www.adrive.com/home/downloadfile/129907979

Microsoft Office Visio 2007

http://www.adrive.com/home/downloadfile/129917986

Outros links úteis:

Site oficial do Microsoft Visio
http://office.microsoft.com/pt-br/visio/FX100487861046.aspx

Cursos do Visio 2007 disponíveis no site da Microsoft
http://office.microsoft.com/pt-br/training/CR101109221046.aspx

Exemplo para Visio 2003: 20 diagramas de exemplo
http://www.microsoft.com/downloads/details.aspx?FamilyId=716C617E-4F9C-4829-800A-F274B5BE8A1E&displaylang=pt-br

Modelos disponíveis para download
http://office.microsoft.com/pt-br/templates/CT101527321046.aspx?av=ZVO

Se você tiver algum material ou alguma referência para compartilhar, é só enviar que coloco aqui para moçada.

É isso ai pessoal…

Abraço a todos e bons estudos…

Editado em 04/04/2009

Novos Links para os materiais…

Introdução para Uso do Software Visio http://www.badongo.com/file/14261121 Manual Microsoft Visio 2003 http://www.badongo.com/file/14261118 Microsoft Office Visio 2007 http://www.badongo.com/file/14261138

Design para a Internet – Projetando a experiência perfeita

Voltando ao assunto Acessibilidade e Usabilidade, terminei ontem de ler o livro Design para a Internet – Projetando a experiência perfeita de Felipe Memória. Demorei um pouco, mas foi de começar a ler. Conforme citei no post Não me faça pensar a empolgação com o tema foi tanta que antes mesmo de acabar de ler um livro já tinha comprado o outro. Só que tive alguns probleminhas…

Primeiro foi que o livro chegou com defeito, com algumas páginas em branco (veja na Imagem 1), mas o pessoal do Extra logo resolveu e me enviou outro em perfeito estado. Depois foi a falta de tempo mesmo, até me mudar para BH onde comecei a aproveitar as horas de buzão indo e voltando do trabalho para ler o livro.

Imagem 1 – Livro com defeito

Design para a Internet – Projetando a experiência perfeita é mais um livro da lista do Bruno Ávila e do Carreira Solo voltada para profissionais que atuam com desenvolvimento de sistemas. O livro é uma excelente leitura tanto para quem está começando quanto para quem já é fera no assunto.

O seu conteúdo é muito bacana e sua leitura é empolgante, tanto que tinha que ficar ligado, pois se empolgasse demais acabaria literalmente passando do ponto.

Ele aborda temas como: Usabilidade na web, Processos de Projeto, Formas de navegação, Testes de usabilidade, Breadcrumbs, e principalmente na forma como devemos pensar ao desenvolver ou projetar um site ou um sistema, sempre focando o elemento principal de toda essa história: O Usuário.

No livro, além da “teoria” o Felipe Memória procura demonstrar na prática todos os conceitos abordados, através de estudo de casos de sucesso de site como: Orkut, Ideo, BBC, AOL, Flickr e Hattrick, e de algumas experiências vivenciadas por ele como: Big Brother Brasil, Globo Media Center (GMC), e os sites do jornalismo da Globo.com. Esses Cases apresentados facilitam muito no entendimento do que ele quer passar.

Concluíndo: como o Felipe cita em seu livro, não adianta nada você fazer um site cheio de animações em flash, cheio de bordados e firulas, e o usuário não conseguir navegar pelo site. Depois dessa leitura tive ainda mais a certeza de que um site tem que ser simples e objetivo, com o conteúdo ali, fácil de encontrar, afinal é para isso que os usuários vêm até o seu site, em busca de conteúdo.

Imagem 2 – Design para a Internet – Projetando a experiência perfeita por Felipe Memória

Mais informações sobre o livro

Site do Livro: http://www.experienciaperfeita.org/portal/livro_index.asp

Blog do Livro: http://www.experienciaperfeita.org

Resenhas:

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

http://carreirasolo.org/livros/bibliografia-basica-para-arquitetura-de-informacao

Abração pessoal…

Até a próxima…

Google Chrome

Está ai mais uma cartada do Google, Google Chrome Beta. Navegador para internet desenvolvido pela empresa para entrar de vez na “guerra dos browsers”.

Assim como tudo que a empresa oferece o Chrome chega com a promessa de desbancar os outros navegadores, com o objetivo de tornar a navegação mais rápida, fácil e segura.

Esse lançamento é tão importante, que foi destaque em mil e um sites de noticias, seja ele voltado para tecnologia ou não. Após ler algumas dessas matérias que circularam hoje, resolvi então baixar o Google Chrome e instalar para ver se ele é realmente tudo isso que andam falando por ai.

Bom, eu gostei do vi. Apesar de só ter testado até agora algumas das novidades e facilidades que eles prometem, já deu para ver que eles entraram com tudo por um espaço no mercado.

Acho que tem tudo para vingar, pois além de ser uma ferramenta realmente bacana, leva com ele o nome do Google, fator esse que já faz com ele seja bem aceito no mercado.

Os números me chamaram muita atenção, veja só: ainda não completou 12 horas que o Chrome foi lançado e o link disponibilizado pelo Baixatudo da Globo para download do Chrome consta nada mais nada menos que 40630 downloads da versão português e 3307 da versão em inglês até o momento em que escrevi esse post. Gostaria de ver os números oficiais do Google.

Para você que ainda não testou, eu recomendo baixar e fazer um teste.

Segue ai alguns links sobre o Google Chrome:

Notícias:
Google lança seu próprio navegador
Google lança navegador nesta terça em mais de cem países
Google promete internet mais veloz e lança navegador próprio

Site do Google Chrome:
www.google.com/chrome

Vídeo:
A história por trás do Google Chrome

Downloads:
Google Chrome – Português
Google Chrome – Inglês

É isso ai pessoal…

Novo trabalho – Site LB Logística

Olá Pessoal…

Assim como muitos profissionais da minha área, tenho ai alguns “bicos” nas horas extras.

Há alguns dias está no ar meu último trabalho de freelancer. É o site que desenvolvi para a LB Logística (www.lblogistica.com).

Tela principal do site da LB Logística

A LB Logística é uma empresa da área de transporte e distribuição de cargas situada em Vitória – ES, e com atuação em todo território nacional e no exterior.

O site ainda está em fase de testes e faltando algumas implementações. Se tiver um tempinho ai dá uma passada lá e deixe aqui seu comentário sobre layout, estrutura, navegação, usabilidade, etc..

Toda crítica e sugestão são muito bem vindas…

Abraço a todos…

e até a próxima…