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!
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:
- Como ter
umaideia de anúncio para um mini-aplicativo - artigo da VK Mini Apps.
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:
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:
- Palestra de Andrey Oshanin, gerente da plataforma VK Mini Apps , sobre design, trabalho com público, análise de mercado e ferramentas que o ajudarão a esboçar rapidamente um protótipo.
→ O que ler:
- Design e prototipagem - notas de aula para reforçar os pontos principais.
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:
- Palestra do designer da Equipe VKontakte Alexey Mazeluk - se você quiser clareza e exemplos.
→ O que ler:
- Recomendações sobre UX / UI de nossos especialistas - seção de um grande artigo sobre os critérios de moderação na plataforma VK Mini Apps.
Nós desenvolvemos
Finalmente, você pode começar a implementar. Compartilhamos todos os links que irão te ajudar.
→ Deve ler antes do desenvolvimento:
- Regras para colocar serviços na plataforma VK Mini Apps - documento nº 1.
- Critérios de moderação do serviço VK Mini Apps - um ótimo artigo sobre como entrar no catálogo.
→ Prepare-se para o lançamento com antecedência:
- Início rápido - material oficial detalhado sobre como lançar seu primeiro gadget.
- Como criar o primeiro aplicativo em VK Mini Apps - a experiência de um desenvolvedor terceirizado.
→ API VK e documentação:
- Familiarização com a API VK - um artigo com uma descrição detalhada dos métodos e objetos da interface, o processo de registro do aplicativo, autorização do usuário, direitos de acesso.
- Análise da API VK do gerente de projeto Ksyusha Cherotchenko do VK Mini Apps - princípios de trabalho e métodos de API.
- Documentação VK Mini Apps .
→ Implementar:
- Implante o serviço nas páginas do GitHub - instruções.
- CodeSandbox é um serviço útil: o botão Adicionar Dependência permite que você adicione as bibliotecas necessárias e Salvar criará um link exclusivo para seu projeto.
→ Materiais educativos e outras coisas úteis:
- Web Skills é um roteiro para o aspirante a desenvolvedor da web. Visão geral das áreas de conhecimento e conceitos com links para materiais de estudo (em inglês).
- Workshop do desenvolvedor de gadgets da Equipe VK , parte 1 - Gleb Vorontsov mostra a parte técnica do desenvolvimento: painel de administração, ferramentas e muito mais.
- Workshop de desenvolvimento de mini-app , parte 2 - reta final: VKUI, VK Bridge e codificação visual.
- Navegação e esquema de cores - um artigo detalhado sobre como fazer navegação em um mini-aplicativo para plataformas iOS e Android, incluindo deslizamento e botões de hardware.
- Poo-Mini-App - repositório github com um exemplo de implementação de mini-app.
- O VK Bridge Sandbox é um sandbox para testar o VK Bridge.
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:
- Uma palestra sobre como se preparar para a moderação e entrar no catálogo de Anton Nizhegoltsev, gerente de projeto VKontakte.
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:
- Guia para a VKontakte Academy: como começar a entender a promoção - um artigo da equipe VKontakte para negócios . É claro sobre como criar conteúdo interessante e para que serve a segmentação de público.
→ O que ver:
- Promoção de aplicativos na plataforma VK Mini Apps. Com rapidez e eficiência - uma master class de Eduard Mukhin, um especialista em publicidade certificado da VKontakte.
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:
- Monetizando os serviços VK Mini Apps - em detalhes sobre como ganhar dinheiro com um mini-app.
- AppsCentrum. Integração de anúncios - instruções sobre como adicionar banners e anúncios precedentes ao widget.
VK Mini Apps — . VK Fresh Code: , . - 300 , — .