Proto.io Review: uma ferramenta de prototipagem flexível

O fato é que, mesmo quando você pensa que tudo já foi resolvido, o processo meticuloso de criar um aplicativo padrão exige média de cerca de 4 para 6 meses. É mais como uma jornada desde o debate de ideias até chegar a um produto final totalmente diferente.

Entre estes dois estágios é onde todo o drama acontece. Após o brainstorming, vem o processo de pesquisa, de onde você estabelece um wireframe correspondente, então ele é seguido por um protótipo para a primeira fase de testes.

O que está faltando até agora?

Agora, segura aí mesmo. Antes de prosseguirmos para a fase de desenvolvimento, vamos primeiro apreciar a única coisa que a informa substancialmente.

Um protótipo basicamente representa o que você presume ser a interface de usuário do produto final. O feedback subsequente gerado pelos usuários determina o design de funcionalidade correspondente durante o desenvolvimento.

Portanto, tudo somado, o protótipo é basicamente o que determina o desenvolvimento de aplicativos e, em grande medida, o resultado geral.

Então, que tal darmos uma olhada em uma ferramenta interessante que você pode aproveitar para isso?

Revisão Proto.io: Visão Geral

Criado pela Divisão de Labs da SNQ Digital, Proto.io existe desde o 2011, quando foi lançado como uma plataforma web comercial que lida com o desenvolvimento de protótipos para iPads e iPhones. Em seguida, ele se transformou gradualmente em uma estrutura mais dinâmica e até mesmo expandiu para acomodar vários dispositivos.

Atualmente, a plataforma tem como alvo essencialmente entusiastas de aplicativos, designers de dispositivos móveis, designers de interação e profissionais com experiência em usuários com uma ampla variedade de ferramentas de prototipagem críticas.

Proto.io

Uma das principais propriedades do Proto.io é sua interface de usuário intuitiva, que é construída com um sistema de arrastar e soltar que pode ser aproveitado sem codificação. Isso por si só explica porque é relativamente popular entre os codificadores e não-codificadores.

Ele também fornece uma biblioteca de interações totalmente integrada, que pode ser usada sistematicamente em qualquer uma de suas camadas.

E falando sobre o que, Proto.io aparentemente simplifica todo o processo de prototipagem, facilitando múltiplas camadas em várias telas. Os usuários também podem importar do Sketch ou do Photoshop, criar interações com JavaScript, sincronizar vários recursos com o Dropbox e detalhar projetos de animação enquanto visualiza animações na janela do editor.

Tudo considerado, a única coisa que faz com que o Proto.io valha a pena conferir é o fato de que seus desenvolvedores estão constantemente aprimorando-o com novas atualizações de tempos em tempos. Eles já lançaram dois em novembro, afetando o jogador e o editor.

Mas, novamente, Proto.io também vem com fraquezas notáveis. Como eles podem afetar seu trabalho é algo que iremos analisar em breve. Esta revisão Proto.io abrange todos os detalhes importantes que você precisa saber - recursos fundamentais, preços, pontos fortes e desvantagens.

E para começar, aqui estão as principais características…

Revisão Proto.io: Recursos

Construindo um Protótipo

Ao iniciar sua jornada no Proto.io, você perceberá que ele fornece um tutorial detalhado para ajudá-lo a encontrar o caminho do sistema. Achei muito útil, para ser honesto, e a interface facilita ainda mais a adaptação, pois as ferramentas são bem organizadas e acessíveis.

Felizmente, Proto.io não joga tudo em você. Portanto, não se preocupe se você não puder ver alguns elementos importantes no começo. Mais funcionalidades e opções contextuais são progressivamente aproveitadas à medida que você continua trabalhando em seu projeto.

Agora, iniciar um é tão fácil quanto clicar na nova opção do projeto no painel, nomear, selecionar o tamanho da tela e o meio pretendido, então voila!

O processo de navegação em si é transparente, graças a uma interface de usuário simples que não leva tempo para se acostumar. Eu já estava criando várias telas em cerca de uma hora, depois fui em frente para combiná-las com transições atrativas e interações elegantes.

Protótipo Proto.io

Mesclar e testar não exigiu muito esforço, pois o Proto.io é construído com um recurso de visualização de animação. Infelizmente, eu não consideraria uma visualização ao vivo em tempo real 100%, já que os usuários precisam primeiro salvar seus projetos antes que as alterações de animação sejam refletidas na visualização.

Bem, pelo menos o sistema compensa isso com uma interface de arrastar e soltar imersiva. Arrastar qualquer elemento é surpreendentemente simples e você pode ajustá-lo de acordo com o próximo.

Proto.io arrastar e soltar

Se você adotar itens que você acha que pode precisar mais tarde (animações, interações, elementos de interface do usuário), salve-se do trabalho duro aproveitando a economia de contêineres. Dessa forma, você poderá simplesmente arrastá-los e posicioná-los adequadamente quando precisar. É realmente livre de estresse.

