Como criar um mini-aplicativo: base de conhecimento VK Mini Apps

Materiais úteis para todas as fases do ciclo de vida



Falamos muito sobre como criar gadgets e executá-los na plataforma VK Mini Apps. E vemos quantas ideias interessantes os desenvolvedores têm - tanto experientes quanto iniciantes. Gostaria que todos pudessem concretizar sua ideia em um serviço compacto que entrará facilmente na vida do usuário.



Portanto, neste artigo, coletamos todos os materiais, recomendações e links úteis. Vamos agrupá-los de acordo com as etapas do ciclo de vida do gadget: da ideia ao lançamento e monetização.



Há ainda mais suporte para desenvolvedores em nosso programa VK Fresh Code : são cursos educacionais e uma competição com um fundo de prêmio total de 15 milhões de rublos. Junte-se a nós!


imagem



Encontrando uma ideia



Procure a ideia de um serviço conveniente - na sua própria experiência e na experiência dos outros, nos problemas das pessoas, em qualquer área da vida. Brainstorm com você mesmo, com a família ou amigos - e capte cada pensamento. Essas notas irão ajudá-lo a planejar seu desenvolvimento para que você não precise voltar ao início e adicionar um recurso ausente posteriormente.



→ O que ler:





Nós projetamos e prototipamos



Quando a ideia estiver totalmente articulada, comece a projetar. Aqui, a criatividade é substituída pela rotina, mas processos muito importantes - eles vão economizar nervos e recursos na fase de implementação.



Um bom exemplo do custo do erro em diferentes estágios de desenvolvimento:



imagem



certifique-se de que a ideia seja viável. Se você está planejando ganhar dinheiro com seu mini-aplicativo e precisa de tráfego, faça uma pesquisa do mercado potencial. Colete dados, comunique-se com o público-alvo, estude suas necessidades e dores. Escreva duas ou três histórias de usuário. Entre no design técnico: faça uma lista de recursos que deseja ver no MVP e na versão final.



Depois disso, você pode prosseguir com a criação de um protótipo de seu futuro aplicativo.



O que ver:





O que ler:





Você terminou o protótipo? É hora de pensar em como será a aparência do seu gadget.



Personalização de UX / UI



Nesta fase, você deve equilibrar entre “Faço o que gosto”, “Faço o que posso” e “Faço o que é conveniente para os usuários”.



Encontrar e manter esse equilíbrio é difícil, mesmo para designers e desenvolvedores experientes. Portanto, o estágio de personalização é um campo de experimentos infinitos, testes A / B e testes de hipóteses. Aqueles que criam gadgets têm uma ajuda poderosa - VKUI. Este é um conjunto de componentes React com os quais você pode criar interfaces que são externamente indistinguíveis de um aplicativo VK.



O que é útil:



  • Guia de estilo VKUI - todos os componentes de interface disponíveis para fazer seu widget parecer um cliente nativo. Bônus: Ativos VKUI para Figma - são gratuitos por si só, mas disponíveis apenas na versão paga do programa.
  • Tutorial do React - útil se você ainda não trabalhou com este framework. Então você pode voltar aos componentes VKUI.
  • VK Icons é um conjunto de ícones SVG apresentados como componentes React.
  • Happy Santa VK App UI Style Guide - material útil para a implementação desktop de mini-aplicativos.


O que ver:





O que ler:





Nós desenvolvemos



Finalmente, você pode começar a implementar. Compartilhamos todos os links que irão te ajudar.



Deve ler antes do desenvolvimento:





Prepare-se para o lançamento com antecedência:





API VK e documentação:





Implementar:





Materiais educativos e outras coisas úteis:





O teste deve ser o resultado do desenvolvimento. É sempre.



Nós passamos moderação e testes



Quando a última atualização foi para a produção, você está mais ou menos confiante na qualidade do mini-aplicativo e está pronto para o teste - é hora de enviar seu projeto para moderação.



Os moderadores verificarão se cumpre as regras de colocação de serviços na plataforma VK Mini Apps e se os critérios de colocação são tidos em consideração . Eles também podem apontar onde melhorar a experiência do usuário e a interface do usuário. Os comentários dos moderadores ajudarão a melhorar o aplicativo e, durante a revisão final, também eliminar vulnerabilidades que ameaçam os dados do usuário.



O que ver:





A próxima etapa é o teste beta no sistema Testpool . Aqui o aplicativo é verificado pelo pessoal da VK Testers .



Para que o serviço chegue até eles na próxima quinta-feira (relevante para todas as semanas), você precisa escrever ao moderador dizendo que está pronto para o teste na segunda-feira, antes das 18h, horário de Moscou.



Em média, o teste beta leva cerca de duas semanas inteiras. Faz sentido tentar fazer isso o mais cedo possível - especialmente se você estiver se candidatando a uma bolsa do VK Fresh Code. Os competidores colocam a mini-aplicação concluída no catálogo antes da data anunciada. Para a atual quarta vaga do programa, é 21 de outubro de 2020.



Moderação final: vá para o diretório



Todos os relatórios são fechados e seu mini-aplicativo saiu do teste quase perfeito. É hora de lembrar ao moderador sobre você novamente - no mesmo ticket em que você se comunicou anteriormente.



Tudo o que resta é fazer as pequenas coisas boas: carregar ícones e capas para serem exibidos no catálogo e em snippets. Depois disso, seu projeto será publicado no catálogo oficial da plataforma VK Mini Apps.



Após o lançamento: promoção e monetização



A audiência ativa está crescendo, o número de impressões de anúncios está aumentando, o sistema de monetização está funcionando. Qual é o próximo?



O principal é não ficar satisfeito com o que já foi conquistado e pensar em uma campanha publicitária de alta qualidade para o mini-aplicativo.



Promoção



O que ler:





O que ver:





O que fizemos para promover de forma lucrativa os mini-aplicativos:



  • há um leilão separado para publicidade de mini-apps, o que significa que não há concorrência com ofertas de ganhos e inscrições de pregos. O custo de impressões e cliques é 2–3 vezes mais barato do que anúncios normais;
  • desenvolveu muitos métodos e ferramentas de promoção nativos para ajustar o público;
  • Realizamos regularmente promoções para desenvolvedores de gadgets - às vezes, você não precisa gastar dinheiro com sua própria publicidade.


Monetização A



VK tem atualmente dois modelos para monetizar gadgets: compras no aplicativo e publicidade. Eles podem ser usados ​​separadamente ou juntos.



O que ler:








VK Mini Apps — . VK Fresh Code: , . - 300 , — .



All Articles