Uma forma fácil de criar Wireframes

Publicado em 5/10/2009 por Pedro Villalobos

Modelo do blog Isso Mesmo

Todo mundo que trabalha com desenvolvimento conhece a importância do uso de wireframes, seja para aprovação do cliente ou para testes de usabilidade. Ele é literalmente um esqueleto do seu projeto e a idéia é que criar um destes dá menos trabalho do que criar uma “versão final” para cada um dos protótipos.

Quem desenha bem ou tem agilidade no mouse, não vê problemas em criá-los diretamente no Photoshop ou outro programa gráfico qualquer, o problema começa se você não tem tais habilidades. Um tempo atrás o Rodrigo Bressane citou no twitter um programa para facilitar a vida de quem precisa criar muitos destes: Balsamiq Mockups. Sendo membro da categoria de pessoas que não tem a menor destreza com o mouse, resolvi testá-lo.

O Balsamiq Mockups utiliza a plataforma Adobe Air, ou seja, roda em qualquer plataforma (Windows, Linux, Mac), porém não é um programa gratuito (apesar de ser possível conseguir uma licensa grátis em alguns casos), custa US$79 e vale cada centavo.

Um bom exemplo do uso que fiz dele é o blog “Doutor, me Explica?“, onde à partir do wireframe a Priscila (que trabalha comigo na Blue Box) conseguiu criar o layout final muito rapidamente.

Mas melhor que falar o que ele pode fazer, decidi mostrar um pouquinho. Este vídeo foi feito no dia que instalei o programa, em menos de 10 minutos criei uma réplica bem simples do Isso Mesmo sem nunca ter aberto o Balsamiq antes:

Além das funções básicas mostradas no vídeo, você ainda tem a disposição algumas bibliotecas de modelos como o Mockups To Go, ideais para trabalhar em cima de um formato pré-definido, como o twitter, YouTube, Google Maps, entre muitos outros.

Baseado na idéia do Balsamiq Mockups, em agosto deste ano um desenvolvedor chamado Enrico criou o Napkee. Este programa, que também usa a plataforma Adobe Air, permite exportar seu modelo do Balsamiq para páginas completas em HTML/CSS/JS e Adobe Flex 3. Muito útil para que desenvolve para web e quer algo rápido e simples publicado o quanto antes. Ele também não é gratuito, mas pode ser comprado à partir de US$49 (ou novamente você pode conseguir uma licensa grátis caso se enquadre) ou testado de forma completa por 15 dias. Ainda não testei, mas pretendo fazer o quanto antes.

Esboçar coisas no papel realmente não é minha praia. E você, como desenvolve wireframes?

Juntando pastas no Mac baseado em critérios

Publicado em 12/07/2009 por Pedro Villalobos

Atualmente, como sócio da Blue Box, uma de minhas funções e garantir o bom funcionamento de nossos servidores e com isso ter o melhor custo x benefício para os clientes. Graças a isso, tenho pentelhado bastante o Felipe para que diminuísse um pouco a resolução das imagens postadas no Pristina. Isto estava ficando de lado, até que o blog dele cresceu bastante devido ao destaque em alguns artigos.

A primeira parte da solução

Diminuir a resolução das imagens era tarefa fácil, bastava usar o OSX Image Resizer, que o próprio Felipe me indicou. O que eu não contava era com o fato deste programa aumentar o tamanho de algumas imagens que ele simplesmente não estava redimensionando. Apesar de o resultado final serem pastar menores no geral, era possível diminuir mais ainda se juntasse as duas pastas e só mantivesse os menores arquivos por lá.

Perfeito, segundo problema: como fazer para unir pastas no Mac com este critério?

O santo Google me ofereceu dois programas, um deles gratuito, o Folder Splitter. Apesar de ser muito bom, ele não me oferecia a opção de escolher para automaticamente usar o menor arquivo. Descartado!

Finalmente uma solução

A segunda opção infelizmente não é gratuita, mas faz tudo que o Folder Splitter faz e mais um pouco, o The Big Mean Folder Machine. Com este programa (que custa €14,95) eu pude unir todas as pastas necessárias – quase 3 mil arquivos – em pouquíssimo tempo.

Além de oferecer a opção de utilizar o menor arquivo, ele ainda oferece a opção de ordenar por data dos arquivos (super útil para backups e organização de fotos), nome de cantor, datas, ábuns e afins no caso de músicas. E muito mais.

Definitivamente este programa vai me ajudar muito a diminuir o espaço usado do meu HD e a organizar e limpar pastas de downloads e toda coisa do tipo.

E você, conhece alguma outra forma rápida de organizar grandes bibliotecas de arquivos? Deixe seu comentário!

Como criar um blog passo-a-passo

Publicado em 4/09/2008 por Pedro Villalobos

thinking Então você quer criar um blog? Bem, eu já ensinei no meu outro blog como usar um domínio próprio em serviços de blog gratuitos, mas agora, a super competente e querida Nospheratt criou o Bê-a-Blog. Um manual definitivo que ensina passo-a-passo como criar um blog.

Abaixo você confere um resumo do que é este manual/livro/e-book/etc:

São 120 dicas, divididas em 8 seções:

1 – Começando a Blogar
2 – Design e Visual
3 – Conteúdo
4 – Comportamento
5 – Divulgação
6 – Networking
7 – Monetização
8 – Miscelânea

O Bê-a-Blog vai desde a escolha do nome e da plataforma para o seu blog até as diferentes formas de gerar rendimentos com ele, passando por dicas de etiqueta, produção de conteúdo, divulgação e marketing, e muito mais.