Justo. Mas de quais funcionalidades estamos falando aqui?

Para começar, você pode girar, esmaecer, redimensionar e mover animações. Em seguida, as interações suportam funções como clicar com o botão direito, clicar, soltar, tocar, tocar duas vezes, tocar, etc. As transições, por outro lado, fornecem inversão, deslizamento para cima / baixo, deslizamento para a esquerda / direita etc. biblioteca de elementos típicos da interface do usuário, e você tem um sistema de prototipagem fácil de usar.

Então, para onde os projetos vão após a conclusão?

Agora, aqui está a coisa. O painel não apenas aproveita todos os projetos, mas também permite excluir, arquivar, duplicar, editar e acessá-los. É basicamente onde você também pode compartilhar um projeto e continuar ajustando as configurações correspondentes.

Compartilhamento e Colaboração

Tudo bem, você pode ser capaz de lidar com um projeto sozinho e possivelmente criar um protótipo impressionante. Ou você pode tornar tudo muito mais fácil e expandir suas capacidades trabalhando com uma equipe bem coordenada.

Acontece que o proto.io está resolvido. Ele fornece uma variedade de ferramentas de compartilhamento e colaboração para mostrar e expandir seus projetos.

Como você pergunta?

Para mostrar o mínimo, por exemplo, o Proto.io permite que você tire um instantâneo do seu projeto a qualquer momento e depois o compartilhe com os membros da equipe. Caso contrário, você pode optar por compartilhar tudo ao compartilhar uma versão ao vivo do protótipo e até ativar a gravação de vídeo e comentários. Isso deve ser bom o suficiente para fornecer informações adequadas sobre o projeto e, consequentemente, desencadear um feedback detalhado.

Compartilhamento Proto.io

Mas você sabe o que? É possível ir além disso, já que o Proto.io também suporta o Usertesting.com e o Validately. A ativação deles deve ajudá-lo a obter um feedback abrangente e detalhado dos usuários de protótipos.

E não importa quais dispositivos eles usam para acessar as visualizações. O sistema pode se adaptar de acordo com os navegadores móveis e de desktop.

E pegue isso. Se você estiver criando um aplicativo para smartphone, a experiência nativa dos aplicativos para Android e iOS beneficiará seus protótipos apresentando-os no meio para o qual foram desenvolvidos.

Dito isso, vale a pena notar que o Proto.io 6 facilitou muito as coisas com a introdução do compartilhamento de clique único. Isso basicamente significa que você pode distribuir seu protótipo para os membros da equipe com um único clique. Quão legal é isso?

Ferramentas de Interação

Considerando tudo, todo o design de interação do seu aplicativo é o que faz a diferença quando se trata de usabilidade. É por essa razão que até fazemos protótipos em primeiro lugar.

Felizmente, Proto.io não é ruim quando se trata de ferramentas de interação. Ele fornece uma ampla gama de funcionalidades que você pode aproveitar para criar uma experiência de usuário memorável.

Além das telas de conteúdo com rolagem, algumas das opções populares incluem menus deslizantes e telas de integração - para mencionar apenas algumas. E para esse toque pessoal, o Proto.io permite que os usuários ajustem dinamicamente todas as ferramentas de interação.

Ferramentas de interação Proto.io

Ok, mas como exatamente você as adiciona?

Bem, você se lembra quando mencionamos que o Proto.io usa uma interface de arrastar e soltar? Então adivinhe? Atingir qualquer resultado de interação é tão simples quanto arrastar e soltar os elementos de um ícone para os componentes da interface do usuário. Você não precisa de uma única linha de código.

Dispositivos Suportados

É sempre aconselhável desenvolver seu protótipo em um PC de mesa. Ele fornece apenas a experiência imersiva correta para projetar um protótipo sólido.

Agora, a visualização do protótipo é um jogo diferente. Felizmente, o Proto.io não força as pessoas a fazer isso no ambiente nativo em que os protótipos foram construídos.

Isso significa basicamente que você pode exibir sua criação para todos os tipos de usuários, independentemente dos gadgets escolhidos. Eles poderão obter acesso por meio de navegadores para PC e dispositivos móveis.

Na verdade, o Proto.io até foi em frente para desenvolver versões para iOS e Android. Eles otimizam fundamentalmente toda a experiência de revisão de protótipos desenvolvidos para dispositivos móveis.

Agora, depois de compartilhar seu projeto, você pode confiar nos comentários subsequentes do usuário para classificar seu protótipo. Mas, aqui, o interessante - Como se isso não bastasse, o Proto.io se uniu ao Lookback.io para criar a capacidade de registrar telas de usuários e expressões faciais de pessoas usando um protótipo.

Então sim. Você aposta que você pode fazer um julgamento informado sobre o desempenho do seu protótipo com base em como seus usuários sorriem ou franzem a testa. Impressionante, certo?

Curva de aprendizado

