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?

Android – Google e o Celular

Publicado em 2/05/2008 por Igor Barbosa

Android

Já tem um tempo que eu estava querendo falar sobre o Android. O Android foi a forma que a Google arrumou para entrar no mercado de celular. Ela não faz aparelhos como a Apple e seu iPhone, ela faz o software pra usar no aparelho.

Hoje Android está mais pra plataforma de desenvolvimento que para um sistema operacional. Possui código aberto e é gratuito para pessoas fazerem seus aplicativos nele. É uma ótima pedida para acelerar o desenvolvimento de programas para celular, e qualquer um pode ser um desenvolvedor. O Google disponibiliza gratuitamente o ambiente de desenvolvimento para todos que queiram entrar nesse mercado que é os softwares de celular.

Como motivação que tal ganhar alguma coisa dos 10 milhões de dólares em prêmios que a Google vai dar com o Android Developer Challange? Então você tem ate o 14/05/2008 para inscrever-se no primeiro prêmio.

Android Developer Challange

Confira também:

Site Oficial do Android

Portal de Desenvolvedores Brasileiro (Dica do Leitor Samuel)

Vídeo de lançamento do Android:

Uma Galeria de Fotos em 3D no seu Navegador

Publicado em 8/02/2008 por Pedro Villalobos

Logo do PicLens O Ronaldo me chamou atenção hoje pra uma extensão muito legal pro Firefox, o PicLens da CoolIris. Essa extensão é a solução para quem procurava uma forma de ver imagens de diversos sites em forma de galerias.

O grande lance é que não é uma simples galeria, o PicLens gera uma galeria em 3D na qual você navega através de uma barra que aumenta de acordo com o número de fotos[bb] que são carregadas. Ao dar dois cliques em uma das imagens, ela maximiza e você pode navegar em todas as fotos dos sites compatíveis sem precisar ficar clicando em cada uma delas e vendo propagandas e outras coisas inúteis.

Outra característica legal é o cache antecipado que ele faz das imagens, assim você não precisa ficar esperando muito tempo para carregar cada uma delas e pode ver todas as fotos da festa que você foi sem precisar ficar apertando avançar e retornar, ou clicar em cada uma das fotos para visualizá-las em tamanho maior.

Por enquanto não é compatível com o Fotolog (que é o favorito em 9 de cada 10 miguxos brasileiros), mas funciona perfeitamente com vários outros sites.

Uma última coisa, o Ronaldo me disse agora que viu a dica no Sedentário e Hiperativo.

Agora sim vai ser legal ver aqueles álbuns[bb] gigantescos no Flickr, como vai ser o da Campus Party Brasil. Para conhecer mais, visite o site oficial e veja um vídeo de demonstração.

PicLens [via Sedentário e Hiperativo]

Powermate

Publicado em 24/01/2008 por Igor Barbosa

Powermate Este é mais uns daqueles dispositivos usb que chamam a nossa atenção. Ele é um Knob, um daqueles botões de rodar gigantes que servem para ligar na USB. Na teoria ele serve para aumentar e diminuir o volume do seu computador, apresentando efeitos de luz de acordo com a variação do volume. Mas ele faz muito mais que isso!

Na realidade, é um controlador multimídia USB. Ele é programavel e pode ser usado para edições de vídeos, de áudio, scroll de textos, em jogos e muito mais. Seu design realmente e de chamar a atenção e parece ficar muito bonito em uma mesa.

Se está interessado em levá-lo para casa, basta desembolsar US$36,00.

Griffin Powermate

Martelando com facilidade

Publicado em 3/10/2007 por Pedro Villalobos

Para todos aqueles que tem problemas em pregar um prego reto ou vivem batendo no próprio dedo, esse brilhante aparelho vem bem a calhar: Nailing for Dummies ou numa tradução livre “Pregando para iniciantes” (assim como aqueles livros que ensinam qualquer um a fazer qualquer coisa).

pregando_mais_Facil

A criação é de Michael Harris e assim como tudo que é muito bom, ainda é um design conceito. Sua utilização é bem simples, basta encaixar o prego no orifício específico, colocar o aparelho na parede e martelar sua superfície, que é bem maior que a de um prego. No Yanko Design você encontra um gráfico explicando melhor a utilização e algumas outras imagens do produto.

Além de tudo o aprelho ainda tem muito estilo. Com certeza vai vender milhares de peças assim que for lançado.

Nailing for Dummies [no Yanko]

Próxima Página →