Serviços para wireframes e protótipos de sites permitem que você assuma o controle total da arquitetura do seu site, sem ter que contratar um web designer para isso. Você pode construir um projeto fiel ao layout do site, sem detalhamento de cores, gráficos e elementos de design específicos. Neste guia da MasterNewMedia, você encontrará os melhores serviços para a criação de wireframes e protótipos de sites a um preço menor que 150 dólares e poderá começar a esboçar o seu site imediatamente.
Crédito da foto: Yasuhisa Hasegawa
A Wikipédia define um wireframe para sites assim:
Um wireframe de site é um guia básico visual utilizado no design da interface do site para sugerir a estrutura de um website e as relações entre suas páginas. Um wireframe é uma ilustração similar a um layout, com os elementos fundamentais da interface.
Wireframes são um importante passo para a simplificação do design do seu site, porque uma maquete permite reduzir o tempo e a produção do design de uma só vez, deixando tempo livre para você se concentrar no que é realmente importante ter em seu site.
Outra vantagem indiscutível de usar serviços para wireframes e protótipos de sites é que eles também estão disponíveis em preços e formas diferentes para se adaptar totalmente ao seu orçamento.
Você pode encontrar um guia já publicado na MasterNewMedia sobre serviços para wireframes gratuitos e brevemente publicaremos outro sobre alguns softwares para wireframes top de linha.
O guia de hoje é muito dedicado a todos os editores que querem tirar as mãos do bolso e investir um pouco em wireframes, por um preço razoável. Na verdade, aqui você vai encontrar uma seleção de ferramentas para a prototipagem de sites que custam menos de $ 150 dólares por mês (bem abaixo, na maioria dos casos).
Para ajudá-lo a selecionar e identificar a melhor solução para suas necessidades específicas, aqui está, comparada e revisada, uma série de ferramentas web e aplicativos baseados em software para a criação de wireframes e protótipos de sites.
Abaixo, você encontrará um mapa mental interativo, e um conjunto de tabelas e mini-revisões para tornar a sua avaliação a mais simples possível.
Estes são os critérios utilizados para essa comparação:
NB: A presente seleção de serviços para wireframes e protótipos de sites por menos de $ 150 ainda está incompleta. Fazemos um convite para que você favorite esta página (basta pressionar CTRL + D no seu teclado Windows ou CMD + D no seu teclado Mac), já que adicionaremos mais serviços nas próximas semanas.
Aqui está o guia completo em detalhes:
Gliffy é uma ferramenta para wireframe baseada na web que permite traçar um protótipo de seu site, você pode criar wireframes estáticos ou interativos para simular a navegação entre as páginas web e tirar proveito de uma extensa biblioteca de símbolos GUI. Também é possível colaborar com outras pessoas para receber feedback em tempo real e comentários sobre seu trabalho. Quando terminar, você pode exportar seus wireframes para SVG, arquivos Gliffy em XML, JPG ou PNG. A conta premium de Gliffy custa $ 5/mês e permite desenhar um número ilimitado de wireframes.
http://www.gliffy.com/
Creately é uma ferramenta para wireframes baseada no navegador. Creately é projetada especificamente para fins de colaboração online, para que você possa esboçar uma maquete de um site para mostrar a seus clientes a obter feedback imediato, sem utilização de anexos de email. As maquetes também são interativas, de modo que você pode simular a navegação entre páginas web diferentes. Além disso, você tem uma grande biblioteca de símbolos com os objetos GUI prontamente disponíveis para construir seus wireframes. Para exportar as suas maquetes, você pode escolher entre os formatos PDF, JPG ou PNG. O preço inicial está fixado em $ 4.95/mês.
http://www.creately.com/
ProtoShare é uma ferramenta colaborativa, baseada na web para a criação de protótipos. Você pode desenhar maquetes interativas para o seu site que simulam a navegação entre páginas web, compartilhá-las com seus clientes e colaboradores para obter comentários e também exportar seus protótipos em HTML, CSS, JavaScript e formatos MS Word. Uma extensa biblioteca GUI de símbolos, elementos da Web e objetos de desenho também estão disponíveis para ajudá-lo a desenhar os wireframes do seu site. Os preços de ProtoShare começam em $ 29/mês para um único usuário.
http://www.protoshare.com/
HotGloo é uma aplicação baseada na web para a criação de wireframes. Com HotGloo, você pode desenhar protótipos interativos do seu site, aproveitando-se de uma lista de objetos GUI facilmente disponíveis, além de outras formas e elementos da web. A função de chat permite que você receba um feedback imediato sobre o seu trabalho de clientes e colaboradores. Para exportar as suas maquetes finalizadas, você pode escolher entre os formatos PDF e PNG. A linha de preços do HotGloo começa em $ 7/mês, mas com o plano inicial, você fica limitado a construir um projeto só.
http://www.hotgloo.com/
Pidoco° é uma ferramenta de desenho online GUI que permite que você crie wireframes e protótipo clicável interativos para websites e interfaces de usuário. Os wireframes podem ser exportados em HTML ou para um formato compatível com o MS Word. A biblioteca GUI de sistema global também está disponível para fornecer elementos web facilmente disponíveis como barras de menus, barras de rolagem e outros objetos para desenhar interfaces ricas para o usuário. Os preços do serviço começam em $ 9/mês, mas para tirar proveito dos recursos de colaboração em tempo real, você deve fazer o upgrade para o plano de $ 29/mês ou superior. Não há novas funcionalidades de colaboração disponíveis.
http://www.pidoco.com/
Mockup Screens é uma ferramenta de software para computadores com Windows que lhe permite construir protótipos e maquetes do seu site. Os wireframes são estáticos, portanto você não pode hyperlinkar páginas diferentes para simular a navegação do usuário. A biblioteca de símbolos GUI está disponível para utilizar os objetos prontos e elementos de desenho dentro da maquetes e o recurso de exportação permite converter seus wireframes para XML, HTML ou arquivos PDF para leitura offline. MockupScreens custa 99,95 dólares para uma licença de usuário único.
http://www.mockupscreens.com/
WireframeSketcher é uma ferramenta de software que permite desenhar maquetes para o seu site. WireframeSketcher é baseado no Eclipse IDE e está disponível para Windows, Mac e Linux. Todos os protótipos que você pode construir são estáticos, sem interação entre páginas web diferentes. A biblioteca de símbolos GUI está disponível para utilizar objetos de design prontamente e outros elementos dentro das maquetes. Você também pode exportar suas wireframes em arquivos PDF e PNG. WireframeSketcher custa $ 75 para uma licença de usuário único.
http://www.wireframesketcher.com/
FlairBuilder é uma ferramenta baseada na Web que permite fazer protótipos para sites e aplicativos do iPhone. Suas maquetes são interativas, o que significa que você pode simular a experiência de navegação do usuário entre as diferentes páginas do seu site ou aplicativo. Você também pode usar a biblioteca GUI para encontrar os elementos prontos que pode adicionar aos seus wireframes. Para comprar FlairBuilder você pode pagar $ 24/mês ou $ 99/ano. Não disponibiliza recursos de colaboração, nem de exportação de arquivos.
http://www.flairbuilder.com/
OmniGraffle é uma ferramenta para wireframes disponível para Mac e IPAD que você pode usar para esboçar wireframes interativos para o seu site. Um sistema de biblioteca GUI está à sua disposição para pegar elementos web prontos e adicionar estilo a sua wireframe. As possibilidades de exportação incluem arquivos em PICT, PDF, EPS para os formatos MS Word e PowerPoint compatíveis com o MS. OmniGraffle custa 99,95 dólares para uma licença de usuário único. Não há funcionalidades de colaboração.
http://www.omnigroup.com/products/omnigraffle/
Balsamiq Mockups é uma ferramenta para wireframes que permite que você faça um protótipo para o seu site interativo. Balsamiq Mockups está disponível como aplicativo baseado na web e como software pode ser baixado para Windows, Mac e Linux. O serviço tem uma biblioteca grande de símbolos GUI com botões, barras de rolagem e outros objetos que você pode usar para desenhar suas maquetes. Os recursos de colaboração também permitem que você compartilhe seu projeto para receber, em tempo real, feedback e comentários. Quando terminar, pode exportar seu wireframe em arquivos XML, PDF, PNG. A Balsamiq Mockups Desktop App custa $ 79 para uma licença de usuário único.
http://www.balsamiq.com/products/mockups
Originalmente escrito por Robin Good e publicado pela primeira vez na MasterNewMedia.
Robin Good e Daniele Bazzano -
Feed RSS de Notícias Diárias
