Alexandre Colucci

Wireframing é uma das tarefas mais valiosas para qualquer projeto interativo. Com ele, é possível economizar horas de trabalho prevendo detalhes da arquitetura, funcionalidade e conteúdo de um site/sistema, antes de realmente iniciar o projeto visual. Mas, se feito de forma ineficiente, pode custar mais tempo e até mesmo criar dores de cabeça para o cliente e o designer.

O blog Smashing Magazine publicou 35 recursos muito úteis para a criação de wireframes, incluindo tutoriais sobre diferentes métodos e uma variedade de ferramentas disponíveis.

Via 35 Excellent Wireframing Resources.

Para saber mais:

• Mockingbird: Wireframes on the Fly (emilychang.com)
• Website wireframing gets easier with OverSite 3.0 (themactrack.com)
• What, when and why of wireframes – James Kelway – 2009 08 17 (slideshare.net)
• The Process Toolbox, part eight: Prototyping (konigi.com)
• Meet the super-light HTML prototyping toolkit in under 3 minutes (konigi.com)
• Start with wireframes. (netsetters.nl)
• Real-Time Drawing Collaboration Service Cacoo Breaks Out of Beta (asiajin.com)
• In-house SEO Tips From A Master (techstartups.com)
• Mockflow: web-based, real-time, collaborative wireframing (downloadsquad.com)
• A wireframe for a new Express homepage (malcolmcoles.co.uk)

Olhem a placa acima e me digam o que acham errado nela. Não perceberam? Então senta que lá vem história…

Outro dia fomos eu e a patroa no Pátio Savassi para assistir a um filme, e caímos na besteira de comprar aqueles baldes enormes de Coca-Cola. É óbvio que assim que o filme terminou, corremos à procura do banheiro mais próximo, e eis que nos deparamos com um erro crasso de usabilidade na sinalização dos sanitários do shopping.

No afã de aliviar o mais rápido possível nossas bexigas, não percebemos de imediato a real direção que a placa indicava. Resultado: ambos trocamos os lados, e só depois percebemos o erro. Fiquei mais alguns minutos próximo à entrada, e percebi que, mesmo sem pressa para aliviar, as pessoas ficavam inicialmente confusas sobre qual caminho tomar.

Fica o recado para os designers: usabilidade é sobre indicar os caminhos mais fáceis para os usuários, caminhos que raramente coincidem com nossas “belas artes”.