Wireflow - ferramenta online gratuita e open source para criar protótipos de fluxo de usuário

Wireflow: ferramenta gratuita, online e open source de fluxo de usuário

• Wireflow é uma ferramenta gratuita, online e open source para criar belos protótipos de fluxo de usuário.
• Não exige conhecimentos de Photoshop e oferece mais de 100 gráficos/cartões personalizados.
• Permite colaboração em tempo real, convidando colegas para projetar juntos o fluxo de usuário de um projeto.

Permissões do projeto e chat em tempo real

• É possível definir permissões de acesso para projetos/salas e torná-los públicos ou privados.
• Com o recurso de chat em tempo real integrado, a equipe pode se comunicar e colaborar simultaneamente.

Interface fácil de usar

• Oferece uma boa experiência ao usuário com uma interface simples e minimalista.
• Mesmo sem experiência com softwares complexos, é fácil usar o Wireflow.

Sobre o projeto Wireflow

• O Wireflow surgiu da necessidade de simplificar as etapas iniciais de planejamento de projetos e brainstorming.
• O objetivo é eliminar a necessidade de softwares complexos ou da compra de kits de wireframe/fluxo de usuário.
• Foi desenvolvido rapidamente junto com outros projetos importantes, e é preciso ter em mente que ainda está em fase de protótipo e pode conter bugs.

Ferramentas e recursos

• Oferece recursos como zoom, conectores (setas), movimentação da tela, desfazer/refazer, remoção de cabeçalho, edição do texto do cabeçalho, trazer para frente/enviar para trás, atalhos de teclado e mais.

Totalmente open source

• A equipe da Vanila usa Meteor.js para oferecer uma aplicação rápida, em tempo real e escalável.
• Meteor.js é uma plataforma completa para criar apps web e mobile em JavaScript puro.

Equipe e colaboradores

• Desenvolvedores de vários países, como Stefan Smiljkovic, Jelena Jovanovic, Abu Taher, Lauri Ojansivu, Raul Torrefiel e Taqi Mustafa, contribuem para o projeto Wireflow.

Opinião do GN⁺

• Ferramenta de colaboração inovadora: o Wireflow é uma ferramenta inovadora que permite colaboração e comunicação em tempo real para projetar fluxos de usuário, sem a necessidade de aprender ou instalar softwares complexos.
• A força da comunidade open source: como um projeto open source criado com a participação de diversos desenvolvedores ao redor do mundo, mostra a importância do compartilhamento de tecnologia e da colaboração.
• Acessibilidade e praticidade: com uma interface simples e intuitiva, qualquer pessoa pode usar com facilidade, contribuindo para democratizar ainda mais o processo de design e prototipagem.

[GN⁺]

Comentários do Hacker News

• Primeiro comentário:

  • A branch principal no GitHub não é atualizada há anos, então parece útil, mas fico em dúvida se ainda está sendo mantido.

• Segundo comentário:

  • Foi apresentado como um web app instalável, mas não parece funcionar no Chrome para Android.
  • No celular, ele deveria permitir revisar coisas ou responder e-mails ou ao chat da equipe, mesmo sem visualizar ou editar projetos.

• Terceiro comentário:

  • Dá para começar a desenhar com um clique e exportar como imagem. É muito conveniente por não exigir login nem cadastro.

• Quarto comentário:

  • Parece muito legal. O vídeo no YouTube linkado no README do GitHub não está disponível. Gostaria de ver um vídeo de demonstração mais recente.

• Quinto comentário:

  • Encontrei um erro de digitação: na barra lateral de recursos, está escrito 'permissions' onde deveria estar 'permisions'.

• Sexto comentário:

  • Gostaria de saber se alguém conhece um projeto parecido feito em VueJs.

• Sétimo comentário:

  • Essa ferramenta parece muito útil. Queria saber se é fácil fazer um fork para criar ícones de design de jogos.

• Oitavo comentário:

  • Pergunta o que é um protótipo de fluxo de usuário.

• Nono comentário:

  • Há um recurso de chat em tempo real embutido, então é possível se comunicar com a equipe colaborando no mesmo app. No entanto, a gramática precisa de alguns ajustes.

• Décimo comentário:

  • Pergunta quais ferramentas outras pessoas usam para criar esses wireflows. O Figma é detalhado demais, e o Mockup não satisfaz completamente. Pergunta se há alguma ferramenta recomendável.