Estou começando a ler para ver se aprendo algo mais e recomendo a qualquer um que queira ter uma presença virtual bacana, ou mesmo entender melhor esse "novo mundo" dos blogs.

Bê-a-Blog – Via Blosque

Chrome – A magia do Google Agora nos Navegadores

Publicado em 2/09/2008 por Pedro Villalobos

Ontem no meio da tarde fiquei sabendo por acaso que a Google lançaria um navegador hoje. Parecia uma grande burrada, levando em conta a quantidade de navegadores por ai, mas parece que eles uniram o melhor de vários e criaram o Google Chrome.

google_chrome

Hoje fiquei boa parte da manhã lendo sobre ele e babando nas funcionalidades bacanas que ele teria, em consequência disso, de hora em hora procurava na web para ver se havia saído alguma informação nova ou se o download estava disponível. Tão logo apareceu o link, baixei ele e o resultado não podia ser melhor:

O Google Chrome é um navegador MUITO rápido, ele renderiza as páginas como nenhum outro e seu sistema de abas em processos separados torna a navegação muito mais estável.

Por enquanto vou babando apenas na velocidade dele, quem sabe com mais algumas horas de uso não tenho outras impressões?

Se quiser acompanhar o que outras pessoas estão falando agora sobre o Google Chrome, dê uma olhada no Twitter com a tag #chrome.

O Google Chrome é gratuito, totalmente open source e você pode fazer o download agora em mais de 100 línguas diretamente no site oficial.

8 Programas para Turbinar seu Smartphone Symbian

Publicado em 19/02/2008 por Pedro Villalobos

Como bom geek que sou, há pouco tempo comprei um smartphone para mim. Ótimo, brinquedo novo na mão e com a possibilidade de instalar milhares de programas gratuítos e legais, mas como transformá-lo numa ferramenta de produtividade móvel? Simples, um teclado bluetooth para poder deixar o notebook em casa e os programas certos para nunca ficar na mão.

LightNotepad – o editor de textos

A primeira coisa que procurei foi um editor rápido de textos, para nunca ficar sem ter onde anotar observações e criar novos artigos sem depender de uma conexão com a internet. O LightNotepad é um editor bem simples, que edita qualquer arquivo em texto puro. Sua única limitação é o tamanho do mesmo, qualquer arquivo com mais de 200kb se torna somente leitura. Como o objetivo não é escrever um livro, 200kb são mais que suficientes.

Adobe Reader – nunca esqueça dos pdf’s

Isso mesmo, a Adobe possui uma versão para celular de seu famoso leitor de arquivos PDF. Óbvio que dispensa apresentações e explicações. Use e abuse!

Adobe Reader para Symbian

ToDoManager – lembre-se do que tem que fazer

Listas de afazeres são ótimas para cumprirmos nossos objetivos e nunca esquecermos de passar no supermercado para comprar sabonete. Já sugeri um ótimo programa para o computador, mas com esse no seu celular vai ficar impossível esquecer qualquer coisa. Tem alarme e opção de prioridade da tarefa.

GMail – seu e-mail com você o tempo inteiro

Claro que a Google não podia ficar de fora, então lançaram um sistema para acessar sua conta do GMail à partir do seu celular sem preocupações e o melhor de tudo: ela é otimizada para um consumo menor de banda!

Google Maps para Celular Google Maps – com ele você não fica perdido

Além do GMail, também é possível acessar o Google Maps à partir de seu aparelho e se você possui um celular com GPS (o Nokia N95 por exemplo) ou um GPS Bluetooth pode utilizá-lo para traçar rotas exatas à partir de sua origem ou então usar a função Meu Local que dá sua localização baseada na triangulação das antenas de celular da sua área. Pelo menos aqui em Belo Horizonte a margem de erro é de 500 metros. Com ele você também pode pesquisar por supermercados, hotéis, postos de gasolina e muito mais na região em que está.

Mr Lock – para não discar sem querer para ninguém

Mr LockUm grande problema de alguns smartphones Symbian é a ausência de uma função de bloqueio automático após determinado tempo. Existem diversas opções de programas gratuítos para isso, mas um grande diferencial do Mr Lock é sua possibilidade de customização. É possível escolher em quais perfis você quer que o celular bloqueie automaticamente e em quais programas quer que esse bloqueio seja desativado.  Pessoalmente só uso o bloqueio no perfil que uso quando estou na rua, com o celular no bolso.

Fring – um mensageiro muito versátil

Um celular com conexão wi-fi ou acesso à rede 3G pode ser uma mão na roda quando você precisa fazer um interurbano ou até mesmo uma ligação internacional. Isso porque com essas redes de alta velocidade é possível utilizar o Skype e outros programas de mensagem para conversar por texto ou som por um preço bem mais acessível que o padrão das operadoras. O Fring oferece acesso aos mais diversos mensageiros (Skype, MSN Messenger, ICQ, Google Talk, Twitter, AIM e Yahoo) e uma qualidade de chamada excepcional.

S60SpotOn – uma lanterna de bolso

Seu celular tem câmera com flash? Um visor bem iluminado? Pois então nos dois casos você pode usar esse programinha para mantê-los ligados permanentemente sempre que preciso. Achar a chave de casa dentro da mochila vai ficar muito mais fácil.

Esses são os oito programas que não saem do meu celular de jeito nenhum. São todos gratuítos e compativeis com celulares Symbian Série 60 Versão 3, alguns tem versões para outros modelos também. Além disso, o GMail, Google Maps e Fring dependem de conexão à internet, por isso recomendo a contratação de um plano de dados com sua operadora de celular, ou uma conexão direta por wi-fi.

E você, tem algum programa no celular para dar uma ajuda na produtividade móvel? Deixe suas dicas.

Próxima Página →