4 razões pelas quais as empresas inteligentes criam protótipos interativos
Publicados: 2015-12-11[O Proto .io é uma ferramenta líder de prototipagem de aplicativos móveis usada por empreendedores e startups para criar protótipos realistas totalmente interativos que se parecem com aplicativos reais.]
Seu protótipo de aplicativo móvel é mais do que apenas mostrar a seus investidores sua ideia - é também uma poderosa ferramenta de teste e marketing que funciona com afinco durante todo o ciclo de vida do projeto de aplicativo móvel, desde a concepção até a garantia de qualidade. Protótipos interativos bem executados também podem ajudar a evitar vários desastres de design de interface de usuário móvel, desde conflitos entre designers e desenvolvedores (sim, eles também podem ser amigos!) até orçamentos de SNAFU.
Mas, com muita frequência, as empresas prejudicam o processo de prototipagem, recusando-se a investir nas ferramentas certas ou saltando prematuramente para os estágios de design e desenvolvimento da criação de um aplicativo móvel. Afinal, tempo e dinheiro são recursos finitos e, quando um grande prazo se aproxima, pode ser tentador recorrer a slides do PowerPoint com aproximações estáticas e bidimensionais da aparência do seu aplicativo. (Mas ei, pelo menos bate um esboço na parte de trás de um guardanapo!)
Protótipos interativos têm muito mais fator “uau” do que wireframes planos.
Os dias de enviar PDFs planos de wireframes já se foram há muito tempo, e boa viagem para eles. Embora a simulação de seu design de interface de usuário móvel no Photoshop ou InDesign e o envio de imagens de alta resolução possam mostrar seu senso de design visual em termos de teoria de cores, tipografia, proporção e outros elementos básicos de design, os wireframes de aplicativos móveis planos são extremamente limitados no que eles comunicar aos seus clientes, potenciais utilizadores ou financiadores.
Imagine que você é o CEO de uma empresa que é extremamente boa no que faz – talvez seja uma empresa de computação em nuvem ou uma loja de maquiagem pop-up – mas você não necessariamente sabe muito sobre um bom design ou desenvolvimento de aplicativos móveis. Afinal, é por isso que você está contratando uma agência. Você tem várias agências lançando seu negócio, mas apenas uma delas receberá o contrato.
A agência A tem um portfólio impressionante e uma lista de clientes que inclui várias empresas da Fortune 500, e você ouviu de boca em boca que sua equipe de desenvolvimento é a melhor do mercado. A Agência B é uma empresa menor, mas você está intrigado com o que viu em seu portfólio até agora e sabe que seus preços são mais competitivos.
A Agência A vem projetando aplicativos móveis há tanto tempo que caiu em um padrão confiável em seu processo. Eles enviam um PDF de um conceito de aplicativo móvel em potencial, tela por tela. Cada wireframe é anotado para explicar o que cada recurso faz, mas há algum vocabulário com o qual você não está familiarizado, e superar a curva de aprendizado pode levar mais tempo do que você tem disponível. Novamente, você é o CEO muito ocupado de uma empresa muito bem-sucedida.
A Agência B envia a você um protótipo interativo de seu conceito de aplicativo móvel. Não há anotações para ler, nem novas palavras de vocabulário que você precisa aprender - apenas um arquivo de protótipo digital que você pode acessar no seu navegador ou em seu dispositivo móvel favorito. Você pode olhar para o protótipo interativo enquanto estiver no táxi a caminho de sua próxima conferência ou puxá-lo em seu laptop enquanto se encontra com gerentes de projeto em uma nova tarefa.
O protótipo interativo da Agência B se parece com um aplicativo móvel finalizado. Você pode navegar facilmente de tela para tela, os botões retornam feedback tátil quando você os pressiona ou desliza e, sem nenhum conhecimento de design de aplicativo móvel, você tem uma ideia perfeita do que a Agência B está tentando realizar com seu conceito. Isso significa que você não precisa agendar tanto tempo para se reunir com eles para discutir a apresentação e pode gastar mais tempo em seus projetos mais urgentes.
Com qual agência você assinaria um contrato?
Criar protótipos interativos não precisa dar mais trabalho
“Isso é ótimo em teoria”, você pode estar pensando, “mas com muitos prazos agressivos para cumprir e largura de banda limitada, não é realista criar um protótipo totalmente interativo para cada proposta de design de aplicativo móvel”.
Com as ferramentas certas, criar um protótipo interativo e realista não precisa ser mais difícil do que criar um wireframe plano - na verdade, pode ser mais fácil e rápido. Com bibliotecas de design de interface do usuário cheias de elementos prontos para uso em uma interface de arrastar e soltar, ferramentas como o Proto.io permitem que você esboce um protótipo interativo, completo com animações e outros elementos de mídia avançada, em apenas alguns minutos.
Considere quanto tempo levaria para você criar um wireframe no Photoshop ou InDesign, usando camadas para mostrar transições entre telas e tendo que salvar uma nova imagem para cada visualização. Então, se você precisar fazer uma edição em sua interface de usuário que afete cada tela (por exemplo, uma mudança de fonte), será necessário salvar uma nova imagem para cada uma dessas visualizações separadas. Isso antes de adicionar as anotações necessárias para explicar o fluxo do seu aplicativo móvel ao cliente.
Recomendado para você:
O que significa a provisão antilucratividade para startups indianas?
Como as startups de Edtech estão ajudando a qualificação da força de trabalho da Índia e se preparando para o futuro
Ações de tecnologia da nova era esta semana: os problemas do Zomato continuam, EaseMyTrip publica...
Startups indianas pegam atalhos em busca de financiamento
Plataforma de marketing digital Logicserve Bags Financiamento de INR 80 Cr, renomeia como LS Dig...
Relatório adverte sobre o escrutínio regulatório renovado no espaço Lendingtech
Embora alterar um processo ao qual você está acostumado possa implicar uma curva de aprendizado inicial e um pouco de adaptação no início, pode ser uma manobra para economizar tempo. No caso de protótipos interativos, você estará potencialmente economizando não apenas tempo, mas contratos – contratos que poderiam ter sido contratados por uma agência menos talentosa, mas mais bem equipada, que por acaso tinha um protótipo interativo mais chamativo.
Você pode iniciar o teste do usuário muito mais cedo no ciclo de vida do projeto.
O que acontece na fase de teste e garantia de qualidade do ciclo de vida do seu aplicativo móvel pode fazer ou quebrar seu projeto, determinando se seu aplicativo oferece uma experiência mágica para os usuários ou trava assim que eles o baixam - indo direto para a lixeira quase tão rápido quanto encontrou um lugar na tela do aplicativo.
Embora a execução de testes e controle de qualidade em seu protótipo interativo obviamente não elimine nenhum dos bugs ou problemas de desempenho que você verá no produto final, o que você pode fazer é executar a garantia de qualidade em todo o conteúdo, para que, quando seu o teste final e o processo de controle de qualidade vêm junto, você pode se concentrar apenas em questões interativas. Um controle de qualidade de conteúdo compreende muitas facetas importantes, incluindo:
Uma verificação de sanidade de design visual.
A interface geral do usuário, bem, parece boa ? Tipo, muito bom? Como seu protótipo interativo é visualmente quase idêntico ao produto final, você pode fazer qualquer alteração de design nesta fase do jogo, antes mesmo de seus desenvolvedores começarem a pensar em construir a versão beta.
Algumas coisas que você pode detectar incluem erros de tipografia (os tamanhos das fontes são consistentes? Esse tipo de letra apresenta algum problema de legibilidade?), problemas gerais de tamanho e proporção (especialmente importantes ao projetar para vários dispositivos ou sistemas operacionais) e até problemas de acessibilidade visual (essa paleta é acessível a pessoas com daltonismo? Os usuários podem configurar facilmente as opções de acessibilidade?).
Uma verificação das diretrizes da marca.
Dependendo da sua marca ou da marca do seu cliente, certas opções de design podem ou não ser kosher. Há espaço suficiente ao redor do logotipo? Existem certos tipos de letra ou paletas de cores que seu design deve seguir? Certas opções de cópia são legalmente proibidas? Martelar esses detalhes em seu protótipo interativo significa não ter que se preocupar com eles quando o aplicativo já foi codificado.
Testes A/B em sua interface de usuário.
O teste A/B é uma maneira poderosa de otimizar sua interface de usuário para usabilidade, apelo estético e fator “uau” geral. Em vez de esperar até a fase beta do seu aplicativo móvel para executar testes A/B, forçando você a criar duas versões do mesmo conceito, você pode usar seu protótipo interativo para escolher entre esquemas de cores, elementos de design, interações, mensagens e muito mais . Dessa forma, você tem feedback inicial do usuário para aperfeiçoar seu design antes de entrar em desenvolvimento.
Protótipos interativos são ativos poderosos de marketing de conteúdo.
Quando se trata de marketing de conteúdo, do marketing de mídia social ao mapeamento de uma estratégia editorial para o blog da sua empresa, o engajamento é rei, rainha e bobo da corte, desde que o humor funcione para sua marca (e você seja bom nisso). É por isso que a mídia avançada tende a superar o conteúdo baseado em texto em termos de compartilhamentos, curtidas, retuítes, comentários e outras interações sociais: ela cativa o usuário mais do que uma simples cópia. (Mesmo a cópia deve ser otimizada para engajamento – por exemplo, perguntas abertas convidam seus seguidores a responder!)
Em termos de conteúdo envolvente, o que poderia ser melhor do que protótipos interativos? Se uma imagem vale mais que mil palavras, e uma imagem em movimento vale mais que mil imagens, então uma imagem em movimento com vários elementos interativos praticamente não tem preço. Seu protótipo de aplicativo não apenas dará a seus usuários em potencial uma ideia fiel do que eles estão prestes a baixar em seu dispositivo móvel favorito, mas também será seu melhor recurso para marketing de conteúdo.
Incorpore seus protótipos interativos em seu site para atrair os usuários a deslizar, tocar e navegar pelo aplicativo, obtendo familiaridade instantânea com sua interface de usuário móvel antes mesmo de clicar em "Download". Compartilhe o link para seu protótipo interativo via Facebook e Twitter e use essas plataformas para gerar feedback do usuário. “O que você acha dessas opções de menu?” “Quais recursos ou funcionalidades você gostaria de ver em nossa próxima atualização?” Você não apenas coletará feedback acionável, mas também terá conteúdo pronto para o seu calendário de mídia social otimizado para engajamento.
Protótipos interativos tornam a colaboração muito fácil.
A menos que você seja um ás de design, desenvolvimento e marketing de aplicativos móveis voando completamente sozinho, é provável que seu produto seja passado algumas mãos antes de acabar em uma loja de aplicativos. No mundo cada vez mais virtual e orientado à nuvem de hoje, a colaboração não envolve mais sentar na mesma sala, tomar o mesmo café e conversar sobre um quadro branco. Seu designer e desenvolvedor podem estar em dois fusos horários separados, e cada um deles pode estar em uma teleconferência com um cliente em outro continente.
Como colocar todos na mesma página? Em vez de enviar um e-mail com um simples anexo em PDF, faça com que todos abram o protótipo interativo. Então, todos podem se comunicar de forma clara e fácil sobre o aplicativo móvel. “Esse conteúdo não deve estar na primeira tela”, o cliente pode sugerir – e com alguns toques, pode continuar: “Em vez disso, deve ir aqui”.
Melhor ainda, os protótipos interativos permitem que você colabore remotamente, mesmo que não consiga encontrar um horário comum para atender a chamada. Seu software de prototipagem digital pode oferecer ferramentas que permitem que todos no projeto deixem comentários e marcações no design inicial, uma tarefa um pouco mais difícil de organizar ao coletar fragmentos de feedback deixados em e-mails ou anexos em PDF.
Protótipos interativos bem feitos
Protótipos interativos de boa aparência podem deslumbrar clientes, potenciais usuários ou investidores, e um protótipo fiel ao produto final pode tornar o processo de desenvolvimento muito mais tranquilo. Mas se você nunca projetou um protótipo interativo, ou mesmo tem um pouco de experiência, “boa aparência” e “fiel ao produto final” pode parecer uma tarefa difícil. Então, como agências e empreendedores de aplicativos móveis podem garantir que seus protótipos pareçam incríveis?
Um fator importante quando se trata de prototipagem interativa é simplesmente usar a ferramenta certa. Antes de fazer qualquer investimento permanente, procure uma ferramenta que ofereça uma avaliação gratuita e, em seguida, reserve alguns dias para realmente explorar a interface e o software – incluindo tutoriais ou webinars que o fornecedor oferece durante a avaliação. Você provavelmente descobrirá que a natureza de arrastar e soltar da prototipagem é ainda mais fácil do que esboçar suas ideias no software de design que você usa todos os dias.
Depois de projetar alguns protótipos interativos com os quais você está absolutamente entusiasmado, reutilize-os para criar um modelo reutilizável para futuros projetos da mesma linha. Ao não reinventar a roda a cada prototipagem, você pode garantir resultados mais rápidos e atraentes em cada projeto. E, como acontece com qualquer habilidade, quanto mais você faz, mais rápido você se torna. Pegar um processo já rápido e torná-lo ainda mais rápido, sem sacrificar os resultados? Isso é gerenciamento de projeto inteligente em poucas palavras.