Eu sei. Eu estive lá. Nesse momento você assume que uma plataforma para protótipos precisa ser complicada o suficiente para lidar com o desenvolvimento extensivo da interface do usuário.

Felizmente, o Proto.io conseguiu eliminar a codificação sem comprometer o processo de desenvolvimento do protótipo. Você pode configurar wireframes de baixa fidelidade e protótipos de alta fidelidade totalmente desenvolvidos, completos com todos os recursos necessários para testes completos.

Recursos do Proto.io

Dito isso, você tem que admitir que não é preciso muito para dominar uma interface típica de arrastar e soltar. Mas, caso você enfrente alguma dificuldade ao longo do caminho, o Proto.io fornece documentação detalhada contendo basicamente tudo sobre a plataforma.

Proto.io Review: Preços

Primeiramente, fiquei satisfeito ao descobrir que o Proto.io oferece uma opção permanentemente gratuita. Infelizmente, é bastante limitado, pois oferece apenas:

  • pré-visualização do aplicativo io
  • Armazenamento 10MB
  • Zero revisores adicionais
  • Telas do protótipo 5
  • Projeto ativo 1
  • Usuário 1

A única maneira de garantir mais recursos é se inscrever em um dos quatro planos do Proto.io. Todos eles oferecem:

  • Suporte por email
  • criptografia 256-bit
  • Importação de esboço / Photoshop
  • Sincronização do Dropbox
  • Branding
  • Exportar para PDF / PNG / HTML
  • Feedback do usuário em formato de vídeo com tecnologia do Lookback
  • Comentários
  • PARTILHAR
  • Visualização do aplicativo io
  • Visualizar no player

Preços Proto.io

Agora que todos eles vêm com todo o ecossistema de recursos, os principais fatores de distinção entre os pacotes são o número de usuários e projetos suportados. Os planos são aparentemente estruturados para atender diferentes graus de usuários e organizações.

E aqui estão os detalhes:

Trabalhador autonomo- Custa US $ 29 por mês com faturamento mensal ou US $ 24 por mês com faturamento anual

  • Suporta usuário 1
  • Fornece projetos ativos 5

Comece- Custa US $ 49 por mês com faturamento mensal ou US $ 40 por mês com faturamento anual

  • Suporta usuários 2
  • Fornece projetos ativos 10

Agência- Custa US $ 99 por mês com faturamento mensal ou US $ 80 por mês com faturamento anual

  • Suporta usuários 5
  • Fornece projetos ativos 15

Corporativo Custa US $ 199 por mês com faturamento mensal ou US $ 160 por mês com faturamento anual

  • Suporta usuários 10
  • Fornece projetos ativos 30

Indo por essas escalas de uso, eu diria que esses planos são adequados para indivíduos e pequenas empresas. As grandes empresas têm a opção de negociar com o Proto.io pacotes personalizados que fornecem suporte prioritário, análises, segurança de nível empresarial, projetos ilimitados, usuários adicionais e muito mais.

Estudantes e organizações sem fins lucrativos, por outro lado, podem se qualificar para um desconto de 50%. Tudo depende do processo de triagem do Proto.io.

Agora isso não é ruim. Não é mau de todo. Mas eu me pergunto se o desconto é baseado no modelo mensal, no faturamento anual ou em ambos.

Bem, se você não se qualificar, pelo menos poderá reduzir seus custos em cerca de 20% quando mudar de faturamento mensal para anual. Em seguida, além disso, você também recebe um período de teste gratuito de 15 dias para testar tudo quando se inscrever.

Quem deve considerar o uso do Proto.io?

Por enquanto, tudo bem. Mas, talvez sem surpresa, Proto.io tem seu quinhão de desvantagens.

Considere a edição off-line, por exemplo. Embora seja louvável que a plataforma permita que os usuários exportem protótipos para PDF e HTML, parece que é apenas quando você não tem uma conexão com a Internet. A única coisa que você poderá fazer é visualizar um protótipo.

Criar e ajustar um protótipo requer uma conexão estável com a web. Isso basicamente torna impossível trabalhar convenientemente em movimento.

E falando em criar protótipos, vamos esperar que a equipe de desenvolvimento do Proto.io considere seriamente a introdução de animações 3D e visualizações ao vivo. Afinal, é 2019 por chorar em voz alta.

Além disso, podemos concluir que o Proto.io é uma plataforma decente construída com foco em produtividade e escalabilidade. É flexível o suficiente para oferecer suporte a projetos simples por novatos e projetos complexos em várias camadas por equipes corporativas.

Então, considerando todas as coisas, o que você acha que devemos esperar de seus desenvolvedores no futuro próximo?

Bogdan Rancea

Bogdan é um membro fundador da Inspired Mag, acumulando quase 6 anos de experiência neste período. Em seu tempo livre, ele gosta de estudar música clássica e explorar artes visuais. Ele é muito obcecado com fixies também. Ele é dono do 5 já.